/* Gold Standard Template — style.css */ /* Bootstrap 5.3.3 loaded via CDN in — this file is site-specific overrides only */ /* ===== CSS Variables (no !important — cooperate with Bootstrap) ===== */ :root { --brand-primary: #1B2A3D; --brand-accent: #FF5C00; --brand-dark: #1B2A3D; --brand-light: #F5F7FA; } /* ===== Base / Typography ===== */ html { overflow-x: hidden; } body { font-family: 'Open Sans', 'Open Sans Fallback', sans-serif; font-size: 16px; line-height: 1.6; color: #333; background: #fff; margin: 0; padding: 0; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', 'Montserrat Fallback', sans-serif; font-weight: 800; color: #000; } p, ul, ol { font-family: 'Open Sans', 'Open Sans Fallback', sans-serif; font-size: 18px; } p.lead { font-family: 'Playfair Display', serif; font-size: 20px; color: #555; } /* ===== Links ===== */ a { color: #FF5C00; text-decoration: none; transition: all 0.3s ease; } a:hover { color: #1B2A3D; text-decoration: none; } /* ===== Topbar ===== */ .topbar a { color: inherit; } /* ===== Navbar ===== */ .navbar { padding: 0; } .navbar .nav-link { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; padding: 16px 14px !important; color: rgba(255,255,255,0.9) !important; transition: color 0.2s; } .navbar .nav-link:hover, .navbar .nav-link:focus { color: #fff !important; } .navbar .dropdown-menu { border-radius: 4px; border: none; box-shadow: 0 4px 16px rgba(0,0,0,0.15); padding: 8px 0; margin-top: 0; } .navbar .dropdown-item { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; padding: 8px 20px; color: #333; } .navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background: #FF5C00; color: #fff; } /* ===== Offcanvas Mobile Menu ===== */ .offcanvas .nav-link { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; padding: 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1); } .offcanvas .dropdown-menu { background: transparent !important; border: none !important; box-shadow: none !important; padding-left: 15px; position: static !important; display: block; } .offcanvas .dropdown-item { color: rgba(255,255,255,0.7) !important; padding: 8px 0; font-size: 15px; background: transparent !important; } .offcanvas .dropdown-item:hover, .offcanvas .dropdown-item:focus { color: #FF5C00 !important; background: transparent !important; } /* ===== FAQ Accordion ===== */ .accordion-button { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; } .accordion-button:not(.collapsed) { background: #F5F7FA; color: #000; box-shadow: none; } .accordion-button:focus { box-shadow: none; border-color: #ddd; } .accordion-body { font-size: 16px; line-height: 1.7; } /* ===== Service Cards ===== */ .service-card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; height: 100%; box-shadow: 0 2px 8px rgba(0,0,0,0.08); transition: box-shadow 0.3s; } .service-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.15); } /* ===== Footer ===== */ footer { font-size: 15px; } footer a { color: #fff !important; font-weight: normal; } footer a:hover { color: #FF5C00 !important; } /* ===== Utility ===== */ .text-white-50 { color: rgba(255,255,255,0.5) !important; } /* ===== Dialog Lightbox ===== */ dialog { border: none; background: transparent; } dialog::backdrop { background: rgba(0,0,0,0.8); } /* ===== Responsive ===== */ @media (max-width: 575px) { h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 20px; } } @media (max-width: 991px) { .topbar { display: none; } } /* ===== Print ===== */ @media print { .sticky-mobile-cta, .navbar, .offcanvas { display: none !important; } footer { page-break-before: always; } }