.cover-container {
  max-width: 42em;
  height: 100vh !important;
  display: flex !important;
}

.emailus {
  text-decoration: none;
  color: var(--blue-dark);
}

i.bi-envelope-at-fill {
  /* color: var(--blue-dark); */
}

/* DEV */
#home-hero, #services, #services-2 {
  /* display: none; */
}
/* ./DEV */

body {
  background: #000000 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
}

.spacer {
  height: 600px;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.readable-white {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.hero {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}


#home-hero {
  background-image: url('/resources/images/section_backgrounds/home-hero.jpg');
}

img.satellite {
  width: 350px;
  position: absolute;
  overflow: hidden;
}


.txt-shadow {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.txt-shadow-light {
  text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
}

.hidden {
  opacity: 0;
  visibility: hidden;
}

/* attention seeker */
/* .satellite-wrapper {
  position: relative;
  height: 100%;
  width: auto;
}


@keyframes pulsate {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.5; }
  100% { transform: scale(1.5); opacity: 0; }
}

.satellite-container {
  position: relative;
  /* Add animation or transition properties here as needed. */
/* } */

/* .soundwaves {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes pulsate {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.5; }
  100% { transform: scale(2); opacity: 0; }
}

.soundwave {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #FFF;
  opacity: 0;
  transform: scale(0);
}

.soundwave.play {
  animation: pulsate 1s infinite ease-out;
}

.soundwave.play:nth-of-type(2) {
  animation-delay: 0.3s;
}

.soundwave.play:nth-of-type(3) {
  animation-delay: 0.6s;
} */

/* .attention-seeker {
  width: 80px;
}
.attention-seeker .attention-seeker-circle {
  width: 30px;
  height: 30px;
  border: 2px solid white;
  border-radius: 100px;
  top: 50%;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  -webkit-animation: circle-anim 2.3333s infinite;
  -moz-animation: circle-anim 2.3333s infinite;
  -o-animation: circle-anim 2.3333s infinite;
  animation: circle-anim 2.3333s infinite;
}
.attention-seeker .attention-seeker-circle.two {
  -webkit-animation-delay: 800ms;
}

@-webkit-keyframes circle-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
  }
  60% {
    border: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.6);
    opacity: 0;
  }
}
@-moz-keyframes circle-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
  }
  60% {
    border: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.6);
    opacity: 0;
  }
}
@-ms-keyframes circle-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
  }
  60% {
    border: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes circle-anim {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.1);
  }
  60% {
    border: 2px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: scale(1.6);
  }
  100% {
    -webkit-transform: scale(1.6);
    opacity: 0;
  }
} */

/* END: attention seeker */

.satellite #Lights {
  fill: red;
}

.satellite #Lights .arial-2 {
  fill: orange;
}

.satellite #Lights .arial-3 {
  fill: blueviolet;
}

.satellite #Lights .arial-4 {
  fill: rgb(12, 201, 214);
} 


.satellite #main_light {
  fill: greenyellow;
} 