/*#topbar {*/
/*  background: #3fbbc0;*/
/*  color: #fff;*/
/*  height: 40px;*/
/*  font-size: 16px;*/
/*  font-weight: 600;*/
/*  z-index: 996;*/
/*  transition: all 0.5s;*/
/*}*/
/*#topbar.topbar-scrolled {*/
/*  top: -40px;*/
/*}*/
/*#topbar i {*/
/*  padding-right: 6px;*/
/*  line-height: 0;*/
/*}*/


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

.navbar .dropdown-menu {
  border:none;
  /* background-color:gray!important; */
  margin-top: 10px;
  background-color:#0b053a !important;
}

.flex-column{
  margin-left: 20px;
}
.item-list{
  padding-bottom: 8px;
}

.item-list:first-child{
  padding-top: 8px;
}

.item-list a{
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-weight: 19px;
}

.item-list:hover a{
  color:#fd0404;
}


/* 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;
}



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

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  top:45px;

  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;

}




  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}

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