/* Home page (UX Builder) — measurements from BACCFLO_HP_mockup_v4.xd (1366px artboard).
   Sections/rows/columns carry bf-* classes set in UX Builder; keep those classes. */
:root{--bf-blue:#0b34a0;--bf-red:#cf152d;--bf-gray:#595a5c}
.home #content{font-family:Archivo,Arial,sans-serif;color:var(--bf-gray);font-size:20px;line-height:1.35}
.home #content h1,.home #content h2,.home #content h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:0;text-transform:none}
.home #content .row.bf-row{max-width:1275px}
.home #content p{margin-bottom:1em}
.bf-sec{margin:50px 0}

.bf-h2{font-size:40px;line-height:1.1;color:var(--bf-blue);margin:0}
.bf-h3,.home #content h3.bf-h3{font:700 25px/1.2 Arial,sans-serif;color:var(--bf-blue);text-transform:uppercase;margin:0 0 .6em}
.bf-eyebrow{font:700 25px/1.2 Arial,sans-serif;color:var(--bf-red);text-transform:uppercase;margin:0 0 .5em!important}
.home #content hr.bf-rule{width:53px;height:6px;border:0;background:var(--bf-red);margin:18px 0 22px;opacity:1}
.home #content hr.bf-rule-center{margin-left:auto;margin-right:auto}
.bf-price{font-weight:700;margin-top:1em}
.bf-approved{margin-bottom:1em}

/* buttons */
.home #content .button.bf-btn,.bf-btn.button{background:var(--bf-red)!important;color:#fff!important;font:700 13px/37px Arial,sans-serif;text-transform:uppercase;
	letter-spacing:0;min-height:0;height:37px;padding:0 16px;min-width:130px;margin:0;border-radius:2px;box-shadow:none;border:0}
.home #content .button.bf-btn:hover{background:#a9101f!important}
.bf-hero .button.bf-btn{min-width:204px}

/* hero: 621px tall at 1366, text 137px from left edge */
.bf-hero.section{min-height:621px!important}
.bf-hero .section-content{padding-top:153px;padding-bottom:85px}
.home #content .bf-hero-col{padding-left:91px}
.bf-hero h1{font-size:60px;line-height:1.2;color:#fff;max-width:656px;text-shadow:0 0 10px #000;margin:0}
.bf-hero-sub{font:35px/1.2 Arial,sans-serif;color:#ededed;max-width:582px;margin:0 0 13px!important;text-shadow:0 0 10px #000}
.bf-hero .section-bg img{object-fit:cover}

/* three blue stripes under the hero */
.bf-stripes-sec{margin:0}
.bf-stripes{height:30px;margin-top:6px;background:linear-gradient(var(--bf-blue) 0 6px,transparent 6px 12px,var(--bf-blue) 12px 18px,transparent 18px 24px,var(--bf-blue) 24px 30px)}
.bf-stripes-sec+.bf-sec{margin-top:99px}

/* split rows */
.bf-split>.col{padding-bottom:0}
.bf-training .bf-text-col{padding-left:81px}
.bf-training .bf-split>.col:first-child{padding-right:0}
.bf-training .bf-text-col .text,.bf-training .bf-text-col .ux-text{max-width:469px}
.bf-training .bf-text-col p{margin-top:-12px}
.bf-rounded img{border-radius:8px}
.bf-inline{margin:0;max-width:none!important}
.bf-inline .col{padding-bottom:0}
.bf-tceq-col{padding-left:2px}
@media(min-width:1200px){.bf-tceq,.bf-tceq .img-inner,.bf-tceq img{width:311px!important;max-width:none!important}
.bf-tceq{margin:-78px 0}}
@media(max-width:1199px){.bf-tceq,.bf-tceq .img-inner,.bf-tceq img{width:230px!important;max-width:100%!important}.bf-tceq{margin:-40px 0}}

/* reviews */
.bf-band h2{background:var(--bf-blue);color:#fff;font-size:40px;line-height:1;text-align:center;border-radius:14px;height:122px;padding-top:31px;margin:0}
.bf-band hr.bf-rule{position:relative;top:-27px;margin:0 auto!important}
.bf-reviews .col-inner{display:block}
.bf-reviews-widget{margin-top:5px;padding:0;min-height:230px}
@media(min-width:1200px){.bf-reviews-widget .ti-widget .ti-review-item{flex:0 0 25%!important;max-width:25%!important}}
.bf-reviews-widget .ti-widget .ti-header,.bf-reviews-widget .ti-widget .ti-footer{display:none!important}
.bf-reviews-widget .ti-widget[data-layout-id] .ti-review-item>.ti-inner{border-radius:14px;padding:20px 22px;min-height:224px;background:#f4f4f6}
.bf-reviews-widget .ti-widget .ti-name{font-size:17px!important}
.bf-reviews-widget .ti-widget .ti-date{font-size:14px!important}
.bf-reviews-widget .ti-widget .ti-review-content,.bf-reviews-widget .ti-widget .ti-read-more{font-size:16px!important;line-height:1.45!important}
.bf-reviews-widget .ti-widget .ti-stars .ti-star{width:19px;height:19px}

/* spotlight */
.bf-spotlight .bf-text-col{padding-left:97px;padding-right:20px}
.bf-spotlight .bf-text-col .text,.bf-spotlight .bf-text-col .ux-text{max-width:585px}
@media(min-width:1200px){.bf-spot-img .img,.bf-spot-img .img-inner,.bf-spot-img img{width:483px!important;max-width:none!important}}

/* real field experience: 1245 x 626 rounded photo, 593 x 421 card inset 95px */
.bf-field.section{max-width:1245px;margin-left:auto;margin-right:auto;border-radius:8px;overflow:hidden;min-height:626px!important}
.bf-field .row{padding-top:95px}
.bf-field-card{max-width:608px;padding-left:0!important}
.bf-field-card>.col-inner{background:rgba(0,0,0,.725);border-radius:5px;padding:31px 46px 32px 76px;position:relative;overflow:hidden}
.bf-field-card p{max-width:457px}
.bf-field-card h2{color:#fff;font-size:40px;line-height:1.1;margin:0}
.bf-field-card hr.bf-rule{margin:14px 0 18px}
.bf-field-card p,.bf-field-card li{color:#fff;font-size:20px}
.bf-checks{margin-right:-50px!important;list-style:none;margin:0 0 40px!important;padding:0;display:grid;grid-template-columns:222px auto;gap:0}
.bf-checks li{margin:0}
.bf-checks li::before{content:"•  "}
.bf-field-card .button{position:relative;z-index:1;min-width:119px}
.bf-field-card>.col-inner::after{content:"";position:absolute;right:0;bottom:35px;width:388px;height:30px;opacity:.208;
	background:linear-gradient(#fff 0 6px,transparent 6px 12px,#fff 12px 18px,transparent 18px 24px,#fff 24px 30px)}

/* gauge */
@media(min-width:1200px){.home #content .bf-gauge-img{padding-left:83px}
.bf-gauge-img .img,.bf-gauge-img .img-inner,.bf-gauge-img img{width:577px!important;max-width:none!important}}
.bf-gaugecare{margin:0 0 0 -59px;max-width:479px;width:479px}
.home #content .bf-gauge .bf-text-col{padding-left:81px;margin-top:-30px}
.bf-gauge .bf-text-col .text,.bf-gauge .bf-text-col .ux-text{max-width:469px}

/* FAQ: rgba(237,237,237,.57) box, rows alternate blue 4% / white 43% */

.bf-faq-box>.col-inner{background:rgba(237,237,237,.57);border-radius:14px;padding:46px 58px 48px}
.bf-accordion .accordion-item:last-child{margin-bottom:0}
.bf-faq-title{text-align:center}
.bf-faq-title hr.bf-rule{margin:18px auto 22px}
.bf-accordion{margin:0}
.bf-accordion .accordion-item{margin:0 0 10px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.43)}
.bf-accordion .accordion-item:nth-child(odd){background:rgba(11,52,160,.039)}
.bf-accordion .accordion-title{border:0;background:none;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;
	min-height:54px;padding:6px 34px;line-height:1.3;font:400 20px/1.3 Archivo,Arial,sans-serif;color:var(--bf-gray)}
.bf-accordion .accordion-title .toggle{position:static!important;margin:0!important;padding:0!important;font:400 40px/1 Arial,sans-serif;width:auto!important;height:auto!important;min-height:0!important;background:none;border:0;opacity:1;color:var(--bf-gray)}
.bf-accordion .accordion-title .toggle i{display:none}
.bf-accordion .accordion-title .toggle::before{content:"+"}
.bf-accordion .accordion-title.active .toggle::before{content:"–"}
.bf-accordion .accordion-title.active{font-weight:700;color:var(--bf-blue)}
.bf-accordion .accordion-inner{padding:4px 34px 20px;font-size:17px;background:none}

/* cards */
.home #content .row.bf-cards{max-width:1158px}
.bf-card{text-align:center}
.bf-card .col-inner{display:flex;flex-direction:column;align-items:center;height:100%}
.bf-card-img{height:361px;display:flex;justify-content:center;align-items:flex-end;margin:0}
.bf-card-img img{max-width:none;object-fit:contain}
.bf-card-1 .bf-card-img{margin-left:-20px}
.bf-card-1 .bf-card-img img{width:283px;height:331px}
.bf-card-2 .bf-card-img{height:263px}
.bf-card-2 .bf-card-img img{width:291px;height:207px}
.bf-card-logo,.bf-card-logo .img-inner,.bf-card-logo img{width:293px!important;max-width:none!important}
.bf-card-logo{margin:-8px 0 0}
.bf-card-3 .bf-card-img img{width:321px;height:404px;margin-bottom:-43px}
.bf-card h3{font-size:28px;line-height:1.2;color:var(--bf-blue);margin:-3px 0 29px}
.bf-card .text,.bf-card .ux-text{margin:0}

/* CTA */
.bf-cta>.col-inner{background:var(--bf-blue);border-radius:14px;padding:32px 20px 36px}
.bf-cta h2{color:#fff;font-size:40px;line-height:1.1;margin:0}

.bf-cta p{font:24px/1.3 Arial,sans-serif;max-width:776px;margin:0 auto 26px;color:#fff}

/* tablet */
@media(max-width:1199px){
	.home #content{font-size:18px}
	.bf-hero{min-height:480px}
	.bf-hero .section-content{padding-top:90px;padding-bottom:60px}
	.bf-hero-col{padding-left:15px}
	.bf-hero h1{font-size:44px}.bf-hero-sub{font-size:26px}
	.bf-h2,.bf-band h2,.bf-field-card h2,.bf-cta h2{font-size:32px}
	.bf-stripes-sec+.bf-sec{margin-top:50px}
	.bf-training .bf-text-col,.bf-spotlight .bf-text-col,.bf-gauge .bf-text-col,.bf-gauge-img{padding-left:15px;padding-right:15px}
	.bf-split>.col{padding-bottom:25px}
	.bf-gaugecare{margin-left:0;max-width:320px}
	.bf-tceq{margin:-50px 0;width:240px}.bf-tceq img{width:240px}
	.bf-field{border-radius:0}
	.bf-field .row{padding-top:30px;padding-bottom:30px}
	.bf-field-card>.col-inner{padding:28px 24px}
	.bf-faq-box>.col-inner{border-radius:0;padding:36px 16px 40px}
	.bf-card-1 .bf-card-img{margin-left:0}
	.bf-cards .bf-card{padding-bottom:30px}
}
/* phone */
@media(max-width:549px){
	.bf-hero h1{font-size:34px}.bf-hero-sub{font-size:21px}
	.bf-h2,.bf-band h2,.bf-field-card h2,.bf-cta h2{font-size:26px}
	.bf-checks{grid-template-columns:1fr}
	.bf-accordion .accordion-title{padding:8px 14px;font-size:16px}
	.bf-accordion .accordion-inner{padding:4px 14px 16px}
	.bf-cta p{font-size:19px}
	.bf-band h2{padding-top:26px}
	.bf-tceq-col{padding-left:0;margin-top:16px}
	.bf-tceq{margin:-40px 0}
}

/* fixes */
.bf-cta>.col-inner{text-align:center}
.bf-cta .button{display:inline-block}


.bf-sec.bf-cta-sec{margin-bottom:55px}

.home #content .bf-training .bf-text-col{margin-top:27px}

/* second-pass spacing fixes vs XD */
.bf-training h3.bf-h3{margin-bottom:.25em}
.bf-reviews{margin:32px 0 17px}
.bf-eyebrow{margin-bottom:.75em!important}

.bf-sec.bf-field{margin-bottom:42px}
.bf-sec.bf-gauge{margin-top:42px;margin-bottom:0}
.bf-gaugecare{margin-bottom:2px!important}
.bf-sec.bf-faq{margin-top:0;margin-bottom:21px}
.bf-sec.bf-cards-sec{margin-top:21px;margin-bottom:28px}
.bf-sec.bf-cta-sec{margin-bottom:25px}

.home #content .bf-tceq{margin-left:-16px}
.home #content .bf-spotlight .bf-text-col{margin-top:55px}
.home #content .bf-spotlight hr.bf-rule{margin:22px 0 13px}
.home #content .bf-approved{margin-bottom:2px}
.bf-spotlight .button{margin-top:6px}
.home #content .bf-field-card hr.bf-rule{margin:14px 0 11px}
.home #content .bf-cta hr.bf-rule{margin:10px auto 17px}
@media(max-width:1199px){.home #content .bf-spotlight .bf-text-col{margin-top:0}.home #content .bf-training .bf-text-col{margin-top:0}.home #content .bf-gauge .bf-text-col{margin-top:0}.home #content .bf-tceq{margin-left:0}}

/* third-pass spacing vs XD */
.home #content .bf-row>.col{padding-bottom:0}
.bf-sec.bf-reviews{margin-top:56px;margin-bottom:0}
.bf-sec.bf-spotlight{margin-top:17px}
.home #content .bf-spotlight hr.bf-rule{margin:22px 0 19px}
.home #content .bf-spotlight .bf-price{margin-top:23px}
.bf-spotlight .button{margin-top:12px}
.home #content .bf-field-card hr.bf-rule{margin:14px 0 19px}
.home #content .bf-gauge .bf-price{margin-top:32px}
.bf-gauge .button{margin-top:6px}

/* explicit vertical rhythm (margin-bottom = gap to next section in the XD) */
.home #content section.bf-sec,.home #content section.bf-reviews{margin-top:0}
.home #content section.bf-training{margin-top:82px;margin-bottom:56px}
.home #content section.bf-reviews{margin-bottom:47px}
.home #content section.bf-spotlight{margin-bottom:47px}
.home #content section.bf-field{margin-bottom:42px}
.home #content section.bf-gauge{margin-bottom:0}
.home #content section.bf-faq{margin-bottom:21px}
.home #content section.bf-cards-sec{margin-bottom:58px}
.home #content section.bf-cta-sec{margin-bottom:55px}
@media(max-width:1199px){
	.home #content section.bf-training{margin-top:50px;margin-bottom:40px}
	.home #content section.bf-reviews{margin-bottom:40px}
	.home #content section.bf-spotlight,.home #content section.bf-field,.home #content section.bf-gauge{margin-bottom:40px}
	.home #content section.bf-faq{margin-bottom:40px}
	.home #content section.bf-cards-sec{margin-bottom:30px}
	.home #content section.bf-cta-sec{margin-bottom:40px}
}
@media(max-width:1199px){
	.home #content .bf-cards .col.bf-card{flex-basis:100%;max-width:100%}
	.bf-card-1 .bf-card-img{margin-left:0}
	.bf-card h3{margin-bottom:20px}
}

/* =========================================================================
   Responsive system (tablet <= 849px, phone <= 549px)
   - every split row stacks into a single column (image first, then text)
   - side gutters 24px (tablet) / 20px (phone); 28px between stacked blocks
   - 56px (tablet) / 44px (phone) between sections
   ========================================================================= */
@media(max-width:1199px){
	.home #content .row.bf-row{padding-left:9px;padding-right:9px}
	.home #content .bf-row>.col{padding-bottom:0}

	/* force wrapping: one column per row */
	.home #content .bf-split>.col,
	.home #content .bf-hero-col,
	.home #content .bf-field-card{flex-basis:100%;max-width:100%}
	.home #content .bf-split>.col{padding-left:15px;padding-right:15px}
	.home #content .bf-split>.col:first-child{padding-bottom:28px}
	.home #content .bf-spotlight .bf-spot-img{order:-1;padding-bottom:28px}
	.home #content .bf-spotlight .bf-text-col{margin-top:0;padding-bottom:0}
	.home #content .bf-training .bf-text-col,.home #content .bf-gauge .bf-text-col{margin-top:0}
	.bf-spotlight .bf-text-col .text,.bf-spotlight .bf-text-col .ux-text,
	.bf-training .bf-text-col .text,.bf-training .bf-text-col .ux-text,
	.bf-gauge .bf-text-col .text,.bf-gauge .bf-text-col .ux-text{max-width:none}
	.bf-training .bf-text-col p,.bf-field-card p{max-width:none}

	/* images */
	.bf-rounded img{width:100%;height:auto}
	.bf-spot-img .img,.bf-spot-img .img-inner,.bf-spot-img img{width:100%!important;max-width:420px!important;margin-left:auto;margin-right:auto}
	.bf-gauge-img .img,.bf-gauge-img .img-inner,.bf-gauge-img img{width:100%!important;max-width:420px!important;margin-left:auto;margin-right:auto}
	.home #content .bf-gauge-img{padding-left:15px}

	/* hero */
	.bf-hero.section{min-height:480px!important}
	.bf-hero .section-content{padding-top:70px;padding-bottom:60px}
	.home #content .bf-hero-col{padding-left:24px;padding-right:24px}
	.bf-hero h1{max-width:560px}
	.bf-hero-sub{max-width:480px}

	/* training: button + logo wrap to their own lines */
	.home #content .bf-inline{margin:4px 0 0}
	.home #content .bf-inline>.col{flex-basis:100%;max-width:100%;padding-left:0;padding-right:0}
	.home #content .bf-tceq-col{margin-top:20px}
	.bf-tceq,.bf-tceq .img-inner,.bf-tceq img{width:240px!important}
	.home #content .bf-tceq{margin:-30px 0 -30px -10px}

	/* reviews: two cards per view */
	.bf-reviews-widget .ti-widget .ti-review-item{flex:0 0 50%!important;max-width:50%!important}
	.bf-band h2{font-size:32px;height:auto;min-height:100px;padding:28px 20px 40px}
	.bf-band hr.bf-rule{top:-24px}
	.bf-reviews-widget{min-height:0}

	/* real field experience */
	.bf-field.section,.bf-faq.section,.bf-cta-sec.section{width:calc(100% - 48px)!important;margin-left:24px!important;margin-right:24px!important;max-width:none}
	.bf-field.section{min-height:0!important}
	.home #content .bf-field .row.bf-row{padding:24px 9px}
	.bf-field-card>.col-inner{padding:30px 28px 34px}
	.bf-field-card h2{font-size:32px}
	.bf-checks{grid-template-columns:1fr 1fr;gap:6px 20px;margin:0 0 28px!important}
	.bf-field-card>.col-inner::after{width:55%;bottom:42px}
	.home #content .bf-field-card{max-width:100%}

	/* gauge logo + text */
	.bf-gaugecare,.bf-gaugecare .img-inner,.bf-gaugecare img{width:300px!important;max-width:100%!important}
	.bf-gaugecare{margin:0 0 6px -22px!important}

	/* FAQ */
	.bf-faq-box>.col-inner{border-radius:14px;padding:36px 20px 40px}
	.bf-accordion .accordion-title{padding:8px 18px}

	/* product cards: single centred column */
	.home #content .row.bf-cards{max-width:520px}
	.home #content .bf-cards .col.bf-card{padding-bottom:44px}
	.home #content .bf-cards .col.bf-card:last-child{padding-bottom:0}
	.bf-card-img,.bf-card-2 .bf-card-img{height:auto!important;margin:0!important}
	.bf-card-img img{height:auto!important;max-height:300px;width:auto!important;max-width:100%!important;margin:0!important}
	.bf-card-3 .bf-card-img img{margin:0!important}
	.bf-card-2 .bf-card-logo{margin-top:8px}
	.bf-card h3{margin:18px 0 22px}

	/* CTA */
	.bf-cta>.col-inner{padding:36px 24px 40px}

	/* rhythm between sections */
	.home #content section.bf-training{margin-top:56px;margin-bottom:56px}
	.home #content section.bf-reviews{margin-bottom:56px}
	.home #content section.bf-spotlight,.home #content section.bf-field,.home #content section.bf-gauge,.home #content section.bf-faq{margin-bottom:56px}
	.home #content section.bf-cards-sec{margin-bottom:56px}
	.home #content section.bf-cta-sec{margin-bottom:48px}
	.home #content .bf-faq .row.bf-row,.home #content .bf-cta-sec .row.bf-row{padding-left:0;padding-right:0}
	.bf-faq.section .col,.bf-cta-sec.section .col{padding-left:0;padding-right:0}
}
@media(max-width:549px){
	.home #content .row.bf-row{padding-left:5px;padding-right:5px}
	.home #content .bf-split>.col{padding-left:15px;padding-right:15px}
	.bf-hero.section{min-height:420px!important}
	.bf-hero .section-content{padding-top:56px;padding-bottom:48px}
	.home #content .bf-hero-col{padding-left:20px;padding-right:20px}
	.bf-reviews-widget .ti-widget .ti-review-item{flex:0 0 100%!important;max-width:100%!important}
	.bf-band h2{font-size:26px;padding:24px 16px 38px}
	.bf-field.section,.bf-faq.section,.bf-cta-sec.section{width:calc(100% - 40px)!important;margin-left:20px!important;margin-right:20px!important}
	.bf-field-card>.col-inner{padding:26px 20px 30px}
	.bf-field-card h2{font-size:26px}
	.bf-checks{grid-template-columns:1fr}
	.bf-field-card>.col-inner::after{display:none}
	.bf-faq-box>.col-inner{padding:30px 14px 32px}
	.bf-accordion .accordion-title{padding:8px 14px}
	.bf-cta>.col-inner{padding:30px 18px 34px}
	.bf-cta h2{font-size:26px}
	.bf-cta p{font-size:18px}
	.home #content section.bf-training{margin-top:44px;margin-bottom:44px}
	.home #content section.bf-reviews,.home #content section.bf-spotlight,.home #content section.bf-field,.home #content section.bf-gauge,.home #content section.bf-faq,.home #content section.bf-cards-sec{margin-bottom:44px}
	.home #content section.bf-cta-sec{margin-bottom:36px}
	.home #content .bf-split>.col:first-child,.home #content .bf-spotlight .bf-spot-img{padding-bottom:22px}
}

/* responsive pass 2 */
@media(max-width:1199px){
	.home #content .bf-field .row.bf-row{padding:24px 9px 190px}
	.home #content .bf-cards .col.bf-card{padding-bottom:60px}
}
@media(max-width:549px){
	.home #content .bf-field .row.bf-row{padding:20px 5px 130px}
	.home #content .bf-cards .col.bf-card{padding-bottom:52px}
}
@media(max-width:549px){
	.bf-field-card>.col-inner{margin:0 12px}
}

/* ---- Our Courses (XD v6): box 1245x511, icons 235x180, titles Archivo 14, prices Archivo bold 16 ---- */
.bf-courses-box>.col-inner{background:rgba(237,237,237,.57);border-radius:14px;padding:35px 40px 34px;text-align:center}
.bf-courses-head .bf-h2{text-align:center}
.home #content .bf-courses-head hr.bf-rule{margin:18px auto 20px}
.bf-courses-head p{max-width:1022px;margin:0 auto -14px}
.bf-course-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1155px}
.bf-course{flex:0 0 20%;max-width:20%;padding:0;text-decoration:none;display:flex;flex-direction:column;align-items:center;color:var(--bf-blue)}
.bf-course__icon{display:block;width:235px;max-width:none;margin:0 -2px}
.bf-course__icon img{display:block;width:235px;max-width:none;height:180px}
.bf-course__title{display:block;font:400 14px/17px Archivo,Arial,sans-serif;color:var(--bf-blue);margin-top:-16px;min-height:34px;max-width:216px;text-wrap:balance}
.bf-course__price,.bf-course__price .amount,.bf-course__price bdi{font:700 16px/1.2 Archivo,Arial,sans-serif;color:var(--bf-gray)}
.bf-course__price{display:block;margin-top:10px}
.bf-course__price .screen-reader-text{display:none}
.bf-course:hover .bf-course__title{text-decoration:underline}
.home #content .bf-courses-box .button.bf-btn{min-width:156px;margin-top:22px}
.home #content section.bf-training{margin-bottom:54px}
.home #content section.bf-courses{margin-bottom:46px}
@media(max-width:1199px){
	.bf-courses-box>.col-inner{padding:34px 20px 30px}
	.bf-course{flex-basis:33.333%;max-width:33.333%}
	.bf-course__icon{width:230px;max-width:100%;margin:0 auto}
	.home #content section.bf-courses{margin-bottom:56px}
	.home #content section.bf-training{margin-bottom:56px}
	.bf-courses-box.col{padding-left:0;padding-right:0}
	.bf-courses.section{width:calc(100% - 48px)!important;margin-left:24px!important;margin-right:24px!important}
}
@media(max-width:549px){
	.bf-course{flex-basis:50%;max-width:50%}
	.bf-course__icon{width:190px;max-width:100%;margin:0 auto}
	.bf-courses-box>.col-inner{padding:28px 12px 26px}
	.bf-courses.section{width:calc(100% - 40px)!important;margin-left:20px!important;margin-right:20px!important}
	.home #content section.bf-courses{margin-bottom:44px}
	.home #content section.bf-training{margin-bottom:44px}
}

/* v6: sections keep their content at the top (design offsets), not vertically centred */
.bf-hero.section,.bf-field.section{align-items:flex-start}
@media(min-width:1200px){.home #content .bf-inline{margin-top:0}}
.bf-courses-head.text,.bf-courses-head{margin-bottom:-17px}
.home #content .bf-courses-box .button.bf-btn{margin-top:33px}
.home #content .bf-courses-box .button.bf-btn{min-width:0;width:156px;padding:0}
@media(max-width:1199px){
	.bf-course__icon{width:100%;max-width:235px;margin:0 auto}
	.bf-course__icon img{width:100%;max-width:100%;height:auto}
	.bf-course__title{margin-top:-10px}
}
.bf-course__icon img{mix-blend-mode:multiply}
.bf-hero h1{max-width:760px}

/* Product spotlight (>=1200px): text column flexes and wraps; the image column is fixed so the photo can never sit on top of the text */
@media(min-width:1200px){
	.home #content .bf-spotlight .bf-split{flex-wrap:nowrap}
	.home #content .bf-spotlight .bf-text-col{flex:1 1 0;max-width:none;min-width:0;padding-right:30px}
	.home #content .bf-spotlight .bf-spot-img{flex:0 0 513px;max-width:513px}
	.home #content .bf-spotlight .bf-text-col>.col-inner{max-width:585px;margin-left:0;margin-right:auto}
}
@media(min-width:1340px){.bf-spot-img .img{margin-left:-84px}}