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

  .nav-link {
    white-space: nowrap;

    &:hover {
      color: #fff;
    }
  }

  // Make dropdown menus auto drop
  .dropdown {
    .dropdown-menu {
      // z-index: 10000;
      display: none;
      opacity: 0;
      pointer-events: none;
      // transition: all .15s linear;
      // animation: disappear 0.15s linear;
    }

    &:hover {
      .dropdown-menu {
        pointer-events: auto;
        display: block;
        opacity: 1;
        // transition: all .15s linear;
        animation: appear 0.15s linear;
      }
    }

    @keyframes appear {
      0% {
        display: block;
        opacity: 0;
      }
      100% {
        display: block;
        opacity: 1;
      }
    }

    /*@keyframes disappear {
      0% {
        opacity: 1;
        display: block;
        transform: scale(1);
      }
      100% {
        opacity: 0;
        display: none;
        transform: scale(0);
      }
    }*/
  }
}