/* SERVICES TEMPLATE */
.services-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 8em 0 4em;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 50px;
}

.services-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); /* 50% dark overlay */
  z-index: -1;
}

.services-hero .hero-text {
  max-width: 1200px;
  margin: 0 auto;
}
.services-hero .hero-text h1 {
  font-size: 54px;
  margin-bottom: 20px;
  color: white;
  text-transform: uppercase;
}
.services-page .hero-text .location {
  font-size: 1.2rem;
  text-transform: none;
  color: white;
}

.services-page .ct-container{
	padding-bottom: 50px;
	max-width: 1200px;
}

.services-page{
	color: #383838;
}

.em-sidetab img{
  width: 100%;
}

.em-resources-btn .wp-block-button__link{
  width: 550px;
  text-align: left;
  justify-content: left;
}
.em-resources-btn strong{
  padding-left: 20px;
}
.em-resources-btn .svg-inline--fa{
  width: 30px;
}
/* ANIMATION MOOUNTAINS */
.hover-cue-parent {position:relative}
.hover-cue{
  position: absolute;
  top: -300px;
  opacity:0;
  }
div.hover-cue-animation {
  animation: wipe-enter 3s 1;
  opacity:1;
  }
@keyframes wipe-enter{
  0% {opacity: 0;}
  70% {opacity: 1;}
  }
div.hover-cue-animation img {
  animation: displaceContent 1s 1;
  animation-fill-mode: forwards;  
  }
@keyframes displaceContent {
   from { transform : translateX(0em) }
   to   { transform : translateX(3em) }
  }

.mnt-popup {
  display: block;
  position: absolute;
  overflow: visible;
  }
.mnt-popup::after {
   content: "";
   display: inline-block;
   height: 45px;
   position: absolute;
   bottom: 45px;
  }

#mnt-popup-preparedness {
  left: 10px;
  top: 200px;
  width: 250px;
  height: 150px;
  }
#mnt-popup-preparedness > div{
  top: -120px;
  }
#mnt-popup-preparedness::after {
  background:rgba(15, 115, 83, 0.5);
  width: 210px;
  animation: blink-after 6s linear infinite;
  }
@keyframes blink-after {
  0% {opacity: 0;}
  12% {opacity: 1;}
  25% {opacity: 0;}
  100% {opacity: 0;}
  }
#mnt-popup-short {
  left: 260px;
  top: 100px;
  width: 265px;
  height: 250px;
  padding-left:0;
  }
#mnt-popup-short > div{
  top: -80px;
  }
#mnt-popup-short::after {
  background: rgba(223, 114, 54, 0.5);
  width: 250px;
  animation: blink-short 6s linear infinite;
  }
@keyframes blink-short {
  0% {opacity: 0;}
  25% {opacity: 0;}
  37% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 0;}
  }
#mnt-popup-intermediate {
  left: 510px;
  top: 100px;
  width: 265px;
  height: 250px;
  padding-left:0;
  }
#mnt-popup-intermediate > div{
  top: -60px;
  width: 400px;
  }
#mnt-popup-intermediate::after {
  background: rgba(224, 158, 55, 0.5);
  width: 250px;
  animation: blink-intermediate 6s linear infinite;
  }
@keyframes blink-intermediate {
  0% {opacity: 0;}
  50% {opacity: 0;}
  63% {opacity: 1;}
  75% {opacity: 0;}
  100% {opacity: 0;}
  }
#mnt-popup-long {
  left: 760px;
  top: 100px;
  width: 290px;
  height: 250px;
  padding-left:0;
  }
#mnt-popup-long > div{
  top: -60px;
  left: -400px;
  }
#mnt-popup-long::after {
  background:rgba(17, 122, 87, 0.5);
  width: 290px;
  animation: blink-long 6s linear infinite;
  }
@keyframes blink-long {
  0% {opacity: 0;}
  75% {opacity: 0;}
  88% {opacity: 1;}
  100% {opacity: 0;}
  }
.mnt-popup > div{
  pointer-events: none;
  opacity:0;
  transition:opacity 500ms;
  background: white;
  display: block;
  position: absolute;
  top: -180px;
  left: 240px;
  border-radius: 10px;
  padding: 20px;
  padding-left: 0;
  box-shadow: 4px 4px 8px 1px rgba(131,131,131,0.75);
  -webkit-box-shadow: 4px 4px 8px 1px rgba(131,131,131,0.75);
  -moz-box-shadow: 4px 4px 8px 1px rgba(131,131,131,0.75);
  width: 430px;
  z-index:9999;
  }

.mnt-popup:hover > div{
  opacity: 1;
  }