/* Global brand overrides - applied site-wide */ /* Fonts loaded non-blocking via in each HTML page (see ). */ /* === Company wordmark (humanist sans, proprietary feel) === */ .nav-logo-text { font-family: 'Mulish', 'Optima', 'Albertus', 'Trebuchet MS', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.18em !important; font-weight: 800 !important; font-size: 1.05rem !important; color: #0a0a0a !important; } /* === Top nav: pill-shaped buttons === */ .nav-links { gap: 8px !important; } .nav-links > li > a { background: #fff !important; border: 1.5px solid rgba(201,168,76,0.35) !important; border-radius: 50px !important; padding: 8px 18px !important; font-family: 'Poppins', 'Inter', sans-serif !important; font-size: 0.78rem !important; font-weight: 600 !important; color: #0a0a0a !important; letter-spacing: 0.02em !important; transition: all 0.2s ease !important; box-shadow: 0 1px 4px rgba(45,0,69,0.04) !important; } .nav-links > li > a:hover { background: linear-gradient(135deg, #C9A84C, #E2C36A) !important; border-color: #C9A84C !important; color: #0a0a0a !important; transform: translateY(-1px) !important; box-shadow: 0 4px 14px rgba(201,168,76,0.35) !important; } .nav-links > li > a::after { display: none !important; } /* === Header phone → "Call" button === */ .nav-phone { background: linear-gradient(135deg, #C9A84C, #E2C36A) !important; color: #0a0a0a !important; border-radius: 50px !important; padding: 9px 22px !important; font-family: 'Poppins','Inter',sans-serif !important; font-weight: 700 !important; font-size: 0.82rem !important; letter-spacing: 0.04em !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; box-shadow: 0 4px 14px rgba(201,168,76,0.35) !important; transition: all 0.2s ease !important; text-decoration: none !important; font-size: 0 !important; /* hide the long phone number text */ } .nav-phone::before { content: '📞 Call' !important; font-size: 0.82rem !important; font-weight: 700 !important; letter-spacing: 0.04em !important; } .nav-phone:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(201,168,76,0.5) !important; filter: brightness(1.05) !important; } /* === Dropdown menus: click-to-open + cursor bridge === */ .nav-links .dropdown { position: relative !important; } .nav-links .dropdown > a { position: relative !important; } /* Hide on default hover - require .open class (set by nav-dropdown.js) */ .nav-links .dropdown:hover .dropdown-menu { display: none !important; } .nav-links .dropdown.open .dropdown-menu, .nav-links .dropdown:focus-within .dropdown-menu { display: block !important; } /* Indicator that menu is open */ .nav-links .dropdown.open > a { background: linear-gradient(135deg, #C9A84C, #E2C36A) !important; border-color: #C9A84C !important; box-shadow: 0 4px 14px rgba(201,168,76,0.35) !important; } /* The dropdown menu itself: invisible bridge + roomier layout */ .nav-links .dropdown-menu { position: absolute !important; top: 100% !important; left: 0 !important; margin-top: 10px !important; min-width: 240px !important; background: #fff !important; border: 1px solid rgba(45,0,69,0.08) !important; border-radius: 14px !important; box-shadow: 0 16px 48px rgba(45,0,69,0.18) !important; padding: 8px !important; z-index: 1000 !important; } /* Invisible bridge so cursor doesn't lose hover crossing the gap */ .nav-links .dropdown-menu::before { content: '' !important; position: absolute !important; top: -14px !important; left: 0 !important; right: 0 !important; height: 14px !important; background: transparent !important; } .nav-links .dropdown-menu a { display: flex !important; align-items: center !important; gap: 10px !important; padding: 11px 14px !important; border-radius: 10px !important; font-family: 'Poppins','Inter',sans-serif !important; font-size: 0.86rem !important; font-weight: 500 !important; color: #0a0a0a !important; transition: all 0.15s ease !important; white-space: nowrap !important; } .nav-links .dropdown-menu a:hover { background: rgba(201,168,76,0.12) !important; color: #a88a3a !important; transform: translateX(2px) !important; }