/*
Theme Name: Konnect America
Author: Konnect America
Description: Lightweight custom theme for konnectamerica.org. Page layouts and styles live in each page's content (Custom HTML blocks); this theme provides the shared header, footer and a clean canvas.
Version: 1.2.4
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: konnect-america
*/
/* Base resets so the page designs render exactly as designed */
main > *{margin-block:0}
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
/* Photo bands inside sections (client images) */
.ka-band{margin:0 0 40px;border-radius:22px;overflow:hidden;background:#0A204D;box-shadow:0 18px 40px -22px rgba(10,32,77,.45);aspect-ratio:16/7}
.ka-band img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ka-band.after{margin:40px 0 0}
.ka-band.tall{aspect-ratio:16/9}
.ka-band.dark{background:#000}
.ka-band.dark img{object-fit:contain}
.ka-band.square{aspect-ratio:auto;max-width:560px;margin-inline:auto;background:#fff}
.ka-band.square img{height:auto}
.hub .ka-band{box-shadow:none}
@media (max-width:720px){.ka-band{aspect-ratio:4/3;border-radius:16px;margin-bottom:28px}.ka-band.after{margin:28px 0 0}.ka-band.dark{aspect-ratio:2/1}.ka-band.square{aspect-ratio:auto}}
/* New 3D logo (taller mark): slightly larger header/footer logo */
.site-header .nav{height:100px}
.site-header .logo img{height:88px;width:auto}
footer .foot img{height:110px;width:auto}
/* Header menu: bolder, larger, brand colors (client request) */
.site-header .menu a{font-family:var(--display);font-weight:800;font-size:1.06rem;color:var(--navy,#0A204D);letter-spacing:.005em;transition:color .2s}
.site-header .menu a:hover,.site-header .menu a[aria-current="page"]{color:var(--red,#F42433)}
.site-header .menu a::after{height:3px;bottom:2px}
@media (max-width:1240px){.site-header .menu a{font-size:.98rem;padding:10px 10px}}
@media (max-width:1020px){.site-header .nav{height:84px}.site-header .logo img{height:66px}.site-header .menu{top:calc(84px + env(safe-area-inset-top,0px))}.site-header .menu a{font-size:1.1rem;padding:14px 6px}}
@media (max-width:720px){.site-header .nav{height:76px}.site-header .logo img{height:58px}.site-header .menu{top:calc(76px + env(safe-area-inset-top,0px))}}