/* ==========================================================================
   airy SPACE — site-wide header band + pearl background for every page
   that is NOT the homepage template. Salient's own header is hidden; page
   content keeps Salient's styling, sitting on the pearl background.
   ========================================================================== */

/* Pearl glow page background */
body:not(.airy-home-tpl){
  background-color:#FBFAFD !important;
  background-image:
    radial-gradient(60% 40% at 12% 38%, rgba(255,205,232,.55), rgba(255,205,232,0) 70%),
    radial-gradient(55% 38% at 88% 30%, rgba(196,220,255,.6), rgba(196,220,255,0) 70%),
    radial-gradient(50% 35% at 55% 62%, rgba(226,212,255,.55), rgba(226,212,255,0) 70%),
    radial-gradient(45% 30% at 22% 85%, rgba(200,250,236,.45), rgba(200,250,236,0) 70%),
    radial-gradient(40% 28% at 80% 88%, rgba(255,226,206,.45), rgba(255,226,206,0) 70%) !important;
  background-attachment:fixed !important;
  background-size:140% 140% !important;
}

/* Let the pearl show through Salient's page wrappers (incl. the Boxed layout box) */
body:not(.airy-home-tpl) #boxed,
body:not(.airy-home-tpl) #ajax-content-wrap,
body:not(.airy-home-tpl) .container-wrap,
body:not(.airy-home-tpl) .container-wrap.no-sidebar,
body:not(.airy-home-tpl) #page-header-wrap,
body:not(.airy-home-tpl) .main-content{background-color:transparent !important;background-image:none !important}
body:not(.airy-home-tpl) #boxed{box-shadow:none !important}

/* Salient footer: no black bar — pearl background, soft dark text, blue icons */
body:not(.airy-home-tpl) #footer-outer,
body:not(.airy-home-tpl) #footer-outer #footer-widgets,
body:not(.airy-home-tpl) #footer-outer #copyright,
body:not(.airy-home-tpl) #footer-outer .row{background:transparent !important;background-color:transparent !important;border-color:rgba(0,97,254,.15) !important;box-shadow:none !important}
body:not(.airy-home-tpl) #footer-outer,
body:not(.airy-home-tpl) #footer-outer p,
body:not(.airy-home-tpl) #footer-outer span,
body:not(.airy-home-tpl) #footer-outer li,
body:not(.airy-home-tpl) #footer-outer a,
body:not(.airy-home-tpl) #footer-outer h4,
body:not(.airy-home-tpl) #footer-outer #copyright p{color:#3D3D45 !important;font-family:'Silkscreen',monospace !important;letter-spacing:.04em}
body:not(.airy-home-tpl) #footer-outer #copyright li a i,
body:not(.airy-home-tpl) #footer-outer #copyright li a svg,
body:not(.airy-home-tpl) #footer-outer i{color:#0061FE !important;fill:#0061FE !important}
body:not(.airy-home-tpl) #footer-outer a:hover{color:#0061FE !important}

/* Hide Salient's header — the airy SPACE header replaces it on every page */
body:not(.airy-home-tpl) #header-outer,
body:not(.airy-home-tpl) #header-space,
body:not(.airy-home-tpl) #header-secondary-outer,
body:not(.airy-home-tpl) #search-outer{display:none !important}
body:not(.airy-home-tpl){padding-top:0 !important;margin:0 !important}

/* Header band: short strip of the sky video fading into the pearl */
.airy-global{position:relative;z-index:9000;overflow:visible !important}
.airy-global.airy-home{min-height:0;background:none;animation:none}
.airy-global .ah-band{position:relative;min-height:220px;padding-bottom:28px;background:#BCCBE4 center top/cover no-repeat}
/* Aligned to the top of the video so the sky, clouds and floating shapes show rather than the character */
.airy-global .ah-band .ah-vbg{object-position:center top}
.airy-global .ah-stage-fade{background:linear-gradient(180deg,rgba(251,250,253,0) 0%,rgba(251,250,253,0) 45%,rgba(251,250,253,.7) 80%,#FBFAFD 100%)}
.airy-global .ah-header{z-index:20}
/* keep the dropdowns above Salient content */
.airy-global .sub{z-index:9100}
/* Salient sometimes styles bare <nav>/<header>/<ul> — neutralise inside our header */
.airy-global header,.airy-global nav{background:none !important;box-shadow:none !important;border:0 !important;position:relative}
.airy-global .sub{position:absolute}
.airy-global ul{margin:0}

@media (max-width:760px){
  .airy-global .ah-band{min-height:180px}
}