/*
* ======================================================
* CUSTOM UTIL CLASSES FOR VIDEO BACKGROUND AND NAVBAR
* ======================================================
*
*/

body {
  background-color: rgb(9, 21, 10);
}

.navbar {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px)!important;
}

.navbar-dark-bg {
  background-color: rgba(255, 255, 255, 0.048);
}

.navbar-light-bg {
  background-color: rgba(255, 255, 255, 0.048);
}

nav .navbar-nav li a {
  color: white !important;
}

.video-background-holder {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-background-content {
  position: relative;
  z-index: 2;
}

.video-background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: .6;
  z-index: 1;
}



/*
* ==========================================
* Navigation
* ==========================================
*
*/

html {
  /* scroll-snap-type: y mandatory; */
}

section {
  height: 100vh;
  /* scroll-snap-align: start; */
  /* scroll-snap-stop: normal; */
}

/*
* ==========================================
* Section defaults
* ==========================================
*
*/

.section-container {
  margin-top: 6vh;
  height: 80vh;
}

/* Width defaults */

/* Min-width Defaults */

.min-w-100 {
  min-width: 100%;
}

.min-w-80 {
  min-width: 80%;
}

.min-w-60 {
  min-width: 60%;
}

.min-w-40 {
  min-width: 40%;
}

.min-w-20 {
  min-width: 20%;
}

.min-w-10 {
  min-width: 10%;
}

/* Max width defaults */

.max-w-100 {
  max-width: 100%;
}

.max-w-80 {
  max-width: 80%;
}

.max-w-60 {
  max-width: 60%;
}

.max-w-40 {
  max-width: 40%;
}

.max-w-20 {
  max-width: 20%;
}

.max-w-10 {
  max-width: 10%;
}

/* Height defaults */

/* Min height defaults */

.min-h-100 {
  min-height: 100%;
}

.min-h-80 {
  min-height: 80%;
}

.min-h-60 {
  min-height: 60%;
}

.min-h-40 {
  min-height: 40%;
}

.min-h-20 {
  min-height: 20%;
}

.min-h-10 {
  min-height: 10%;
}

/* Max height defaults */

.max-h-100 {
  max-height: 100%;
}

.max-h-80 {
  max-height: 80%;
}

.max-h-60 {
  max-height: 60%;
}

.max-h-40 {
  max-height: 40%;
}

.max-h-20 {
  max-height: 20%;
}

.max-h-10 {
  max-height: 10%;
}

.img-card-fill {
  /* height: 50%; */
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 575.98px) {
  .img-container {
    max-height: 30vh;
  }
  #missionStatement {
    font-size:1.3rem;
  }

  #servicesContainer #servicesContainer2 {
    max-height: 80%;
  }

  .service-text {
    font-size: 1.05rem;
  }

  .service-icon {
    height: 50px;
  }
}

@media only screen and (min-width: 576px) {
  .service-icon {
    height: 100px;
  }
}

.img-container {
  /* max-height: 70vh; */
}

.carousel-inner {
  border-radius: 25px;
}

.light-shadow {
  box-shadow: 0px 0px 20px rgb(239, 226, 226);
}

.green-shadow {
  box-shadow: 0px 0px 25px rgb(45, 97, 53);
}

.semi-trans-dark {
  background-color: rgba(0, 0, 0, 0.8);
}

.service-icon {

}