/* =========================
   HERO (ASAP)
   ========================= */

.asap-hero{
  height:320px;
  max-height:100%;
  overflow:visible;
  text-align:center;
  margin-top:-10px;
  margin-bottom:2rem;
  position:relative;
}

.asap-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:1;
  pointer-events:none;
}

.asap-hero::after{
  content:none !important;
  display:none !important;
}

.asap-hero picture{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}

.asap-hero picture::after{
  content:none !important;
  display:none !important;
}

.asap-hero picture img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}

.asap-hero .asap-hero-content{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:20px;
}

.asap-hero .asap-hero-content h1,
.asap-hero .asap-hero-content p,
.asap-hero .asap-hero-content .search-home,
.asap-hero .asap-hero-content form,
.asap-hero .asap-hero-content input,
.asap-hero .asap-hero-content button{
  position:relative !important;
  z-index:2 !important;
}

.social-buttons{
  width:100%;
}