.navbar {
  background: $secondary;

  .nav-item {
    .nav-link {
      color: rgba(text-color($secondary), 0.8);
    }

    &:hover {
      background: hover-color($secondary);

      .nav-link {
        color: text-color($secondary);
      }
    }
  }

  .dropdown-menu {
    background: $secondary;
    border: none;

    .dropdown-item {
      color: rgba(text-color($secondary), 0.8);

      &:hover{
        background: hover-color($secondary);
        color: text-color($secondary);
      }
    }

    .dropdown-divider {
      color: rgba(text-color($secondary), 0.8);
    }
  }

  .navbar-toggler, .navbar-toggler:focus {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 10px;
    color: rgba(text-color($secondary), 0.8);

    &:hover {
      color: text-color($secondary);
    }
  }
}