/* ============================================================================ UAV Imaging — site-wide modern refresh (shared). Loaded last in so it layers over the s8 template. Structure/URLs unchanged; visual layer only. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Sora:wght@600;700;800&display=swap'); :root{ --uav-navy:#0b1626; --uav-navy-2:#10294a; --uav-ink:#1d2a3a; --uav-muted:#5b6b7d; --uav-line:#e5ecf3; --uav-bg:#ffffff; --uav-bg-alt:#f5f8fc; --uav-blue:#0b73b7; --uav-blue-2:#1488d6; --uav-sky:#5cc0ff; --uav-radius:14px; --uav-shadow:0 10px 30px rgba(15,23,42,.08); --uav-maxw:1180px; } /* ── Base type ─────────────────────────────────────────────────────────── */ body, .s8-templates-section, .s8-templates-section *{ font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important; -webkit-font-smoothing:antialiased; } body{ color:var(--uav-ink); background:var(--uav-bg); } .s8-templates-section-content h1, .s8-templates-section-content h2, .s8-templates-section-content h3, .s8-templates-section-content h4{ font-family:'Sora','Inter',sans-serif !important; color:var(--uav-navy); letter-spacing:-0.02em; line-height:1.14; font-weight:800; } .s8-templates-section-content h1{ font-size:clamp(30px,4vw,46px); margin:0 0 18px; } .s8-templates-section-content h2{ font-size:clamp(24px,2.6vw,34px); margin:30px 0 14px; } .s8-templates-section-content h3{ font-size:clamp(19px,1.8vw,23px); margin:24px 0 10px; font-weight:700; } .s8-templates-section-content p, .s8-templates-section-content li{ font-size:16.5px; line-height:1.72; color:#36465a; } .s8-templates-section-content > p, .s8-templates-section-content > ul, .s8-templates-section-content > ol{ max-width:74ch; } .s8-templates-section-content p{ margin:0 0 16px; } /* Lead paragraph (first in a section) reads larger for rhythm */ .s8-templates-section-content > p:first-of-type{ font-size:19px; line-height:1.7; color:#2b3a4d; } .s8-templates-section-content a{ color:var(--uav-blue); text-decoration:none; } .s8-templates-section-content a:hover{ color:var(--uav-blue-2); text-decoration:underline; } .s8-templates-section-content img, .s8-templates-row img{ border-radius:12px !important; box-shadow:0 8px 24px rgba(15,23,42,.10); } .s8-templates-section-content hr{ border:0; border-top:1px solid var(--uav-line); margin:34px 0; } .s8-templates-section-content blockquote{ margin:24px 0; padding:14px 22px; border-left:4px solid var(--uav-blue); background:var(--uav-bg-alt); border-radius:0 10px 10px 0; color:#2b3a4d; font-size:17px; } .s8-templates-section-content table{ border-collapse:collapse; width:100%; margin:20px 0; font-size:15px; } .s8-templates-section-content th, .s8-templates-section-content td{ border:1px solid var(--uav-line); padding:10px 12px; text-align:left; } .s8-templates-section-content thead th{ background:var(--uav-bg-alt); color:var(--uav-navy); font-weight:700; } /* Section vertical rhythm */ .s8-templates-section-content{ padding-top:54px !important; padding-bottom:54px !important; } .s8-templates-section:nth-of-type(even) > .s8-templates-section-background:not([style*="#000"]):not([style*="rgb"]){ } /* ── Top nav (modern dark, unified across all pages) ───────────────────── */ header{ background:rgba(11,18,32,.96) !important; -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); border-bottom:1px solid rgba(255,255,255,.06) !important; box-shadow:0 1px 0 rgba(0,0,0,.25) !important; position:relative !important; z-index:9999 !important; overflow:visible !important; } header .max-width{ display:flex !important; align-items:center !important; justify-content:space-between !important; max-width:1280px !important; margin:0 auto !important; padding:5px 22px !important; min-height:0 !important; background:transparent !important; overflow:visible !important; } header .logo{ margin:0 30px 0 0 !important; padding:0 !important; line-height:0 !important; flex:0 0 auto !important; background:transparent !important; } header .logo a{ display:inline-block !important; padding:0 !important; background:transparent !important; } header .logo img{ display:block !important; } /* Native-size animated logo: static frame by default, gif on hover */ header .logo img.logoimg, header .logo img.logo-hover{ height:auto !important; width:auto !important; max-width:none !important; max-height:none !important; filter:none !important; opacity:1 !important; } header .logo img.logo-hover{ display:none !important; } header .logo:hover img.logoimg{ display:none !important; } header .logo:hover img.logo-hover{ display:inline-block !important; } header .sitenav{ margin:0 !important; padding:0 !important; background:transparent !important; flex:0 1 auto !important; overflow:visible !important; } header #menu{ display:flex !important; align-items:center !important; gap:2px !important; margin:0 !important; padding:0 !important; list-style:none !important; flex-wrap:nowrap !important; background:transparent !important; } header #menu > li{ margin:0 !important; padding:0 !important; position:relative !important; list-style:none !important; background:transparent !important; border:0 !important; white-space:nowrap !important; } header #menu > li > a{ display:inline-block !important; padding:6px 11px !important; font-size:13px !important; font-weight:600 !important; color:#e7eef6 !important; background:transparent !important; border-radius:7px !important; border:0 !important; text-decoration:none !important; line-height:1.4 !important; text-transform:none !important; transition:background .15s,color .15s !important; } header #menu > li > a:hover{ background:rgba(255,255,255,.10) !important; color:#fff !important; } header #menu > li.active > a{ color:#fff !important; background:rgba(11,115,183,.32) !important; } header #menu li.callus{ margin-left:8px !important; } header #menu li.callus a{ background:linear-gradient(135deg,var(--uav-blue-2),var(--uav-blue)) !important; color:#fff !important; padding:8px 16px !important; border-radius:999px !important; font-weight:700 !important; box-shadow:0 4px 14px rgba(11,115,183,.35) !important; } header #menu li.callus a:hover{ filter:brightness(1.08) !important; } /* Dropdown submenus — dark card */ header #menu .sub-menu{ background:#0e1c30 !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:10px !important; box-shadow:0 18px 40px rgba(0,0,0,.4) !important; padding:6px !important; } header #menu .sub-menu li a{ color:#d7e2ee !important; padding:8px 14px !important; border-radius:6px !important; font-size:13.5px !important; } header #menu .sub-menu li a:hover{ background:rgba(11,115,183,.25) !important; color:#fff !important; } /* ── Banner / page hero (.innerheader) — readable overlay, modern ──────── */ /* Grid band: image fills absolutely behind, title centered on top. Robust to the template's lazy-loaded (placeholder swap) and source order. */ .innerheader{ position:relative !important; margin:0 !important; overflow:hidden !important; min-height:clamp(220px,30vw,340px) !important; display:grid !important; place-items:center !important; background:linear-gradient(135deg,var(--uav-navy),var(--uav-navy-2)) !important; } .innerheader img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; opacity:.5 !important; z-index:0 !important; border-radius:0 !important; } .innerheader::after{ content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(8,16,28,.40),rgba(8,16,28,.80)); } .innerheader .sectiontitle{ position:relative !important; z-index:2 !important; padding:0 24px !important; text-align:center !important; margin:0 !important; background:transparent !important; } .innerheader .sectiontitle h2, .innerheader .sectiontitle h1{ color:#fff !important; font-family:'Sora','Inter',sans-serif !important; font-weight:800 !important; font-size:clamp(28px,4vw,46px) !important; letter-spacing:-0.02em !important; text-align:center !important; margin:0 !important; text-shadow:0 3px 24px rgba(0,0,0,.5) !important; line-height:1.1 !important; } /* ── Buttons / CTAs (generic) ──────────────────────────────────────────── */ .s8-templates-section-content a.button, .s8-templates-section-content a.btn, .s8-templates-section-content .wp-block-button__link, a.more, .more{ display:inline-block !important; background:linear-gradient(135deg,var(--uav-blue-2),var(--uav-blue)) !important; color:#fff !important; padding:12px 22px !important; border-radius:999px !important; font-weight:700 !important; text-decoration:none !important; box-shadow:0 6px 18px rgba(11,115,183,.3) !important; border:0 !important; transition:filter .15s,transform .15s !important; } a.more:hover, .more:hover{ filter:brightness(1.08) !important; transform:translateY(-1px) !important; color:#fff !important; text-decoration:none !important; } /* ── Forms (contact, search, etc.) ─────────────────────────────────────── */ .s8-templates-section-content input[type=text], .s8-templates-section-content input[type=email], .s8-templates-section-content input[type=tel], .s8-templates-section-content input[type=number], .s8-templates-section-content textarea, .s8-templates-section-content select{ width:100% !important; padding:11px 14px !important; border:1px solid var(--uav-line) !important; border-radius:10px !important; font-size:15px !important; background:#fff !important; color:var(--uav-ink) !important; box-shadow:none !important; box-sizing:border-box !important; } .s8-templates-section-content textarea{ min-height:120px !important; } .s8-templates-section-content input:focus, .s8-templates-section-content textarea:focus, .s8-templates-section-content select:focus{ outline:none !important; border-color:var(--uav-blue) !important; box-shadow:0 0 0 3px rgba(11,115,183,.15) !important; } .s8-templates-section-content input[type=submit], .s8-templates-section-content button[type=submit], .s8-templates-section-content .submit{ display:inline-block !important; background:linear-gradient(135deg,var(--uav-blue-2),var(--uav-blue)) !important; color:#fff !important; border:0 !important; padding:12px 26px !important; border-radius:999px !important; font-weight:700 !important; font-size:15px !important; cursor:pointer !important; width:auto !important; box-shadow:0 6px 18px rgba(11,115,183,.3) !important; transition:filter .15s,transform .15s !important; } .s8-templates-section-content input[type=submit]:hover, .s8-templates-section-content button[type=submit]:hover{ filter:brightness(1.08) !important; transform:translateY(-1px) !important; } .s8-templates-section-content label{ font-weight:600 !important; color:var(--uav-navy) !important; font-size:14px !important; } /* ── Footer ────────────────────────────────────────────────────────────── */ .footersec{ background:var(--uav-navy) !important; } .footersec .s8-templates-section-content{ color:#aebccd !important; } .footersec a{ color:#cfe0f0 !important; } .footersec a:hover{ color:#fff !important; } .footersec h1,.footersec h2,.footersec h3,.footersec h4{ color:#fff !important; } /* ── Responsive ────────────────────────────────────────────────────────── */ @media (max-width:880px){ header #menu li.callus a{ padding:7px 13px !important; } } @media (max-width:760px){ .s8-templates-section-content{ padding-top:38px !important; padding-bottom:38px !important; } .innerheader img{ height:200px !important; } }