button:focus { outline:none; border:none; }
.bg-primary {
    background-color:transparent!important;
}

.navbar-expand-lg .navbar-nav {margin-left: 125px;}

.nav-link { font-size:12px;font-weight:400; color:#666666 !important;}
#navbarSupportedContent {margin-top: 30px}

.navbar-expand-lg .navbar-nav .nav-link{padding:0 10px; font-size: 14px;}


/*
.home-nav { border-bottom:none !important; }
.home-nav .nav-link { color:#FFF !important; }
*/

/*#header.fixed.home-nav .nav-link { color:#000 !important; }*/

.navbar-brand { position:relative; }
/*
.home-nav .logo2 { position:absolute; left:0px; top:5px; opacity:0; transition:.5s}
#header.fixed.home-nav .logo2 { opacity:1; }
#header.fixed {border-bottom:solid 1px #000 !important;}
#header .logo1 { display:none; }
#header.home-nav .logo1 { display:block; }
*/
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

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

.black-logo {}

.navbar-toggler {padding: .25rem 0.45rem;}

/* 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;
  padding-left: 0px;
  padding-right: 0px;
}

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

/* 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;
  }
  
.nav-item.active a.nav-link { color: #ffcc00 !important; }
.navbar-nav .nav-item:hover a.nav-link { color: #666666 !important; }

}


@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px) { 

.navbar-expand-lg .navbar-nav {
    margin-left: 0px;
}

.nav-link {
    display: block;
    padding: 16px 0px;
    border-bottom: solid 1px #a2a2a2;
}

/*
#header { background-color:#ffffff;padding: 5px 0px; }
#header.fixed {
    padding: 0px 0px;
    transition: 0.5s;
}
.home-nav .nav-link { color:#000 !important; }
#header.home-nav .logo1{display: none;}
#header.home-nav .logo2{display: block; position: relative; opacity: 1; top: 0;}
*/
.navbar-dark .navbar-toggler{color: #fcd00d !important; border-color:transparent !important; background-color:transparent !important;}
.navbar-dark .navbar-toggler-icon { background-image:none !important; }
.navbar-toggler.collapsed {background-image: url(../images/ham.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center center; margin-top: 24px;}
	
	.navbar-toggler {background-image: url(../images/closed.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center center;margin-top: 24px;}


}