// Make dropdown menus auto drop
@include media-breakpoint-up(md) {
  .dropdown {
    .dropdown-menu {
      display: block;
      opacity: 0;
      transition: all .15s linear;
      pointer-events: none; // Prevent auto show when mouse is below top menu item
      min-width: 190px;
    }

    &:hover {
      .dropdown-menu {
        display: block;
        opacity: 1;
        pointer-events: auto; // Prevent auto hide when mouse is in dropdown menu
      }
    }

    .dropdown-menu-end {
      right: 0;
      left: auto;
    }
  }
}