/*
Theme Name: Porter Airport Modern
Theme URI: https://devildogmedia.com
Author: Chris Klimek / Devil Dog Media
Author URI: https://devildogmedia.com
Description: Custom desktop-first aviation WordPress theme for Porter County airport. Version 0.2 staging release.
Version: 0.2.1
Requires PHP: 8.0
Text Domain: porter-airport
*/
:root{--navy:#061c35;--blue:#0756a5;--red:#ef1c2d;--muted:#62748a}*{box-sizing:border-box}body{margin:0;color:#152a42;background:#f3f6fa;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:#0756a5}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 24px}.top{background:#05192f;color:white;font-size:13px;padding:9px 0}.top .wrap{display:flex;gap:22px;justify-content:flex-end;flex-wrap:wrap}.top a{color:white}.head{background:white;box-shadow:0 2px 12px #00162d15;position:relative;z-index:3}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:104px}.brand img{width:min(400px,43vw);max-height:100px;object-fit:contain}.brand-text{font-size:22px;font-weight:900;color:var(--navy);text-decoration:none}.nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0}.nav a{text-decoration:none;font-weight:750;font-size:13px;color:#132b47;text-transform:uppercase}.nav a:hover{color:var(--red)}.hero{background:linear-gradient(110deg,#051b35ed,#0c3d70a8),linear-gradient(30deg,#143e67,#5d86a4);color:white;padding:95px 0 100px}.eyebrow{letter-spacing:.24em;font-weight:700;font-size:13px}.hero h1{font-size:clamp(32px,5vw,58px);max-width:790px;line-height:1.08;margin:15px 0}.hero p{max-width:650px;font-size:20px}.btn{display:inline-block;border-radius:5px;background:#006bc8;color:white!important;text-decoration:none;font-weight:750;padding:13px 21px;margin:10px 10px 0 0}.btn.alt{background:white;color:#082f55!important}.section{padding:48px 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile,.panel{background:white;border:1px solid #dde5ef;border-radius:8px;padding:24px;box-shadow:0 5px 18px #0b28420a}.tile{text-decoration:none;color:#122b48;font-weight:800}.tile span{display:block;color:#5d7186;font-size:13px;font-weight:400}.two{display:grid;grid-template-columns:2fr 1fr;gap:24px}.fuel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fuel{padding:23px;border-radius:8px;color:white}.fuel.ll{background:#198ce2}.fuel.jet{background:#111}.fuel strong{display:block;font-size:30px}.fuel small{font-size:13px}.alert{padding:15px 0;color:white}.alert a{color:inherit;font-weight:bold}.alert-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-title{background:#092c50;color:white;padding:42px 0}.page-title h1{margin:0}.content{background:white;border-radius:8px;padding:32px;min-height:250px;overflow-wrap:anywhere}.content img{max-width:100%}.footer{background:#061c35;color:#dbe5ef;padding:38px 0 22px}.footer a{color:white}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer small{color:#a9bbcc}.notice{background:#fff4cf;padding:12px;border-left:4px solid #df9b00;margin:18px 0}.site-dev{position:fixed;bottom:12px;right:12px;background:#ffd448;color:#101c2a;padding:6px 11px;font-weight:800;font-size:11px;border-radius:4px;z-index:10}@media(max-width:800px){.head .wrap{display:block;padding-top:12px;padding-bottom:15px}.brand img{width:300px;max-width:90%}.nav ul{gap:12px}.grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.hero{padding:60px 0}}@media(max-width:480px){.grid,.fuel-grid{grid-template-columns:1fr}.wrap{padding:0 15px}}

/* v0.2: larger centered brand and accessible photo carousel */
.head .wrap{min-height:110px;align-items:center;gap:26px}.brand{display:flex;align-items:center;flex:0 1 440px}.brand img{display:block;width:min(440px,40vw);max-height:none;height:auto}.nav{flex:1}.nav ul{justify-content:flex-end}.nav li{position:relative}.nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:215px;background:#fff;box-shadow:0 8px 20px #00162d26;padding:12px;z-index:15}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu li{padding:5px 0}.hero-carousel{position:relative;overflow:hidden;background:#061c35;color:#fff}.hero-slide{display:none;position:relative;min-height:clamp(430px,46vw,650px);align-items:center;background:#061c35}.hero-slide.is-active{display:flex}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,46,.89) 0%,rgba(4,23,46,.55) 46%,rgba(4,23,46,.08) 100%);z-index:1}.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-slide .wrap{position:relative;z-index:2;width:100%;padding-top:85px;padding-bottom:95px}.hero-slide h1{font-size:clamp(32px,5vw,60px);max-width:700px;line-height:1.08;margin:15px 0}.hero-slide p{font-size:20px;max-width:590px}.hero-controls{position:absolute;bottom:24px;left:0;right:0;z-index:2;display:flex;justify-content:center;gap:10px}.hero-controls button{border:1px solid #fff8;border-radius:99px;background:#ffffff6b;color:white;padding:8px 13px;cursor:pointer}.hero-controls button[aria-current="true"]{background:white;color:#061c35}.hero-slide:not(.is-active){visibility:hidden}@media(max-width:900px){.head .wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{flex:1 1 100%}.brand img{width:min(400px,90vw)}.nav ul{justify-content:flex-start}.hero-slide{min-height:440px}.hero-slide .wrap{padding-top:65px;padding-bottom:85px}}@media(prefers-reduced-motion:reduce){.hero-slide{scroll-behavior:auto}}

/* v0.2.1 compact, optically centered header and cleaner hero */
.head .wrap{min-height:88px;padding-top:5px;padding-bottom:5px;gap:20px}
.brand{flex:0 0 auto;min-width:0;line-height:0}
.brand img{width:clamp(310px,32vw,425px);max-height:102px;object-fit:contain;object-position:left center}
.nav ul{gap:clamp(10px,1.3vw,21px);align-items:center}
.nav a{font-size:12px;letter-spacing:.025em}
.nav .sub-menu{margin-top:0;border-top:3px solid var(--blue);border-radius:0 0 7px 7px}
.nav .sub-menu a{display:block;padding:5px 3px;white-space:normal}
.nav .sub-menu li{width:100%}
.hero-slide:before{background:linear-gradient(90deg,rgba(4,23,46,.84) 0%,rgba(4,23,46,.54) 38%,rgba(4,23,46,.08) 78%)}
.hero-slide .wrap{padding-top:72px;padding-bottom:98px}
.hero-controls{bottom:18px;gap:7px}
.hero-controls button{min-width:35px;min-height:35px;background:rgba(7,26,47,.52);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(5px);font-size:12px}
.hero-controls button:hover,.hero-controls button:focus-visible{background:#fff;color:#061c35}
.hero-controls button[aria-current=true]{background:#fff;color:#061c35}
@media(max-width:1050px){.head .wrap{flex-wrap:wrap;justify-content:center;padding-top:8px;padding-bottom:10px;gap:8px}.brand{width:100%;justify-content:center}.brand img{width:min(425px,90vw)}.nav{width:100%;flex:1 1 100%}.nav ul{justify-content:center;gap:12px}}
@media(max-width:700px){.head .wrap{justify-content:center}.brand img{width:min(370px,94vw)}.nav ul{justify-content:center}.nav a{font-size:11px}.nav .sub-menu{left:auto;right:0}.hero-slide:before{background:linear-gradient(90deg,rgba(4,23,46,.88),rgba(4,23,46,.40))}.hero-slide h1{font-size:clamp(30px,8vw,44px)}.hero-slide p{font-size:16px}.hero-slide .wrap{padding-top:55px;padding-bottom:105px}.hero-controls{bottom:14px}.hero-controls button{min-width:30px;min-height:32px;padding:5px 9px}}