/* =========================== NAV BRAND — shared navbar colors Keeps the header/nav on every page identical to the home page (index.html). Load this after style.css and after the page's own stylesheet, and add class="home-branded" to . =========================== */ body.home-branded { --bes-logo-green: #6c8f3e; --bes-leaf-green: #4f762e; --bes-forest-green: #2f5426; --bes-pale-green: #edf4e7; --bes-ink: #1d2819; --bes-white: #ffffff; } .home-branded .header.nav-frosted { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid rgba(108, 143, 62, 0.18); box-shadow: 0 8px 28px rgba(47, 84, 38, 0.08); } .home-branded .nav-link { color: var(--bes-ink); } .home-branded .nav-link:hover, .home-branded .nav-item:hover>.nav-link, .home-branded .nav-item:focus-within>.nav-link { background: var(--bes-leaf-green); color: var(--bes-white); } .home-branded .nav-link.active { color: #608138; font-weight: 600; } .home-branded .nav-link.active:hover { color: var(--bes-white); } .home-branded .nav-dropdown { background: var(--bes-forest-green); box-shadow: 0 18px 42px rgba(47, 84, 38, 0.24); } .home-branded .nav-dropdown a:hover { background: var(--bes-logo-green); } .home-branded .nav-toggle-bar { background: var(--bes-forest-green); } .home-branded .footer { background: var(--bes-forest-green); border-top: 5px solid var(--bes-logo-green); } .home-branded .footer-socials a { background: rgba(255, 255, 255, 0.12); } .home-branded .footer-socials a:hover { background: var(--bes-logo-green); } @media (max-width: 1024px) { .home-branded .header.nav-frosted .header-inner { background: rgba(255, 255, 255, 0.92); } .home-branded .nav { background: var(--bes-white); border-bottom: 1px solid rgba(108, 143, 62, 0.18); } .home-branded .nav-item:hover>.nav-link, .home-branded .nav-item:focus-within>.nav-link { background: transparent; color: var(--bes-forest-green); } .home-branded .nav-dropdown { background: var(--bes-pale-green); box-shadow: none; } .home-branded .nav-dropdown a { color: var(--bes-ink); border-top-color: rgba(108, 143, 62, 0.18); } .home-branded .nav-dropdown a:hover { background: #dfead5; color: var(--bes-forest-green); } }