html body .bericapJobsLandingPagesHeroOuter {
  position: relative;
  margin-top: calc(-1 * var(--main_padding-top));
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter {
    margin-top: 66.5px;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroMap {
  position: relative;
  width: 100%;
  height: 860px;
  background-repeat: repeat;
  opacity: 0;
  transition: opacity 1s ease;
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroMap {
    height: 272px;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroMap::before, html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroMap::after {
  content: "";
  position: absolute;
  background-color: black;
  z-index: 10;
  opacity: 0.6;
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 246px;
  background-image: url("../img/hero-title-bg-gradient.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  border-top: 1px solid #fff;
  padding: 0 30px;
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper {
    height: 160px;
  }
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper {
    position: relative;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow {
  max-width: var(--site_width);
  margin: auto;
  position: relative;
  width: 100%;
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 {
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1600px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 {
    width: 43vw;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleSubTitle,
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleMainTitle {
  display: block;
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleSubTitle {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleSubTitle {
    font-size: 15px;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleMainTitle {
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroTitleWrapper .bericapJobsLandingPagesHeroTitleWrapperRow h2 .bericapJobsLandingPagesHeroTitleMainTitle {
    font-size: 26px;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroOverlay {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 595px;
  background-size: cover;
  opacity: 0;
  transition: opacity 1s ease;
  background-repeat: no-repeat;
  mask-image: url("../img/hero-overlay-mask.svg");
  mask-repeat: no-repeat;
  mask-position: left;
  mask-size: cover;
}
@media only screen and (max-width: 1023px) {
  html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroOverlay {
    display: none;
  }
}
html body .bericapJobsLandingPagesHeroOuter #bericapJobsLandingPagesHeroOverlay:before {
  display: block;
  content: " ";
  z-index: 1;
  background-image: url("../img/hero-overlay-border.svg");
  height: 100%;
  width: 595px;
  left: -1px;
  background-repeat: no-repeat;
}

/*# sourceMappingURL=style.css.map */