/* Shared navigation and footer for all current and future site pages. */
body .header{height:70px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #edf1ed}
body .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
body .header .brand{display:flex;align-items:center;flex:0 0 auto}
body .header .brand img{display:block;width:148px;height:auto}
body .header nav{position:static;left:auto;transform:none;display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.55vw,22px);height:100%;font-size:13px;white-space:nowrap}
body .header nav a{height:100%;display:flex;align-items:center;position:relative;justify-content:center;text-align:center}
body .header nav a:hover,body .header nav .active{color:#00696c}
body .header nav .active:after{content:"";height:2px;background:#008c91;position:absolute;bottom:14px;left:0;right:0}
body .menu-toggle{display:none}
body>footer.site-footer{background:#20313a;color:#fff;font-family:Arial,Helvetica,sans-serif}
body>footer.site-footer .footer-inner{width:min(1100px,calc(100% - 10%));min-height:90px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
body>footer.site-footer .footer-brand{display:flex;align-items:center;flex:0 0 auto}
body>footer.site-footer .footer-brand img{width:142px;height:auto}
body>footer.site-footer .footer-inner nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(12px,1.8vw,24px);font-size:12px;white-space:nowrap}
body>footer.site-footer .footer-inner nav a{color:#f5f8f7}
body>footer.site-footer .footer-inner nav a:hover,body>footer.site-footer .footer-inner nav a.active{color:#b4ebdb}
body>footer.site-footer .socials{display:flex;align-items:center;gap:10px;flex:0 0 auto}
body>footer.site-footer .socials a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:rgba(255,255,255,.08);transition:background .2s ease,transform .2s ease}
body>footer.site-footer .socials a:hover{background:rgba(180,235,219,.2);transform:translateY(-2px)}
body>footer.site-footer .socials svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body>footer.site-footer .socials .facebook-icon svg{fill:currentColor;stroke:none}
body>footer.site-footer .socials .youtube-play{fill:currentColor;stroke:none}
body>footer.site-footer .socials .skool-icon svg{fill:currentColor;stroke:none}
@media(max-width:900px) and (min-width:701px){body .header-inner{gap:10px}body .header .brand img{width:126px}body .header nav{gap:clamp(8px,1.2vw,12px);font-size:12px}body>footer.site-footer .footer-inner{gap:12px}body>footer.site-footer .footer-brand img{width:122px}body>footer.site-footer .footer-inner nav{gap:clamp(8px,1.2vw,12px);font-size:11px}body>footer.site-footer .socials{gap:5px}}
@media(max-width:820px){
  body .header{height:68px}
  body .header-inner{width:90%;gap:12px}
  body .header .brand img{width:142px}
  body .menu-toggle{display:flex;flex:0 0 auto;flex-direction:column;gap:5px;padding:10px;border:0;background:transparent}
  body .menu-toggle span{display:block;width:25px;height:2px;background:#0c184d}
  body .header nav{display:none;position:absolute;top:68px;left:0;right:0;width:100%;height:auto;padding:9px 5% 18px;background:#fff;box-shadow:0 12px 18px #002b3b18;white-space:normal}
  body .header nav.open{display:grid;grid-template-columns:1fr;gap:0;justify-content:stretch}
  body .header nav a{height:auto;min-height:42px;justify-content:flex-start;text-align:left;padding:9px 0}
  body .header nav .active:after{left:0;right:auto;bottom:3px;width:42px}
  body>footer.site-footer .footer-inner{width:90%;min-height:0;padding:23px 0;display:flex;flex-direction:column;gap:17px}
  body>footer.site-footer .footer-brand img{width:148px}
  body>footer.site-footer .footer-inner nav{order:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:14px 8px;white-space:normal;font-size:12px}
  body>footer.site-footer .footer-inner nav a{text-align:center}
  body>footer.site-footer .socials{order:3}
}

/* Keep the expanded mobile menu anchored over the page, with every link aligned. */
@media(max-width:820px){
  body .about-header nav.open{position:absolute!important;top:68px!important;left:0!important;right:0!important;z-index:30;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;align-items:stretch!important;gap:0!important;padding:9px 5% 18px!important;box-sizing:border-box;white-space:normal!important}
  body .about-header nav.open a{display:flex!important;width:100%;min-width:0;box-sizing:border-box;justify-content:flex-start!important;text-align:left!important;white-space:normal;overflow-wrap:anywhere;margin:0!important}
}

/* Use one monochrome icon treatment for every footer social link site-wide. */
body>footer.site-footer .socials a{width:34px;height:34px;background:rgba(255,255,255,.09);color:#f7fbfa}
body>footer.site-footer .socials span{display:grid;width:100%;height:100%;place-items:center;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;font-size:inherit!important}
body>footer.site-footer .socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body>footer.site-footer .socials .facebook-icon svg,body>footer.site-footer .socials .skool-icon svg{fill:currentColor;stroke:none}
body>footer.site-footer .socials .youtube-play{fill:currentColor;stroke:none}