/* Sitewide header + footer — from BACCFLO_HP_mockup_v4.xd */
:root{--bf-blue:#0b34a0;--bf-red:#cf152d;--bf-gray:#595a5c}

/* ---------- header (desktop) ---------- */
@media(min-width:850px){
	#header .header-top,#header .header-main,#header .header-bg-color{background:#fff!important}
	#header .header-top{min-height:30px}
	#header .header-main .header-inner,#header .header-top .flex-row{max-width:1186px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
	#header .header-bg-container .header-bg-color{background:#fff}
	#header .header-main{box-shadow:none}
	/* login | cart */
	#header .header-top .nav>li>a,#header .header-top .nav>li>a .header-account-title,#header .header-top .cart-title{font:400 12px Arial,sans-serif;color:#000;text-transform:uppercase;letter-spacing:0}
	#header .header-top .nav-divided>li+li>a:after{border-color:#75787a;height:15px;margin-top:-7px;opacity:1}
	#header .header-top .cart-price,#header .header-top .cart-title span.hide-for-small,#header .cart-title .amount{display:none}
	#header .header-top .cart-icon strong{opacity:.49}
	/* main nav */
	#header .header-main .nav>li>a{font:400 13px Arial,sans-serif;color:#000;text-transform:uppercase;letter-spacing:0}
	#header .header-main .nav>li>a:hover,#header .header-main .nav>li.active>a{color:var(--bf-blue)}
	#header .header-main .nav-divided>li+li>a:after{border-color:#75787a;border-width:0 0 0 .75px;height:15px;margin-top:-7px;opacity:1}
	#header .header-main .nav>li>a .icon-angle-down{display:none}
	/* contact button */
	#header .header-main .nav>li.bf-nav-btn>a{background:var(--bf-red);color:#fff;border-radius:2px;line-height:24px;padding:0 18px;margin-left:12px;min-height:0}
	#header .header-main .nav>li.bf-nav-btn>a:hover{background:#a9101f;color:#fff}
	#header .header-main .nav-divided>li.bf-nav-btn>a:after{display:none}
	#header .header-main .nav-divided>li:nth-last-child(2)>a:after{display:none}
}

/* ---------- footer ---------- */
#footer,#footer .footer-wrapper,#footer .footer-1,#footer .footer-2,#footer .absolute-footer{background:#fff!important;color:var(--bf-gray)}
.bf-footer{font:400 14px/1.45 Arial,sans-serif;color:var(--bf-gray);padding-top:6px}
.bf-footer .row{max-width:1245px}
.bf-footer a{color:var(--bf-gray);text-decoration:none}
.bf-footer a:hover{color:var(--bf-blue)}
.bf-footer p{margin:0 0 .9em;font-size:14px}
.bf-footer .bf-fh,.bf-footer .bf-fh a{font:400 18px/1.3 Arial,sans-serif;color:var(--bf-blue);display:block;margin-bottom:.35em}
.bf-footer .bf-fh a:hover{color:#082775}
.bf-footer ul{list-style:none;margin:0 0 1.4em;padding:0}
.bf-footer li{margin:0 0 .35em}
.bf-footer .bf-flinks a{color:var(--bf-blue);font:400 18px/1.3 Arial,sans-serif}
.bf-footer .bf-flinks li{margin-bottom:.55em}
.bf-footer .bf-flogo img{width:190px;height:auto}
.bf-footer .social-icons{margin-top:6px}
.bf-footer .social-icons a{color:var(--bf-gray);border:0;font-size:24px;margin-left:0;margin-right:10px}
@media(min-width:1200px){.bf-footer .bf-col1{padding-left:121px}.bf-footer .bf-col4{padding-left:43px}}
#footer .absolute-footer{padding:0 0 12px}
#footer .absolute-footer .container{max-width:1156px;border-top:1px solid #707070;padding:13px 0 0;display:flex;align-items:center;gap:0}
#footer .absolute-footer .footer-primary{flex:0 0 400px;margin:0;padding:0;float:none;width:auto;max-width:none;text-align:left}
#footer .absolute-footer .footer-secondary{flex:0 0 729px;max-width:729px;margin:0;padding:0 0 0 27px;float:none;width:auto;text-align:left;border-left:1px solid #707070;min-height:26px;display:flex;align-items:center}
#footer .absolute-footer,#footer .absolute-footer a,#footer .absolute-footer .copyright-footer{font:400 14px/1.3 Arial,sans-serif;color:var(--bf-gray);text-align:left}
#footer .absolute-footer .copyright-footer strong{font-weight:400}
@media(max-width:849px){
	.bf-footer .bf-col{padding-bottom:10px}
	#footer .absolute-footer .container{display:block}
	#footer .absolute-footer .footer-primary{border:0;padding:0 0 12px;text-align:left}
	#footer .absolute-footer .footer-secondary{padding:0}
}

/* header cart label: "Cart" without the amount/slash */
@media(min-width:850px){
	#header .header-top .header-cart-title{font-size:0!important}
	#header .header-top .header-cart-title::before{content:"Cart";font:400 12px Arial,sans-serif;color:#000}
}
#footer .absolute-footer .payment-icons{display:none}
#footer .absolute-footer .footer-primary{order:1}
#footer .absolute-footer .footer-secondary{order:2}
.bf-footer .social-icons a i{font-size:22px;width:auto;height:auto;line-height:1}
.bf-footer ul,.bf-footer ul li{margin-left:0!important}
.bf-footer .bf-flinks{margin-left:0!important}

@media(min-width:1200px){
	#footer .absolute-footer .container{margin-left:calc(50% - 544px)}
	.bf-footer .bf-col2{margin-left:-18px;padding-right:0}
	.bf-footer .bf-col2 .text{max-width:253px}
	.bf-footer .bf-col3{margin-left:7px;padding-right:0}
	.bf-footer .bf-col3 li a{white-space:nowrap}
	.bf-footer .bf-flogo{margin-bottom:24px}
}
.bf-footer .social-icons{margin-top:0}
.bf-footer .social-icons a{margin-right:12px}
.bf-footer .social-icons a i{font-size:24px}

.bf-footer .col-inner ul:last-child{margin-bottom:0}
.bf-footer .row,.bf-footer .col{padding-bottom:0}
.bf-footer.section{margin-bottom:27px}

/* breadcrumb bar under the header (XD: #ededed, 38px, 13px uppercase) */
.bf-breadcrumbs{background:#ededed;margin-top:1px;height:38px;display:flex;align-items:center}
.bf-breadcrumbs__inner{width:100%;max-width:1186px;margin:0 auto}
.bf-breadcrumbs p{margin:0;font:400 13px/1 Arial,sans-serif;text-transform:uppercase;color:#000}
.bf-breadcrumbs a{color:#000;text-decoration:none}
.bf-breadcrumbs a:hover{color:var(--bf-blue)}
.bf-breadcrumbs .breadcrumb_last{font-weight:400}
@media(max-width:849px){.bf-breadcrumbs{height:auto;min-height:34px;padding:8px 15px}}

/* footer: 2 x 2 on tablet, stacked on phone */
@media(max-width:1199px){
	.bf-footer .bf-col{flex-basis:50%;max-width:50%;padding-bottom:20px}
	.bf-footer .bf-col1{padding-left:15px}
	.bf-footer .bf-col4{padding-left:15px}
	.bf-footer{margin-bottom:20px!important}
}
@media(max-width:549px){
	.bf-footer .bf-col{flex-basis:100%;max-width:100%;padding-bottom:12px}
}
@media(max-width:1199px){
	#footer .absolute-footer{padding:0 0 28px}
	#footer .absolute-footer .container{display:flex;flex-direction:column;margin-left:0;max-width:none;width:calc(100% - 48px);margin:0 auto;padding:18px 0 0}
	#footer .absolute-footer .footer-primary{order:1;flex:none;width:100%;padding:0 0 14px;border:0}
	#footer .absolute-footer .footer-secondary{order:2;flex:none;width:100%;max-width:100%;padding:0;border:0;min-height:0}
	.bf-footer .bf-fh{margin-top:6px}
	.bf-footer .bf-row,.bf-footer .row{padding-left:9px;padding-right:9px}
}
@media(max-width:549px){#footer .absolute-footer .container{width:calc(100% - 40px)}}

/* header between tablet and desktop: tighter nav so it stays on one row */
@media(min-width:850px) and (max-width:1199px){
	#header .header-main .header-inner,#header .header-top .flex-row{max-width:none;padding-left:20px;padding-right:20px}
	#header .header-main .nav{flex-wrap:nowrap}
	#header .header-main .nav>li{margin:0 2px}
	#header .header-main .nav>li>a{font-size:12px;padding-left:7px;padding-right:7px}
	#header .header-main .nav>li.bf-nav-btn>a{padding:0 12px;margin-left:4px}
	#header #logo img{max-width:200px;height:auto}
}
@media(min-width:850px) and (max-width:999px){
	#header .header-main .header-inner,#header .header-top .flex-row{padding-left:12px;padding-right:12px}
	#header .header-main .nav>li{margin:0 1px}
	#header .header-main .nav>li>a{font-size:11px;padding-left:4px;padding-right:4px}
	#header .header-main .nav>li.bf-nav-btn>a{padding:0 8px;margin-left:2px}
	#header #logo img{max-width:160px}
}
@media(min-width:1200px){#footer .absolute-footer{padding-bottom:22px}}