.container.featured-hero-section-wrapper {
  margin-bottom: 8.3333333333em;
  position: relative;
  width: 100%;
}
.container.featured-hero-section-wrapper.with-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 381px;
}
.container.featured-hero-section-wrapper .featured-content {
  position: absolute;
  max-width: 550px;
  color: #fff;
  background-color: #f03;
  padding: 48px;
  bottom: -96px;
  left: 128px;
}
.container.featured-hero-section-wrapper .featured-content h2 {
  color: #fff;
}
.container.featured-hero-section-wrapper .featured-content h2 a {
  color: #fff;
  text-decoration: none;
}
.container.featured-hero-section-wrapper .featured-content .cta-action a {
  border: 1px solid #fff;
  padding: 8px 20px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}

@media (min-width: 1441px) {
  .container.featured-hero-section-wrapper {
    max-width: 100%;
  }
}
.page:not(.home) .container.featured-hero-section-wrapper {
  max-width: calc(100% + 40px);
  width: calc(100% + 40px);
  margin-left: -20px;
}

@media (max-width: 921px) {
  .container.featured-hero-section-wrapper .featured-content {
    width: 100%;
    max-width: calc(100% - 40px);
    left: 20px;
  }
}
@media (max-width: 544px) {
  .container.featured-hero-section-wrapper.with-bg {
    min-height: 360px;
    margin-bottom: 43vw;
  }
  .container.featured-hero-section-wrapper .featured-content {
    top: 170px;
    height: fit-content;
  }
  .container.featured-hero-section-wrapper .featured-content .cta-action {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=featured-hero.css.map */