/* new hero changes */
.cwb-heroimagebtn .hero-bg-image.cwb-hero_overlay.right {
  text-align: right;
  justify-content: flex-end;
}
.cwb-heroimagebtn .hero-bg-image.cwb-hero_overlay.right .hero-bg-image__content {
  padding-left: 25%;
}
.cwb-heroimagebtn .hero-bg-image.cwb-hero_overlay.left {
  text-align: left;
  justify-content: flex-start;
}
.cwb-heroimagebtn .hero-bg-image.cwb-hero_overlay.left .hero-bg-image__content {
  padding-right: 25%;
}
.cwb-heroimagebtn .hero-bg-image .hero-bg-image__content {
  padding-left: 0;
  padding-right: 0;
  margin: auto;
  max-width: 1420px;
}

/* legacy hero */
.hero-bg-image {
  background-position: 50% 50%;
  background-size: cover;
  color: #ffffff;
  padding: 6vw 1em 6vw;
  position: relative;
  text-align: left; }
.hero-bg-image.cwb-hero_overlay::after {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.7) 17%, rgba(0, 0, 0, 0.4) 47%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0.2) 99%);
  bottom: -0.025em;
  content: '';
  left: 0;
  opacity: .6;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }
.hero-bg-image::before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  content: '';
  height: 49%;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1; }
.hero-bg-image .hero-bg-image__content {
  position: relative;
  z-index: 2;
  padding-right: 0; }
@media (min-width: 68.75em) {
  .hero-bg-image .hero-bg-image__content {
    padding-left: 64px;
    padding-right: 64px;
  }
}
.hero-bg-image .hero-bg-image__contain {
  border-radius: 10px; }
.hero-bg-image .hero-bg-image__call-to-action a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-transform;
  transition-duration: 0.25s; }
.hero-bg-image .hero-bg-image__call-to-action a:hover, .hero-bg-image .hero-bg-image__call-to-action a:focus, .hero-bg-image .hero-bg-image__call-to-action a:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }
.hero-bg-image .hero-bg-image__call-to-action a:hover, .hero-bg-image .hero-bg-image__call-to-action a:focus, .hero-bg-image .hero-bg-image__call-to-action a:active {
  -webkit-transform: scale(1.035);
  -ms-transform: scale(1.035);
  transform: scale(1.035); }

.hero-bg-image__text {
  font-size: 1.25rem;
  margin: 0 0 1rem;
}