/* =================================================================== BOLTLY HEADER + FOOTER - Elementor widget styles Scoped under #bhf-header / #bhf-footer (ID-level specificity) so the theme and Elementor global/prefilled styles cannot bleed in or out. =================================================================== */ .elementor-widget-boltly_header .elementor-widget-container, .elementor-widget-boltly_footer .elementor-widget-container { padding: 0 !important; margin: 0 !important; } .elementor-widget-boltly_header, .elementor-widget-boltly_footer { width: 100%; } .elementor-widget-boltly_header { overflow: visible !important; } /* ===== shared base (both roots) ===== */ #bhf-header, #bhf-header *, #bhf-header *::before, #bhf-header *::after { box-sizing: border-box; } #bhf-header { /* palette */ --cs-ink: #0E0E0F; --cs-ink-2: #161618; --cs-ink-3: #1F1F22; --cs-volt: #FFE500; --cs-volt-2: #E6CE00; --cs-paper: #FAFAF6; --cs-paper-2: #EFEFE9; --cs-text: #14140F; --cs-mute-d: #9A9A92; /* muted on dark */ --cs-mute-l: #5C5C54; /* muted on light */ --cs-line-d: rgba(255,255,255,.10); --cs-line-l: rgba(20,20,15,.12); /* type */ --cs-display: "Poppins", system-ui, sans-serif; --cs-body: "Inter", system-ui, sans-serif; --cs-mono: "Space Mono", ui-monospace, monospace; /* rhythm - compact */ --cs-pad: clamp(54px, 7vw, 86px); --cs-gut: clamp(18px, 4vw, 40px); --cs-r: 14px; --cs-max: 1180px; background-color: var(--cs-paper); color: var(--cs-text); font-family: var(--cs-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip; } #bhf-header a { color: inherit; text-decoration: none; } #bhf-header img, #bhf-header svg { display: block; max-width: 100%; } #bhf-header p { margin: 0 0 1em; } #bhf-header h1, #bhf-header h2, #bhf-header h3, #bhf-header h4 { font-family: var(--cs-display); font-weight: 700; line-height: 1.04; letter-spacing: -.02em; margin: 0; } #bhf-header ul { margin: 0; padding: 0; list-style: none; } #bhf-header .cs-wrap { width: 100%; max-width: var(--cs-max); margin: 0 auto; padding-left: var(--cs-gut); padding-right: var(--cs-gut); } #bhf-header .cs-eyebrow { font-family: var(--cs-mono); font-size: .72rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--cs-volt-2); display: inline-flex; align-items: center; gap: 9px; } #bhf-header .cs-eyebrow.cs-on-dark { color: var(--cs-volt); } #bhf-header .cs-eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; display: inline-block; } #bhf-header .cs-lead { font-size: 1.06rem; color: var(--cs-mute-l); max-width: 62ch; } /* focus + motion floor */ #bhf-header a:focus-visible, #bhf-header button:focus-visible { outline: 3px solid var(--cs-volt); outline-offset: 3px; border-radius: 4px; } /* ---------- buttons ---------- */ #bhf-header .cs-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--cs-display); font-weight: 600; font-size: .94rem; padding: 13px 22px; border-radius: 999px; border: 1.5px solid transparent; cursor: pointer; transition: transform .18s ease, background .18s ease, color .18s ease; letter-spacing: -.01em; } #bhf-header .cs-btn-volt { background: var(--cs-volt); color: var(--cs-ink); } #bhf-header .cs-btn-volt:hover { background: var(--cs-volt-2); transform: translateY(-2px); } #bhf-header .cs-btn-ghost { background: transparent; color: var(--cs-paper); border-color: var(--cs-line-d); } #bhf-header .cs-btn-ghost:hover { border-color: var(--cs-volt); color: var(--cs-volt); } #bhf-header .cs-btn-dark { background: var(--cs-ink); color: var(--cs-paper); } #bhf-header .cs-btn-dark:hover { transform: translateY(-2px); } #bhf-header .cs-btn-arrow { transition: transform .2s ease; } #bhf-header .cs-btn:hover .cs-btn-arrow { transform: translateX(3px); } #bhf-footer, #bhf-footer *, #bhf-footer *::before, #bhf-footer *::after { box-sizing: border-box; } #bhf-footer { /* palette */ --cs-ink: #0E0E0F; --cs-ink-2: #161618; --cs-ink-3: #1F1F22; --cs-volt: #FFE500; --cs-volt-2: #E6CE00; --cs-paper: #FAFAF6; --cs-paper-2: #EFEFE9; --cs-text: #14140F; --cs-mute-d: #9A9A92; /* muted on dark */ --cs-mute-l: #5C5C54; /* muted on light */ --cs-line-d: rgba(255,255,255,.10); --cs-line-l: rgba(20,20,15,.12); /* type */ --cs-display: "Poppins", system-ui, sans-serif; --cs-body: "Inter", system-ui, sans-serif; --cs-mono: "Space Mono", ui-monospace, monospace; /* rhythm - compact */ --cs-pad: clamp(54px, 7vw, 86px); --cs-gut: clamp(18px, 4vw, 40px); --cs-r: 14px; --cs-max: 1180px; background-color: var(--cs-paper); color: var(--cs-text); font-family: var(--cs-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip; } #bhf-footer a { color: inherit; text-decoration: none; } #bhf-footer img, #bhf-footer svg { display: block; max-width: 100%; } #bhf-footer p { margin: 0 0 1em; } #bhf-footer h1, #bhf-footer h2, #bhf-footer h3, #bhf-footer h4 { font-family: var(--cs-display); font-weight: 700; line-height: 1.04; letter-spacing: -.02em; margin: 0; } #bhf-footer ul { margin: 0; padding: 0; list-style: none; } #bhf-footer .cs-wrap { width: 100%; max-width: var(--cs-max); margin: 0 auto; padding-left: var(--cs-gut); padding-right: var(--cs-gut); } #bhf-footer .cs-eyebrow { font-family: var(--cs-mono); font-size: .72rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--cs-volt-2); display: inline-flex; align-items: center; gap: 9px; } #bhf-footer .cs-eyebrow.cs-on-dark { color: var(--cs-volt); } #bhf-footer .cs-eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; display: inline-block; } #bhf-footer .cs-lead { font-size: 1.06rem; color: var(--cs-mute-l); max-width: 62ch; } /* focus + motion floor */ #bhf-footer a:focus-visible, #bhf-footer button:focus-visible { outline: 3px solid var(--cs-volt); outline-offset: 3px; border-radius: 4px; } /* ---------- buttons ---------- */ #bhf-footer .cs-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--cs-display); font-weight: 600; font-size: .94rem; padding: 13px 22px; border-radius: 999px; border: 1.5px solid transparent; cursor: pointer; transition: transform .18s ease, background .18s ease, color .18s ease; letter-spacing: -.01em; } #bhf-footer .cs-btn-volt { background: var(--cs-volt); color: var(--cs-ink); } #bhf-footer .cs-btn-volt:hover { background: var(--cs-volt-2); transform: translateY(-2px); } #bhf-footer .cs-btn-ghost { background: transparent; color: var(--cs-paper); border-color: var(--cs-line-d); } #bhf-footer .cs-btn-ghost:hover { border-color: var(--cs-volt); color: var(--cs-volt); } #bhf-footer .cs-btn-dark { background: var(--cs-ink); color: var(--cs-paper); } #bhf-footer .cs-btn-dark:hover { transform: translateY(-2px); } #bhf-footer .cs-btn-arrow { transition: transform .2s ease; } #bhf-footer .cs-btn:hover .cs-btn-arrow { transform: translateX(3px); } /* ===== HEADER ===== */ /* ===================== HEADER ===================== */ #bhf-header .cs-headwrap { position: sticky; top: 0; z-index: 60; } /* utility bar */ #bhf-header .cs-util { background: #161618; border-bottom: 1px solid var(--cs-line-d); font-family: var(--cs-mono); } #bhf-header .cs-util-inner { display: flex; align-items: center; justify-content: space-between; height: 36px; font-size: .68rem; letter-spacing: .06em; color: var(--cs-mute-d); } #bhf-header .cs-util-inner .cs-util-l { display: inline-flex; align-items: center; gap: 8px; text-transform: uppercase; } #bhf-header .cs-util-inner .cs-util-l::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cs-volt); } #bhf-header .cs-util-r { display: flex; gap: 22px; } #bhf-header .cs-util-r a { color: var(--cs-mute-d); text-transform: uppercase; transition: color .15s ease; } #bhf-header .cs-util-r a:hover { color: var(--cs-volt); } /* main header */ #bhf-header .cs-header { position: relative; background: #161618; backdrop-filter: blur(16px); border-bottom: 1px solid var(--cs-line-d); transition: background .25s ease; } #bhf-header .cs-headwrap.cs-scrolled .cs-header { background: #161618; } #bhf-header .cs-headwrap.cs-scrolled .cs-util { height: 0; overflow: hidden; border: 0; transition: height .25s ease; } #bhf-header .cs-util { transition: height .25s ease; } #bhf-header .cs-nav { display: flex; align-items: center; justify-content: space-between; height: 68px; } #bhf-header .cs-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--cs-paper); } #bhf-header .cs-brand-mark { width: 31px; height: 31px; display: grid; place-items: center; background: var(--cs-volt); border-radius: 8px; transition: transform .25s ease; } #bhf-header .cs-brand:hover .cs-brand-mark { transform: rotate(-8deg); } #bhf-header .cs-brand-mark svg { width: 17px; height: 17px; } #bhf-header .cs-brand-name { font-family: var(--cs-display); font-weight: 800; font-size: 1.3rem; letter-spacing: -.03em; } #bhf-header .cs-brand-name b { color: var(--cs-volt); } #bhf-header .cs-menu { display: flex; align-items: center; gap: 4px; height: 100%; } #bhf-header .cs-menu-li { position: static; height: 100%; display: flex; align-items: center; } #bhf-header .cs-menu-link { display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 10px; font-size: .92rem; color: var(--cs-paper); font-weight: 500; opacity: .9; cursor: pointer; background: transparent; border: 0; font-family: var(--cs-body); transition: background .15s ease, color .15s ease, opacity .15s ease; } #bhf-header .cs-menu-link:hover { opacity: 1; color: var(--cs-volt); background: rgba(255,255,255,.05); } #bhf-header .cs-menu-link .cs-caret { transition: transform .25s ease; } #bhf-header .cs-menu-li.cs-active .cs-menu-link { color: var(--cs-volt); background: rgba(255,255,255,.05); } #bhf-header .cs-menu-li.cs-active .cs-caret { transform: rotate(180deg); } #bhf-header .cs-nav-actions { display: flex; align-items: center; gap: 12px; } #bhf-header .cs-nav-actions .cs-btn { padding: 10px 18px; font-size: .88rem; } /* mega panel */ #bhf-header .cs-mega { position: absolute; top: 100%; left: 0; width: 100%; background: var(--cs-ink-2); border-bottom: 1px solid var(--cs-line-d); box-shadow: 0 30px 60px -24px rgba(0,0,0,.7); opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s; } #bhf-header .cs-menu-li.cs-active .cs-mega { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } #bhf-header .cs-mega-inner { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 280px; gap: 26px; padding: 30px var(--cs-gut) 34px; max-width: var(--cs-max); margin: 0 auto; } #bhf-header .cs-mega-inner.cs-mega-3 { grid-template-columns: 1fr 1fr 1fr 300px; } #bhf-header .cs-mega-col h4 { font-family: var(--cs-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cs-volt); margin-bottom: 14px; } #bhf-header .cs-mega-col a { display: block; padding: 6px 0; color: #C9C9C2; font-size: .9rem; transition: color .14s ease, padding .14s ease; } #bhf-header .cs-mega-col a:hover { color: var(--cs-paper); padding-left: 5px; } #bhf-header .cs-mega-col a.cs-mega-all { color: var(--cs-volt); font-family: var(--cs-mono); font-size: .76rem; letter-spacing: .06em; margin-top: 6px; } #bhf-header .cs-mega-feat { background: linear-gradient(160deg, var(--cs-volt), var(--cs-volt-2)); color: var(--cs-ink); border-radius: 14px; padding: 22px; display: flex; flex-direction: column; } #bhf-header .cs-mega-feat .cs-mf-tag { font-family: var(--cs-mono); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; opacity: .7; } #bhf-header .cs-mega-feat h4 { font-family: var(--cs-display); font-size: 1.3rem; font-weight: 700; margin: 10px 0 8px; color: var(--cs-ink); } #bhf-header .cs-mega-feat p { font-size: .84rem; margin: 0 0 16px; } #bhf-header .cs-mega-feat .cs-btn { margin-top: auto; background: var(--cs-ink); color: var(--cs-volt); justify-content: center; } #bhf-header .cs-mega-feat .cs-btn:hover { background: #000; } /* burger + mobile drawer */ #bhf-header .cs-burger { display: none; width: 44px; height: 44px; border: 1px solid var(--cs-line-d); border-radius: 11px; background: transparent; cursor: pointer; padding: 0; } #bhf-header .cs-burger span { display: block; width: 19px; height: 2px; background: var(--cs-paper); margin: 4px auto; transition: .25s; } #bhf-header .cs-burger.cs-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); } #bhf-header .cs-burger.cs-open span:nth-child(2) { opacity: 0; } #bhf-header .cs-burger.cs-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } #bhf-header .cs-mobile { display: none; background: var(--cs-ink-2); border-bottom: 1px solid var(--cs-line-d); max-height: calc(100vh - 104px); overflow-y: auto; } #bhf-header .cs-mobile.cs-show { display: block; } #bhf-header .cs-macc { border-bottom: 1px solid var(--cs-line-d); } #bhf-header .cs-macc-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; background: transparent; border: 0; cursor: pointer; padding: 15px 0; color: var(--cs-paper); font-family: var(--cs-display); font-weight: 600; font-size: 1.04rem; } #bhf-header .cs-macc-btn .cs-caret { color: var(--cs-volt); transition: transform .25s ease; } #bhf-header .cs-macc.cs-open .cs-macc-btn .cs-caret { transform: rotate(180deg); } #bhf-header .cs-macc-panel { max-height: 0; overflow: hidden; transition: max-height .3s ease; } #bhf-header .cs-macc-panel-in { padding: 2px 0 14px; } #bhf-header .cs-macc-panel a { display: block; padding: 8px 0 8px 14px; color: var(--cs-mute-d); font-size: .92rem; border-left: 2px solid var(--cs-line-d); } #bhf-header .cs-macc-panel a:hover { color: var(--cs-volt); border-color: var(--cs-volt); } #bhf-header .cs-mobile .cs-mob-link { display: block; padding: 15px 0; color: var(--cs-paper); font-family: var(--cs-display); font-weight: 600; font-size: 1.04rem; border-bottom: 1px solid var(--cs-line-d); } #bhf-header .cs-mobile .cs-mob-cta { padding: 18px 0 22px; display: flex; flex-direction: column; gap: 10px; } #bhf-header .cs-mobile .cs-mob-cta .cs-btn { width: 100%; justify-content: center; } /* ===== FOOTER ===== */ /* ===================== FOOTER ===================== */ #bhf-footer .cs-footer { background: var(--cs-ink); color: var(--cs-paper); } #bhf-footer .cs-foot-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; padding: clamp(34px,5vw,52px) 0; border-bottom: 1px solid var(--cs-line-d); } #bhf-footer .cs-foot-cta h3 { font-size: clamp(1.5rem,3vw,2.2rem); color: var(--cs-paper); max-width: 18ch; } #bhf-footer .cs-foot-cta p { color: var(--cs-mute-d); font-family: var(--cs-mono); font-size: .76rem; letter-spacing: .04em; margin: 10px 0 0; } #bhf-footer .cs-foot-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; } #bhf-footer .cs-foot-top { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr; gap: 30px; padding: clamp(44px,6vw,64px) 0 46px; border-bottom: 1px solid var(--cs-line-d); } #bhf-footer .cs-foot-brand .cs-brand { margin-bottom: 16px; } #bhf-footer .cs-foot-brand p { color: var(--cs-mute-d); font-size: .9rem; max-width: 32ch; } #bhf-footer .cs-foot-contact { margin-top: 18px; display: flex; flex-direction: column; gap: 9px; } #bhf-footer .cs-foot-contact a, #bhf-footer .cs-foot-contact span { display: inline-flex; align-items: center; gap: 9px; color: var(--cs-mute-d); font-size: .86rem; transition: color .15s ease; } #bhf-footer .cs-foot-contact a:hover { color: var(--cs-volt); } #bhf-footer .cs-foot-contact svg { color: var(--cs-volt-2); flex: 0 0 auto; } #bhf-footer .cs-foot-social { display: flex; gap: 10px; margin-top: 18px; } #bhf-footer .cs-foot-social a { width: 36px; height: 36px; border-radius: 9px; border: 1px solid var(--cs-line-d); display: grid; place-items: center; color: var(--cs-mute-d); transition: background .15s ease, color .15s ease, border-color .15s ease; } #bhf-footer .cs-foot-social a:hover { background: var(--cs-volt); color: var(--cs-ink); border-color: var(--cs-volt); } #bhf-footer .cs-foot-col h4 { font-family: var(--cs-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cs-volt); margin-bottom: 15px; } #bhf-footer .cs-foot-col a { display: block; color: var(--cs-mute-d); font-size: .88rem; padding: 5px 0; transition: color .15s ease, padding .15s ease; } #bhf-footer .cs-foot-col a:hover { color: var(--cs-paper); padding-left: 4px; } #bhf-footer .cs-foot-col a.cs-foot-all { color: var(--cs-volt); font-family: var(--cs-mono); font-size: .74rem; letter-spacing: .04em; margin-top: 4px; } /* locations rail */ #bhf-footer .cs-foot-locs { padding: 26px 0; border-bottom: 1px solid var(--cs-line-d); } #bhf-footer .cs-foot-locs h4 { font-family: var(--cs-mono); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--cs-volt); margin-bottom: 14px; } #bhf-footer .cs-foot-locs-list { display: flex; flex-wrap: wrap; gap: 8px 6px; } #bhf-footer .cs-foot-locs-list a { font-size: .82rem; color: var(--cs-mute-d); padding: 4px 11px; border: 1px solid var(--cs-line-d); border-radius: 999px; transition: border-color .15s ease, color .15s ease; } #bhf-footer .cs-foot-locs-list a:hover { color: var(--cs-volt); border-color: var(--cs-volt); } #bhf-footer .cs-foot-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 24px 0 36px; flex-wrap: wrap; } #bhf-footer .cs-foot-bottom p { font-size: .8rem; color: var(--cs-mute-d); margin: 0; } #bhf-footer .cs-foot-bottom .cs-foot-legal { display: flex; gap: 20px; flex-wrap: wrap; } #bhf-footer .cs-foot-bottom .cs-foot-legal a { font-size: .8rem; color: var(--cs-mute-d); } #bhf-footer .cs-foot-bottom .cs-foot-legal a:hover { color: var(--cs-volt); } /* ---- brand font across header + footer chrome (match logo) ---- */ #bhf-header .cs-util-inner, #bhf-header .cs-util-l, #bhf-header .cs-util-r a, #bhf-header .cs-menu-link, #bhf-header .cs-mega-col h4, #bhf-header .cs-mega-col a, #bhf-header .cs-mega-col a.cs-mega-all, #bhf-header .cs-mega-feat .cs-mf-tag, #bhf-header .cs-mega-feat p, #bhf-header .cs-macc-panel a { font-family: var(--cs-display); } #bhf-footer .cs-foot-cta p, #bhf-footer .cs-foot-brand p, #bhf-footer .cs-foot-contact a, #bhf-footer .cs-foot-contact span, #bhf-footer .cs-foot-col h4, #bhf-footer .cs-foot-col a, #bhf-footer .cs-foot-col a.cs-foot-all, #bhf-footer .cs-foot-locs h4, #bhf-footer .cs-foot-locs-list a, #bhf-footer .cs-foot-bottom p, #bhf-footer .cs-foot-bottom .cs-foot-legal a { font-family: var(--cs-display); } #bhf-header .cs-menu-link { font-weight: 500; } #bhf-header .cs-mega-col a, #bhf-header .cs-macc-panel a, #bhf-header .cs-util-r a { font-weight: 500; } #bhf-header .cs-mega-col h4, #bhf-header .cs-mega-feat .cs-mf-tag, #bhf-header .cs-util-l { font-weight: 700; letter-spacing: .1em; } #bhf-footer .cs-foot-col a, #bhf-footer .cs-foot-locs-list a { font-weight: 500; } #bhf-footer .cs-foot-col h4, #bhf-footer .cs-foot-locs h4 { font-weight: 700; letter-spacing: .1em; } #bhf-footer .cs-foot-bottom p, #bhf-footer .cs-foot-brand p, #bhf-footer .cs-foot-cta p { font-weight: 500; } /* ---- responsive ---- */ @media (max-width: 1100px) { #bhf-header .cs-menu-link { padding: 9px 11px; font-size: .88rem; } #bhf-header .cs-mega-inner { grid-template-columns: 1fr 1fr 1fr 260px; } #bhf-header .cs-mega-inner.cs-mega-3 { grid-template-columns: 1fr 1fr 260px; } } @media (max-width: 1024px) { #bhf-footer .cs-foot-top { grid-template-columns: 1.4fr 1fr 1fr; } #bhf-footer .cs-foot-brand { grid-column: 1 / -1; } } @media (max-width: 900px) { #bhf-header .cs-menu, #bhf-header .cs-nav-actions { display: none; } #bhf-header .cs-burger { display: block; } } @media (max-width: 768px) { #bhf-header .cs-util-r { display: none; } #bhf-footer .cs-foot-top { grid-template-columns: 1fr 1fr; } #bhf-footer .cs-foot-cta { flex-direction: column; align-items: flex-start; } } @media (max-width: 480px) { #bhf-header, #bhf-footer { font-size: 15px; } #bhf-footer .cs-foot-top { grid-template-columns: 1fr 1fr; } #bhf-footer .cs-foot-brand { grid-column: 1 / -1; } } @media (prefers-reduced-motion: reduce) { #bhf-header *, #bhf-header *::before, #bhf-header *::after, #bhf-footer *, #bhf-footer *::before, #bhf-footer *::after { animation: none !important; transition: none !important; } } /* ---- hardening: lock colours so a theme using !important on links/headings cannot recolour the chrome ---- */ #bhf-header .cs-brand-name, #bhf-footer .cs-brand-name { color: var(--cs-paper) !important; } #bhf-header .cs-brand-name b, #bhf-footer .cs-brand-name b { color: var(--cs-volt) !important; } #bhf-header .cs-util-inner, #bhf-header .cs-util-l, #bhf-header .cs-util-r a { color: var(--cs-mute-d) !important; } #bhf-header .cs-util-r a:hover { color: var(--cs-volt) !important; } #bhf-header .cs-menu-link { color: var(--cs-paper) !important; } #bhf-header .cs-menu-link:hover, #bhf-header .cs-menu-li.cs-active .cs-menu-link { color: var(--cs-volt) !important; } #bhf-header .cs-mega-col h4 { color: var(--cs-volt) !important; } #bhf-header .cs-mega-col a { color: #C9C9C2 !important; } #bhf-header .cs-mega-col a:hover { color: var(--cs-paper) !important; } #bhf-header .cs-mega-col a.cs-mega-all { color: var(--cs-volt) !important; } #bhf-header .cs-mega-feat h4, #bhf-header .cs-mega-feat p, #bhf-header .cs-mega-feat .cs-mf-tag { color: var(--cs-ink) !important; } #bhf-header .cs-mega-feat .cs-btn { color: var(--cs-volt) !important; } #bhf-header .cs-macc-btn, #bhf-header .cs-mob-link { color: var(--cs-paper) !important; } #bhf-header .cs-macc-panel a { color: var(--cs-mute-d) !important; } #bhf-header .cs-macc-panel a:hover { color: var(--cs-volt) !important; } #bhf-header .cs-btn-volt, #bhf-footer .cs-btn-volt { color: var(--cs-ink) !important; } #bhf-header .cs-btn-ghost, #bhf-footer .cs-btn-ghost, #bhf-header .cs-btn-dark, #bhf-footer .cs-btn-dark { color: var(--cs-paper) !important; } #bhf-footer .cs-foot-cta h3 { color: var(--cs-paper) !important; } #bhf-footer .cs-foot-col h4, #bhf-footer .cs-foot-locs h4 { color: var(--cs-volt) !important; } #bhf-footer .cs-foot-col a.cs-foot-all { color: var(--cs-volt) !important; } #bhf-footer .cs-foot-col a, #bhf-footer .cs-foot-locs-list a, #bhf-footer .cs-foot-contact a, #bhf-footer .cs-foot-contact span, #bhf-footer .cs-foot-bottom p, #bhf-footer .cs-foot-bottom .cs-foot-legal a, #bhf-footer .cs-foot-brand p { color: var(--cs-mute-d) !important; } #bhf-footer .cs-foot-col a:hover, #bhf-footer .cs-foot-locs-list a:hover, #bhf-footer .cs-foot-contact a:hover, #bhf-footer .cs-foot-bottom .cs-foot-legal a:hover { color: var(--cs-paper) !important; } /* ---- fix: footer root background + brand/logo styles (these lived on the shared wrapper before header/footer were split into two roots) ---- */ #bhf-header { background: #161618; } #bhf-footer { background: var(--cs-ink) !important; color: var(--cs-paper); } #bhf-footer .cs-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--cs-paper); } #bhf-footer .cs-brand-mark { width: 31px; height: 31px; display: grid; place-items: center; background: var(--cs-volt); border-radius: 8px; flex: 0 0 auto; } #bhf-footer .cs-brand-mark svg { width: 17px; height: 17px; } #bhf-footer .cs-brand-name { font-family: var(--cs-display); font-weight: 800; font-size: 1.3rem; letter-spacing: -.03em; color: var(--cs-paper) !important; } #bhf-footer .cs-brand-name b { color: var(--cs-volt) !important; } /* ---- custom uploaded logo (replaces the wordmark when set) ---- */ #bhf-header .cs-logo-img, #bhf-footer .cs-logo-img { width: auto; max-width: 220px; display: block; } #bhf-header .cs-brand-img, #bhf-footer .cs-brand-img { line-height: 0; }