/* Hero*/
.hero {
  background-color: unset;
}

.hero--ambassador {
  z-index: 1;
  display: block;
  height: 39vw;
  min-height: auto;
  max-height: 560px;
}

.has-background {
  position: relative;
  z-index: 0;
  overflow: visible;
}

.node__content {
  background-image: linear-gradient(rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)), url(../../images/backgrounds/lab-background.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: -1;
}

.has-background::before {
  content: '';
  /* position: absolute; */
  /* top: -600px; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
  width: 100vw;
  /* height: calc(100% + 600px); */
  background-image: url('../../images/backgrounds/lab-background.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: -1;
}

@media (max-width: 1200px) {
  .hero__overlay {
    height: 100%;
  }
  .hero__background img {
    /*height: auto;*/
  }

  .hero__container {
    grid-template-columns: unset;
  }
}
@media (max-width: 991px) {
  .hero__background img {
    height: 100%;
    object-position: bottom;
  }
  /* Hero*/
}

@media (max-width: 768px) {
  .hero {
    min-height: 560px;
    height: fit-content;
    display: block;
  }
}

.webform-button--submit {
  background: url("/themes/custom/dawnzera_full/images/icons/chevron-right.svg") no-repeat right center var(--color-primary);
  background-size: 24px;
  background-position: right 16px center;
  margin: 0 auto;
  padding: 13px 48px 11px 24px;
  line-height: normal;

  @media (max-width: 767px) {
    background-position: left 60% center;
    padding-right: 40px;
  }

  @media (max-width: 440px) {
    background-position: left 62% center;
    padding-right: 40px;
  }
}

.required-field-text p.ambassador-required-fields {
  font-weight: 400;
  font-size: 20px;
}


.hero__title {
  color: var(--color-charcol);
  text-shadow: none;
  font-size: 40px;
  line-height: normal;

  @media (max-width: 1024px) {
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 16px;
  }
}

.hero__subtitle{
  color: var(--color-charcol);
  text-shadow: none;
  font-size: 26px;
  line-height: normal;
  font-weight: 400;
  width: 89%;

  @media (max-width: 1024px) {
    font-size: 22px;
  }

  @media (max-width: 1024px) {
    width: 100%;
  }
}


.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }
}

.consent-element {
  p {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    color: var(--color-steel);

    a {
      color: var(--color-primary-dark);
      text-underline-offset: auto;
      text-underline-position: from-font;
    }
  }
}

.hero__content {
  @media (min-width: 1024px) and (max-width: 1186px) {
    max-width: 85%;
  }
}

@media (min-width: 769px) {
  .hero--ambassador {
    min-height: 560px;
    height: 100%;
  }

  .hero__background img {
    height: 100%;
  }

  .ambassador-form-section {
    padding-block: 60px;
  }
}