/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}
nav{
	background: #00446c;
}
nav ul li a{
	color: #fff!important;
}
nav a:hover {
    color: #000 !important;
    background:  #d8ea46;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10000!important;
}


.dropdown-menu{
	background-color: #00446c;
	margin-top: -10px;
}
.dropmenuheader{
		color: blue;
		border-bottom: 2px solid black;
		padding: 10px;
}
.dropdown-menu a{
	color: #000000;
	height: 50px;
	margin-top: -10px;
	padding: 10px  !important;
	text-align: center !important;
}
.dropdown-menu a:hover {
    color: #000 !important;
    background:  #d8ea46;

}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
/* 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;
}

  
 

}

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

}