/* adds some margin below the link sets  */
/*.navbar .dropdown-menu div[class*="col"] {
  margin-bottom:1rem;
}*/

.navbar {
  -webkit-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 23px 0px rgba(0, 0, 0, 0.1);
}

.navbar .dropdown-menu {
  border:none;
  background-color:#ffffff!important;
}

.navbar .dropdown a.nav-link.dropdown-toggle {
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
  color: #343a40 !important;
}

.nav .nav-item .linea h5 {
  margin-bottom: 0px;
}

.navbar ul.oil-drop-style .nav-item {
  padding: 0px 0px 0px 30px;
}

.navbar ul.oil-drop-style .nav-item.no-icon {
  background-image: none;
}

.dropdown-menu .linea a.subtitle {
  padding: 0.5rem 0.5rem;
  margin: 0 0.25rem;
}

.dropdown-menu .linea a.subtitle.active .bg-linea-item,
.nav .nav-item .linea .bg-linea-item,
.nav .nav-item .linea a.nav-link.active .bg-linea-item {
  top: 0;
  width: calc(100% - 0px);
}

.nav .nav-container-data {
  display: none;
  align-items: center;
}

.nav .nav-container-data:hover {
  display: flex;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
  .navbar {
    padding-top:0px;
    padding-bottom:0px
  }

  /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
  .navbar .nav-item {
    padding:.5rem .5rem;
    margin:0 .25rem;
  }

  .navbar .nav-item.subtheme {
    margin: 0px 0px 0px 26px;
  }

  .navbar .nav-container-data.product-line-list .nav-item {
    padding: 0px;
    margin: 0px;
  }

  /* makes the dropdown full width  */
  .navbar .dropdown {
    position:static;
  }

  .navbar .dropdown-menu {
    width:100%;
    left:0;
    right:0;

    /*  height of nav-item  */
    /*top:55px;*/
    top:95px;

    display:block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
    pointer-events: none;
  }

  /* shows the dropdown menu on hover */
  .navbar .dropdown:hover .dropdown-menu,
  .navbar .dropdown .dropdown-menu:hover {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }

  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }
}