/* nav.css — Shared navigation and footer styles for all LHC pages Include in : */ /* ===== NAV ===== */ #site-nav { position: sticky; top: 0; z-index: 100; background: #2c2d72; padding: 0 2rem; height: 56px; display: flex; align-items: center; justify-content: space-between; } #site-nav .logo { font-family: 'League Spartan', sans-serif; font-weight: 800; font-size: 1.15rem; color: #fff; text-decoration: none; letter-spacing: -0.01em; display: flex; align-items: center; gap: 0.6rem; } #site-nav .logo .wordmark span { color: #F4A06A; } #site-nav .nav-links { display: flex; gap: 1.5rem; align-items: center; } #site-nav .nav-links a { font-family: 'League Spartan', sans-serif; font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.75); text-decoration: none; transition: color 0.2s; } #site-nav .nav-links a:hover { color: #fff; } #site-nav .nav-links a.current { color: #fff; border-bottom: 2px solid #F4A06A; padding-bottom: 2px; } #site-nav .nav-links a.cta { background: #F4A06A; color: #2c2d72; padding: 0.4rem 1rem; border-radius: 6px; font-weight: 700; } #site-nav .nav-links a.cta:hover { background: #F6BE9C; color: #2c2d72; } /* Hamburger */ #site-nav .nav-toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; margin: -8px -4px -8px 0; } #site-nav .nav-toggle span { display: block; width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: transform 0.2s, opacity 0.2s; } #site-nav .nav-toggle span + span { margin-top: 5px; } #site-nav.open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); } #site-nav.open .nav-toggle span:nth-child(2) { opacity: 0; } #site-nav.open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } @media (max-width: 1150px) { #site-nav .nav-toggle { display: block; } #site-nav .nav-links { position: absolute; top: 56px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: #1e1f52; padding: 0.4rem 1.25rem 1rem; max-height: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-height 0.28s ease, opacity 0.2s ease; border-top: 1px solid rgba(255,255,255,0.08); } #site-nav.open .nav-links { max-height: 80vh; opacity: 1; pointer-events: auto; } #site-nav .nav-links a { padding: 0.9rem 0.4rem; font-size: 0.98rem; color: rgba(255,255,255,0.85); border-bottom: 1px solid rgba(255,255,255,0.07); } #site-nav .nav-links a:last-child { border-bottom: 0; } #site-nav .nav-links a.current { border-bottom: 1px solid rgba(255,255,255,0.07); } #site-nav .nav-links a.cta { background: #F4A06A; color: #2c2d72; text-align: center; border-radius: 6px; margin-top: 0.6rem; } } @media (max-width: 400px) { #site-nav .logo { font-size: 1rem; } } /* ===== FOOTER ===== */ #lhc-footer footer, footer.lhc-foot { background: #1e1f52; color: rgba(255,255,255,0.5); padding: 2.5rem 2rem; text-align: center; font-size: 0.85rem; line-height: 1.8; } #lhc-footer footer a, footer.lhc-foot a { color: #F4A06A; text-decoration: none; } #lhc-footer footer a:hover, footer.lhc-foot a:hover { color: #fff; } #lhc-footer .footer-brand, footer.lhc-foot .footer-brand { font-family: 'League Spartan', sans-serif; font-weight: 700; font-size: 1rem; color: #fff; margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; }