/* Main navbar links */
.navbar-nav .nav-link {
  border-right: solid 1px #2ec83e;
  color: #fff !important;
  padding: 9px 30px !important;
  text-decoration: none !important;
  font-size: medium !important;
  font-weight: 600;
}

/* Dropdown item styles */
.nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li a,
header nav.navbar ul.navbar-nav li.nav-item ul.dropdown-menu li span {
  padding: 5px 25px 5px 15px;
  font-size: 14px;
  display: block;
  color: #212529;
  cursor: pointer;
  text-decoration: none;
}

/* Hover background for nav links */
.navbar-expand-lg .navbar-nav .nav-link:hover {
  background-color: orange;
}

/* Hover styles for dropdown items */
.dropdown-item:hover {
  color: #f7f8fa;
  background-color: orange !important;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  border: 0;
}

/* Navbar toggler styles */
.navbar-toggler {
  position: absolute;
  right: 10px !important;
  top: 10px !important;
  color: rgb(248, 227, 227);
  background-color: transparent;
}

/* Dropend styles */
.dropend .dropdown-toggle {
  color: rgb(3, 3, 3);
  margin-left: 0.5em;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: 0.125em;
    margin-left: 0.125em;
  }
}

/* Hover for nested dropdown items */
.dropdown-item li:hover {
  background-color: orange;
  color: #fff;
}

/* Show dropdown menu on hover */
.dropdown .dropdown-menu {
  display: none;
}
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
}

/* Animate dropdown */
.dropdown-menu {
  animation: 0.5s slideup;
}
@keyframes slideup {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0);
  }
}

/* Adjust collapse positioning */
.collapse {
  position: static !important;
}

/* Dropend item appearance */
.navbar .nav-item .dropend a {
  color: #131212 !important;
  font-weight: 400;
}
.navbar .nav-item .dropend li > a {
  font-size: 14 px !important;
}

/* Nav link text */
.navbar .navbar-nav .nav-link {
  color: rgb(255, 248, 248) !important;
  font-size: 12px;
}

/* Active nav link */
.navbar-nav .nav-link.show {
  color: #353030;
}

/* Dropdown menu link size */
.dropdown-menu > li > a {
  font-size: 17px !important;
}