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

.navbar-expand-lg .navbar-nav {margin-left: 322px; margin-right: 0 !important;}

.nav-link { font-size:18px;font-weight:500;font-family: 'Barlow Condensed'; color:#000 !important;}

.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;}
#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;}

.navbar-nav .nav-item:last-child{margin-right: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;
  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:.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;
  }
  
.nav-item.active a.nav-link { color: #ffcc00 !important; }
.navbar-nav .nav-item:hover a.nav-link { color: #ffcc00 !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: 22px 0px;
    border-bottom: solid 1px #FFF;
}

#header { background-color:#ffffff;padding: 5px 0px; }
#header.fixed {
    padding: 0px 0px;

}
.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; }
	
	.navbar-toggler {background-image: url(../images/closed.png);
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center center;}


}