/* General Styles for Navbar */

@media (min-width: 991px) {
  #navbar {
    margin-top: 10px;
    z-index: 10;
    position: absolute;
    width: 100%;
    background: rgba(0,128,0,0);
  }
}

@media (max-width: 991px) {
  #navbar {
    background: linear-gradient(92deg, rgb(25,52,79) 0%, #101821 100%) !important;
    transition: top 1.5s ease-in-out;
  }
}

.navbar-dark .navbar-brand {
  width: 200px;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #e2bb8f;
}

.menu_item {
  padding: 0px 10px 0px 10px;
}

@media (min-width: 991px) {
  #nav_about {
    border-right: 1px solid rgba(255,255,255,0.16);
  }
}

/* Dropdown Menu Items at Desktop */

.dropdown_image {
  width: 30px;
  margin-right: 15px;
  margin-left: -5px;
}

.dropdown-item {
  font-size: 0.9rem;
  padding: 3px 30px 3px 30px;
}

.dropdown-item:hover {
  background-color: rgba(211,211,211,0.29);
}

/* Mobile Menu Styles */

.menu_mobile_icon {
  height: 30px;
  margin: 5px 20px 5px 0px;
}

@media (max-width: 991px) {
  .dropdown-item {
    color: white;
  }
}

@media (max-width: 991px) {
  .dropdown-item:hover {
    background-color: rgba(211,211,211,0);
    color: #e2bb8f;
  }
}

@media (max-width: 991px) {
  .dropdown-menu {
    background: rgba(190,39,39,0);
  }
}

@media (max-width: 991px) {
  .dropdown-divider {
    border-color: rgb(80,95,109);
  }
}

@media (max-width: 991px) {
  #nav_login {
    width: 97%;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 15px;
  }
}

/* When hover on dropdown it opens */

@media (min-width: 991px) {
  .dropdown:hover > .dropdown-menu, .fancybox-show-buttons .fancybox-buttons {
    display: block;
  }
}

.navbar-nav .dropdown-menu {
  top: 45px;
}