/** Styles for Hero Element **/

.wp-block-uagb-container.cont-hero {
  pointer-events: none;
}

.wp-block-uagb-container.cont-hero.cont-hero-simple {
  /*padding: 18vw 0;*/
  height: 60vh;
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-hero .cont-text {
  gap: var(--gap-s);
  padding: 15vw 0;
}

.wp-block-uagb-container.cont-hero .cont-text p {
  font-size: 1.3rem;
}

#primary
  .wp-block-uagb-container.cont-hero.uagb-is-root-container
  .uagb-container-inner-blocks-wrap {
  margin-left: calc(var(--gap-xl) + var(--gap-l)) !important;
}

.wp-block-uagb-container.cont-hero
  .wp-block-uagb-advanced-heading:last-of-type {
  margin-bottom: var(--gap-m);
}

.wp-block-uagb-container.cont-hero:not(
    .cont-hero-simple,
    .cont-hero-empty
  )::after {
  content: "";
  top: 0;
  opacity: 0.8;
  background: linear-gradient(90deg, #282525 0%, rgba(40, 37, 37, 0) 100%);
  background-repeat: no-repeat;
  width: 100vw;
  height: 100%;
  display: block;
  z-index: 9;
  position: absolute;
}

.wp-block-uagb-container.cont-hero * {
  color: white;
  z-index: 99;
}

.wp-block-uagb-container.cont-hero .wp-block-uagb-advanced-heading h1 {
  font-size: var(--xxl-headline-size) !important;
}

@media (min-width: 767px) {
  .wp-block-uagb-container.cont-hero.cont-hero-empty {
    padding: 30vh;
  }
}

@media (max-width: 767px) {
  .wp-block-uagb-container.cont-hero {
    height: 50vh;
    margin-top: calc(20% * -1);
  }
  #primary
    .wp-block-uagb-container.cont-hero.uagb-is-root-container
    .uagb-container-inner-blocks-wrap {
    margin-left: var(--gap-l) !important;
  }
  .wp-block-uagb-container.cont-hero .cont-text {
    padding: 18vw 0 8vw 0;
  }
}