/* To Add Transparency to Menu via JS on Home Page */

@media (min-width: 992px) {
  .home-nav {
    background: rgba(0,0,0,0.6) !important;
    transition: background .3s ease-in-out;
  }
}

/* Navigation Styling */

#mainNav {
  font-size: 18px;
  font-weight: 600;
  background: #000000;
  top: 36px;
  z-index: 1100;
}

@media (min-width: 992px) {
  #mainNav {
    top: 200px;
    background: var(--bs-gray-900);
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    transition: background .3s ease-in-out;
  }
}

.navbar-expand-lg .navbar-nav .nav-link {
  color: #d0d0d0;
  text-shadow: 0px 0px 2px #000;
}

@media (min-width:992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 24px;
  }
}

@media (min-width:1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 34px;
  }
}

@media (min-width:1400px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 15px 42px;
  }
}

@media (min-width:992px) {
  .navbar-nav .nav-link:hover {
    background: rgba(0,0,0,0.7);
    color: #fff;
  }
}

@media (max-width: 574px) {
  #mainNav .navbar-nav {
    max-height: 70vh;
    overflow-y: auto;
  }
}

@media (max-width: 574px) {
  #mainNav .dropdown-menu {
    max-height: 70vh;
    overflow-y: auto;
  }
}

@media (min-width: 992px) {
  #mainNav .dropdown-menu {
    max-height: 60vh;
    overflow-y: auto;
  }
}

#mainNav .dropdown-item {
  font-size: 18px;
  font-weight: 600;
  padding: 8px 15px;
}

#mainNav .dropdown-menu {
  box-shadow: 2px 2px 12px rgba(0,0,0,0.3);
}

@media (min-width: 992px) {
  #mainNav .dropdown-menu {
    margin-top: 0px;
  }
}

#mainNav .dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: #c44220;
  transition: all .3s;
}

#mainNav .navbar-toggler {
  border: solid 2px;
}

/* Dropdown Menus on Services Pages */

#services .dropdown-item {
  padding: 8px 15px !important;
}

#services .dropdown-item:hover {
  background: #000;
}

.sub-services-menu {
  top: 154px;
}

@media (min-width: 992px) {
  .sub-services-menu {
    top: 256px;
  }
}

#services .btn-wrapper {
  background-image: url("../../assets/img/ss-wrapper-bg-mob.svg");
  width: 194px;
  height: 42px;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #services .btn-wrapper {
    background-image: url("../../assets/img/ss-wrapper-bg-dt.svg");
  }
}

/* Phone Wrapper Above Header Mobile */

.phone-wrapper {
  position: sticky;
  height: 36px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* Dropdown animation */

@keyframes slideIn {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    animation-duration: 0.5s;
    animation-fill-mode: both;
  }
}