/* Main Menu Z-Index */
#header #menu-region ul.basic-main-menu {
  z-index: 50;
}

/* Hero with Text Overlay */
.ptype-custm-hero-with-text {
  margin: 2em auto;
  position: relative;
}

.field-hs-page-hero .overlay-text h2,
.ptype-custm-hero-with-text .overlay-text h2 {
  font-size: 35px;
  font-weight: 300;
  line-height: 42px;
  margin-top: 0;
}

.field-hs-page-hero .overlay-text .custm-hero-body,
.ptype-custm-hero-with-text .overlay-text .custm-hero-body {
  margin-bottom: 35px;
}

#main-content .field-hs-page-hero .overlay-text a,
#main-content .ptype-custm-hero-with-text .overlay-text a {
  border: 1px solid #fff;
  color: #fff;
  padding: 1rem 2rem 1.5rem;
  text-decoration: none;
}

#main-content .field-hs-page-hero .overlay-text a:hover,
#main-content .ptype-custm-hero-with-text .overlay-text a:hover,
#main-content .field-hs-page-hero .overlay-text a:focus,
#main-content .ptype-custm-hero-with-text .overlay-text a:focus {
  background: #007E8F;
  color: #FFF;
  text-decoration: none;
  transition: background-color 0.5s ease;
}

.ptype-custm-hero-with-text > div,
.field-hs-page-hero [class*="custm-hero-with-text paragraph"] {
  position: relative
}

.field-hs-page-hero figcaption,
.ptype-custm-hero-with-text figcaption {
  display: none
}

.field-hs-page-hero .custm-hero-image:before,
.ptype-custm-hero-with-text:before {
  background-image: linear-gradient(90deg, #00505c 14.95%, rgba(0, 80, 92, 0) 99.98%);
  bottom: 0;
  content: "";
  display: flex;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.field-hs-page-hero .overlay-text,
.ptype-custm-hero-with-text .overlay-text {
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  left: 0;
  line-height: 23px;
  margin: 0 0 0 3em;
  padding: 2em;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  width: 35%;
  z-index: 2;
}

@media (min-width: 1500px) {
  .field-hs-page-hero .overlay-text {
    margin: 0 0 0 6em;
    padding: 3em;
    width: 25%;
  }
  .custm-hero-image img{
    height: 100%;
    max-height: 760px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .field-hs-page-hero .overlay-text,
  .ptype-custm-hero-with-text .overlay-text {
    width: 45%;
  }
}

@media (max-width: 1100px) {
  .field-hs-page-hero .overlay-text,
  .ptype-custm-hero-with-text .overlay-text {
    margin: 0 0 0 3em;
    width: 55%;
  }
}

@media (max-width: 1050px) {
  .field-hs-page-hero .custm-hero-image:before,
  .ptype-custm-hero-with-text:before {
    background-image: linear-gradient(90deg, #00505c 29.95%, rgba(0, 80, 92, 0) 150%);
  }

  .field-hs-page-hero .overlay-text,
  .ptype-custm-hero-with-text .overlay-text {
    margin: 0 0 0 1em;
    padding: 35px;
    width: 95%;
  }
}

@media (max-width: 975px) {
  .field-hs-page-hero .custm-hero-image:before {
    background-image: linear-gradient(0deg, #00505c 33.95%, rgba(0, 80, 92, 0) 95%);
  }

  .field-hs-page-hero .overlay-text {
    background: #00505c;
    border: none;
    margin: 0;
    padding: 3em;
    position: relative;
    transform: none;
    width: 100%;
  }

  .ptype-custm-hero-with-text:before {
    background-image: linear-gradient(0deg, #00505c 50.95%, rgba(0, 80, 92, 0) 85%);
  }

  .ptype-custm-hero-with-text .overlay-text {
    background: #00505c;
    border: none;
    margin: 0;
    position: relative;
    transform: none;
    width: 100%;
  }
}

@media (max-width: 576px) {
  .field-hs-page-hero .custm-hero-image:before {
    background-image: linear-gradient(0deg, #00505c 39.95%, rgba(0, 80, 92, 0) 95%);
  }

  .ptype-custm-hero-with-text:before {
    background-image: linear-gradient(0deg, #00505c 39.95%, rgba(0, 80, 92, 0) 95%);
  }
}

.field-hs-page-components .hero-text-overlay {
    margin: 2em auto;
}