/*.navbar-nav .nav-item.dropdown:hover > .dropdown-menu{
  display:block;
}*/

.navbar-nav .dropdown-menu{
background-color:#fffcbc !important;  
}

.navbar-nav .dropdown-item{
  color: #212529 !important;
}

.navbar-nav .dropdown-item:hover, .navbar .dropdown-item:focus {
  background-color:#f0f0f0 !important;
  color:#333333 !important;
}

.dropdown-menu {
  opacity: 0;
  transition: opacity 0.3s;
  display: block;  /* Important: so transition can work, since JS is adding/removing .show */
  pointer-events: none; /* Prevent click/hover when hidden */
}

.dropdown-menu.show {
  opacity: 1;
  pointer-events: auto;
}