.pageMainNav {
   background-color: var(--main-header-menu-bg-color);
}

.mainNavBar #navbarSupportedContent { 
   overflow-x: auto;
}

/* megamenu */
.mainNavBar .nav-link{

}

@media screen and (min-width: 698px) {
   .mainNavBar .col-md-3{
      margin-bottom: 0;
   }
}

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

.navbar .dropdown-menu {
  border:none;
  background-color: transparent;
  color:#000;
}

.navbar {
   padding:0;
}

.navbar-dark .navbar-nav .nav-link {
	color: var(--main-header-menu-font-color);
}

.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover, .navbar-light .navbar-nav .dropdown-menu .nav-link:hover {
    color: var(--main-header-submenu-font-color-hover);
}

.mainNavBar .dropdown-menu .nav-item{
   padding: 2px 0px 0px 0px;
   line-height: 18px;
}
.mainNavBar .dropdown-menu .nav-item-sub{
   padding: .1rem .2rem .1rem .4rem !important;
}

.mainNavBar .dropdown-menu .nav-item-sub:first-child{
   /*margin-top:15px;*/
}

.mainNavBar .dropdown-menu .nav > li > hr{
   margin-top:4px;
   margin-bottom: 4px;
}
.mainNavBar .dropdown-menu .nav > li:first-child > hr{
   display: none;
}

.mainNavBar .dropdown-menu .nav-item:not(.nav-item-sub) .nav-link{
   font-size:16px;
}
.mainNavBar .navbar-nav > .nav-item{
   padding:0;
}

.mainNavBar .navbar-nav > .nav-item:not(.dropdown) a{
   padding: 7px;
   /* margin-right: 17px;
   margin-left: 17px; */
   margin-top: 0px;
   margin-bottom: 0px;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: var(--main-header-menu-font-color);
    font-weight: 400;
}

.navbar-light .navbar-nav .dropdown-menu .nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-link  {
   color: var(--main-header-submenu-font-color);
}

.mainNavBar .navbar-nav > .dropdown.nav-item > .nav-link{
   padding-top: 10px;
   padding-bottom: 10px;
}

.mainNavBar .navbar-nav{
   padding:0px 0;
   font-size: 14px;
   font-weight: 400;
}
.mainNavBar .navbar-toggler{
   border:0;
}

.mainNavBar .nav-item-sub .nav-link{
   font-size: 14px;
   font-weight: 400;
   padding:2px;
}
.mainNavBar .nav-item.dropdown > .nav-link{
   border-bottom:1px solid transparent;
}
.mainNavBar .nav-item > .nav-link:hover {
 color:var(--main-header-menu-font-color-hover);
 border-color: var(--main-header-menu-font-color-hover);

}
.mainNavBar .nav-item.dropdown.show > .nav-link {
	border-bottom: 1px solid #777;
}

.mainNavBar .nav-item.nav-item-more .nav-link {
    color: #8e8d8d;
}

.mainNavBar .navbar-nav .dropdown-menu .nav-item-main .nav-link{
   padding-bottom: 4px;
}

.mainNavBar .nav-item .material-icons{
   font-size: 100%;
   vertical-align: sub;
   opacity: 0.7;
}

@media (max-width:991px) {
   .mainNavBar .nav-item.dropdown.show > .nav-link {
   	border-bottom: none;
   }

   .mainNavBar .navbar-collapse .navbar-nav > li:first-child{
      margin-top:10px;
   }
   .mainNavBar .navbar-collapse .navbar-nav > li:last-child{
      margin-bottom:10px;
   }

   .navbar-light .navbar-nav .dropdown-menu .nav-link, .navbar-dark .navbar-nav .dropdown-menu .nav-link  {
      color: var(--main-header-menu-font-color);
   }

   .navbar-light .navbar-nav .dropdown-menu .nav-link:hover, .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover  {
      color: var(--main-header-menu-font-color);
   }

   .pageMainNav.sticky-top{
      position: relative;
   }

}


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

  .mainNavBar .dropdown-menu{
	 box-shadow: 0 6px 12px rgba(0,0,0,.175);
  }
  /* 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: 50px;
	 z-index: 10000;
	 border: 1px solid rgba(0,0,0,.15);
	 background-color: var(--main-header-submenu-bg-color);
	 color: var(--main-header-submenu-font-color);
  }

	/* shows the dropdown menu on hover */
  .navbar.openhover .dropdown:hover .dropdown-menu, .navbar.openhover .dropdown .dropdown-menu:hover {
	display: block !important;
  }

  #simpleHamburgerMenu .dropdown-menu.show {
	 overflow-y: scroll;
	 max-height: calc(100vh - 200px);
 }

} /* END @media screen and (min-width: 992px) */

@media screen and (max-width:991px) {
   .mainNavBar .navbar .dropdown-menu .nav > li:not(.nav-item){
      display: none;
   }
   .mainNavBar .navbar .dropdown-menu div[class*="col"] {
      margin-bottom: 0 !important;
   }
   .mainNavBar .dropdown-menu .nav-item-sub:first-child {
      margin-top: 0px;
   }
   .mainNavBar .nav-item-sub .nav-link {
      padding: 4px;
   }
}