/*
Theme Name: RECON Aerospace & Defense
Theme URI: https://reconaerospaceusa.com/
Author: RECON Aerospace & Defense
Description: Custom cinematic aerospace corporate theme with four original aircraft and maritime system images.
Version: 2.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: recon-aerospace
*/
:root{--navy:#020b16;--blue:#00b9ff;--gold:#ffe000;--white:#f6fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020b16;color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1480px,94%);margin:auto}.utility{background:#02070e;border-bottom:1px solid #008bc4}.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;font-size:13px;font-weight:700}.utility-items{display:flex;gap:24px;flex-wrap:wrap}.utility .ticker b{color:#00c7ff}.rma{background:var(--gold);color:#070a0d;padding:13px 28px;font-weight:900;box-shadow:0 0 10px #ffdb0044}.nav{background:#020911f5;position:relative;z-index:5;border-bottom:1px solid #0b3b5d}.nav-inner{display:flex;align-items:center;gap:30px;justify-content:space-between;min-height:94px}.brand{display:flex;align-items:center;gap:12px;min-width:280px}.brand-mark{width:56px;height:65px}.brand-text{font-size:43px;font-weight:900;letter-spacing:2px;line-height:.9}.brand-sub{font-size:13px;letter-spacing:1.1px;font-weight:800}.menu{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0;font-size:14px;font-weight:700}.menu li{position:relative}.menu a:hover,.menu .current-menu-item>a{color:var(--blue)}.menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:#071626;min-width:200px;padding:14px;list-style:none;box-shadow:0 8px 30px #0009}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu .sub-menu li{padding:9px}.mobile-toggle{display:none;background:none;color:white;border:1px solid #277397;padding:10px}.hero{min-height:490px;position:relative;background-image:linear-gradient(90deg,rgba(1,9,22,.95) 0%,rgba(1,9,22,.77) 30%,rgba(1,9,22,.12) 62%),url('assets/images/titan-hero.webp');background-position:center;background-size:cover;display:flex;align-items:center}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#00b9ff;box-shadow:0 0 10px #00b9ff66}.hero-content{position:relative;z-index:1;padding:60px 0}.hero h1{font-size:clamp(34px,4.1vw,67px);font-style:italic;text-transform:uppercase;max-width:680px;line-height:1.05;text-shadow:3px 5px 3px #000;margin:0 0 20px;font-weight:900}.rule{height:3px;width:480px;max-width:90%;background:#00b9ff;box-shadow:0 0 9px #00b9ff55;margin-bottom:24px}.hero p{font-weight:800;font-size:14px;letter-spacing:1.5px;text-transform:uppercase}.cta{display:inline-block;background:linear-gradient(135deg,#00477a,#02172b);border:2px solid var(--blue);transform:skew(-12deg);box-shadow:0 0 8px #00b9ff44;padding:13px 28px;font-weight:900;margin-top:18px}.cta span{display:inline-block;transform:skew(12deg)}.systems{padding:28px 0 0;background:linear-gradient(#061e34,#020b16)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.system{border:2px solid #00baff;box-shadow:0 0 6px #00aaff33;position:relative;min-height:305px;overflow:hidden;background:#0b1a28}.system img{width:100%;height:305px;object-fit:cover;display:block}.system:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000e)}.system-body{position:absolute;z-index:1;bottom:14px;left:18px;right:18px}.system h2{font-size:clamp(23px,2vw,35px);font-style:italic;text-shadow:2px 2px #000;margin:0 0 3px}.system p{font-size:11px;font-weight:700;min-height:27px;margin:0 0 10px;text-transform:uppercase}.system a{display:inline-block;border:1px solid var(--blue);background:#003a68;padding:7px 14px;font-size:12px;font-weight:800}.capabilities{border-top:1px solid #0b4c6e;border-bottom:1px solid #0b4c6e;background:#020b17;padding:14px 0}.cap-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0}.cap{border-right:1px solid #0b4c6e;text-align:center;padding:6px 8px;font-size:10.5px;font-weight:800;letter-spacing:.03em}.cap:last-child{border:0}.cap-icon{display:flex;align-items:center;justify-content:center;height:21px;margin-bottom:5px;color:#eaf6ff}.cap-icon svg{width:21px;height:21px}.content-section{padding:65px 0;background:linear-gradient(120deg,#05192d,#020914)}.content-section h2{font-size:32px;margin:0 0 12px}.content-section p{color:#c8d5e4;line-height:1.7;max-width:850px}.content-columns{display:grid;grid-template-columns:2fr 1fr;gap:55px}.footer{background:#01060d;border-top:1px solid #155279;padding:36px 0;color:#b4c9d9;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a:hover{color:var(--blue)}.page-main{min-height:55vh;padding:70px 0}.page-main h1{font-size:42px}.page-main p{line-height:1.7}.wp-block-image img{max-width:100%;height:auto}@media(max-width:1150px){.menu{gap:12px;font-size:12px}.brand{min-width:230px}.brand-text{font-size:34px}.brand-mark{width:43px}.cards{grid-template-columns:repeat(2,1fr)}.cap-grid{grid-template-columns:repeat(4,1fr)}.cap:nth-child(4n){border-right:0}}@media(max-width:760px){.utility-items{gap:8px;font-size:11px}.utility .ticker{display:none}.rma{padding:10px}.nav-inner{min-height:75px}.mobile-toggle{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#03101f;padding:20px;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.menu .sub-menu{display:block;position:static;box-shadow:none}.hero{min-height:490px;background-position:61% center}.hero h1{font-size:38px}.hero-content{padding:80px 0}.cards{grid-template-columns:1fr}.system img{height:340px}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap:nth-child(2n){border-right:0}.content-columns{grid-template-columns:1fr}.brand-text{font-size:28px}.brand-sub{font-size:9px}.brand{min-width:0}}
.page-banner{min-height:260px;display:flex;align-items:center;background:linear-gradient(120deg,#05192d,#020914);background-size:cover;background-position:center;border-bottom:3px solid #00b9ff;box-shadow:0 3px 20px #00b9ff55}
.page-banner h1{font-size:clamp(34px,4vw,60px);font-style:italic;font-weight:900;text-transform:uppercase;margin:0 0 18px;text-shadow:3px 5px 3px #000}
.eyebrow{color:#00c7ff;font-weight:800;font-size:13px;letter-spacing:2px;margin:0 0 8px}
.page-copy{max-width:900px}.page-copy p{color:#c8d5e4;font-size:17px}.page-copy h2{margin-top:32px}
.spec-line{font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#00c7ff!important}
.related-title{font-size:28px;font-style:italic;text-transform:uppercase;margin:50px 0 18px}
a.cap{display:block}a.cap:hover{color:var(--blue)}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;background:#061a2d;border:1px solid #0b6d9e;padding:26px}
.inquiry-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
.inquiry-form .full{grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#020b16;color:#f6fbff;border:1px solid #277397;padding:12px;font:inherit}
.inquiry-form textarea{min-height:140px}.inquiry-form .consent{flex-direction:row;align-items:flex-start;font-weight:400}.inquiry-form .consent a{color:#00c7ff;text-decoration:underline}
.inquiry-form button{cursor:pointer;color:#fff;justify-self:start}.honeypot{position:absolute;left:-9999px}
.form-status{background:#003a68;border-left:4px solid #ffe000;padding:14px}.muted{color:#93a9bb!important;font-size:13px}
.contact-lines a,.page-copy a{color:#00c7ff}.news{list-style:none;padding:0}.news li{border-bottom:1px solid #0b3b5d;padding:12px 0}.news span{color:#93a9bb;font-size:13px}
.screen-reader-text{position:absolute;left:-9999px}.search-form input{padding:10px}
@media(max-width:760px){.inquiry-form{grid-template-columns:1fr}.page-banner{min-height:200px}}
.brand-logo{display:block;width:300px;height:auto}
.ref-home{display:none;position:relative;line-height:0;background:#020b16}
.ref-home img{width:100%;height:auto;display:block}
.ref-spot{position:absolute;display:block}.ref-spot:focus-visible{outline:2px solid #00c7ff}
@media(min-width:901px){.on-home{display:none}.ref-home{display:block}.html-home{display:none}}
@media(max-width:760px){.brand-logo{width:200px}}
.brand-logo{mix-blend-mode:lighten}

.divisions-btn{border:2px solid var(--gold);color:var(--gold);padding:8px 16px;font-weight:900;letter-spacing:.06em;margin-left:auto;margin-right:12px}.divisions-btn:hover{background:var(--gold);color:#070a0d}
.ref-btn{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid #ffd600;color:#ffd600;background:#020b16;font:900 clamp(10px,1.15vw,20px)/1 Arial,sans-serif;letter-spacing:.06em;text-decoration:none;box-shadow:0 0 12px #ffd60055}.ref-btn:hover,.ref-btn:focus-visible{background:#ffd600;color:#070a0d}
.divisions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.division{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid #008bc4;background:#041427;color:#fff;text-decoration:none}.division strong{font-size:20px}.division span{color:#00c7ff;font-weight:800;font-size:13px}.division:hover{border-color:#ffd600}.division.soon span{color:#9aa8b8}

/* Compact homepage program artwork; inner-page program cards remain unchanged. */
.home-programs{padding:18px 0 20px;background-color:var(--navy);background-image:linear-gradient(to bottom,transparent 45%,var(--navy)),url('assets/images/home-hangar-floor.jpg');background-size:100% 100%;background-position:center top;background-repeat:no-repeat}
.home-program-grid{width:min(800px,65%);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center}
.home-program{display:block;line-height:0}
.home-program img{display:block;width:100%;height:auto;aspect-ratio:480/332;object-fit:contain}
.home-program:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:900px){.home-program-grid{width:min(600px,90%);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-programs{padding:16px 0}.home-program img{max-height:180px}}

/* Smaller homepage slogan on the HTML phone layout. */
.html-home .hero h1{font-size:30px;max-width:540px}

.ref-nav{position:absolute;left:29.4%;right:0;top:12.4%;height:9.6%;background:linear-gradient(#010205 80%,#01020500);line-height:1;z-index:3}
.ref-menu{display:flex;height:100%;align-items:center;justify-content:space-between;gap:.6vw;list-style:none;margin:0;padding:0 2.2% 0 1.5%;font:600 clamp(11px,1.15vw,19px)/1 Arial,sans-serif}
.ref-menu li{position:relative}.ref-menu a{color:#fff;text-decoration:none;padding:.5vw .2vw;display:block}
.ref-menu>li:first-child>a{color:#00c7ff;border-bottom:2px solid #00c7ff}.ref-menu a:hover{color:#00c7ff}
.ref-menu .menu-rma,.menu .menu-rma{background:#e31e24;color:#fff;padding:.55vw 1.3vw;border-radius:2px}.ref-menu .menu-rma:hover{background:#ff3b40;color:#fff}
.ref-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:#071626;min-width:210px;list-style:none;margin:0;padding:8px 0;box-shadow:0 8px 30px #0009;border-top:2px solid #00c7ff}
.ref-menu .sub-menu a{padding:12px 18px;font-size:15px;white-space:nowrap}
.ref-menu li:hover>.sub-menu,.ref-menu li:focus-within>.sub-menu{display:block}