.essence-navbar.navbar {
  z-index: 1040;
  background-image: none;

  .nav-link {
    border-radius: 0.5rem;
    white-space: nowrap;

    &:hover {
      @include media-breakpoint-up(md) {
        background-color: $secondary-25;
      }

      color: black;
    }
  }

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