/* =========================================================
   V8.2.1 ABSOLUTE VISIBLE HEADER FIX
   Header is inserted directly before homepage main content.
   ========================================================= */

/* Hide Astra native header on homepage only, because we render our own clean header. */
body.home .site-header,
body.home header.site-header,
body.home .ast-primary-header-bar,
body.home .main-header-bar,
body.home .ast-mobile-header-wrap{
  display:none !important;
}

body.home .sa-v821-header-shell{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:999999 !important;
  width:100% !important;
  background:#050914 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.24) !important;
}

body.home .sa-v821-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:34px !important;
  width:100% !important;
  max-width:1320px !important;
  min-height:94px !important;
  margin:0 auto !important;
  padding:0 70px !important;
  box-sizing:border-box !important;
}

body.home .sa-v821-logo{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex:0 0 auto !important;
  color:#fff !important;
  text-decoration:none !important;
}

body.home .sa-v821-logo-mark{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  flex:0 0 58px !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#071126,#142447) !important;
  border:2px solid #d9a441 !important;
  box-shadow:0 0 0 4px rgba(217,164,65,.08),0 12px 28px rgba(0,0,0,.30) !important;
  overflow:hidden !important;
}

body.home .sa-v821-star{
  position:absolute !important;
  top:9px !important;
  left:15px !important;
  color:#f3c55b !important;
  font-size:15px !important;
  line-height:1 !important;
}

body.home .sa-v821-mountain{
  position:absolute !important;
  left:12px !important;
  bottom:10px !important;
  width:36px !important;
  height:25px !important;
  background:
    linear-gradient(135deg, transparent 49%, #fff 50% 63%, transparent 64%) left bottom/23px 23px no-repeat,
    linear-gradient(45deg, transparent 49%, #cbd5e1 50% 63%, transparent 64%) right bottom/25px 25px no-repeat !important;
}

body.home .sa-v821-logo-copy{
  display:flex !important;
  flex-direction:column !important;
  line-height:1 !important;
}

body.home .sa-v821-logo-copy strong{
  display:block !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.035em !important;
}

body.home .sa-v821-logo-copy em{
  display:block !important;
  margin-top:7px !important;
  color:#f3c55b !important;
  font-size:15px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:950 !important;
  letter-spacing:.34em !important;
  text-align:center !important;
}

body.home .sa-v821-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:28px !important;
}

body.home .sa-v821-menu a{
  display:inline-flex !important;
  align-items:center !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  transition:color .18s ease !important;
}

body.home .sa-v821-menu a:hover{
  color:#f3c55b !important;
}

/* Prevent hero from sliding under header */
body.home .sa-v8-hero{
  margin-top:0 !important;
}

@media(max-width:1120px){
  body.home .sa-v821-header{
    min-height:auto !important;
    padding:20px 28px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  body.home .sa-v821-menu{
    justify-content:flex-start !important;
    gap:18px 24px !important;
  }
}

@media(max-width:640px){
  body.home .sa-v821-header{
    padding:16px 20px !important;
  }
  body.home .sa-v821-logo-mark{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }
  body.home .sa-v821-logo-copy strong{
    font-size:20px !important;
  }
  body.home .sa-v821-logo-copy em{
    font-size:12px !important;
  }
  body.home .sa-v821-menu a{
    font-size:12px !important;
  }
}