/* 0.9.9.89 — turn the EXISTING beige auth intro into a photo hero. */

.azauth09989-photo-hero{
  position:relative!important;
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background-image:
    linear-gradient(90deg,rgba(27,19,15,.76) 0%,rgba(27,19,15,.46) 45%,rgba(27,19,15,.14) 100%),
    var(--azauth09989-hero-image)!important;
  background-size:cover!important;
  background-position:center 48%!important;
  color:#fff!important;
}

.azauth09989-photo-hero > *{
  position:relative!important;
  z-index:1!important;
}

.azauth09989-photo-hero .azauth09989-copy{
  width:min(1120px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:62px 0!important;
}

.azauth09989-photo-hero .azauth09989-kicker{
  display:block!important;
  margin:0 0 10px!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  color:#d9b77e!important;
}

.azauth09989-photo-hero h1,
.azauth09989-photo-hero h2{
  max-width:760px!important;
  margin:0 0 14px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(44px,6vw,68px)!important;
  line-height:1!important;
  font-weight:500!important;
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.18);
}

.azauth09989-photo-hero p{
  max-width:680px!important;
  margin:0!important;
  color:rgba(255,255,255,.9)!important;
  font-size:17px!important;
  line-height:1.7!important;
}

.azauth09989-photo-hero a{
  color:#fff!important;
}

/* Neutralize old beige backgrounds on the detected intro wrapper and direct children. */
.azauth09989-photo-hero,
.azauth09989-photo-hero > div,
.azauth09989-photo-hero > section{
  background-color:transparent!important;
}

/* Keep the actual auth module below untouched. */
body.page-prihlasenie .azauth09988-content,
body.page-registracia .azauth09988-content{
  padding-top:44px!important;
}

@media(max-width:760px){
  .azauth09989-photo-hero{
    min-height:310px!important;
    background-position:center 50%!important;
  }
  .azauth09989-photo-hero .azauth09989-copy{
    padding:46px 0!important;
  }
}