// define a default color if bootstrap is not used
$navbar-light-color: #cecece !default;
$navbar-dark-color: #1f1f1f !default;

.nav-text {
  @extend .nav-link;
}

.navbar-light .navbar-nav .nav-text {
  &:focus, &:hover {
    color: $navbar-light-color;
  }
}

.navbar-dark .navbar-nav .nav-text {
  &:focus, &:hover {
    color: $navbar-dark-color;
  }
}



ul.navbar-nav  {
  .dropdown {
    position: relative;
  }
  .dropdown > .dropdown-menu {
    display: none;
  }
  .dropdown:hover > .dropdown-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-top: -5px;
    left: 0;

  }
}
