.dropdown-hover:hover>.dropdown-menu {
/*display: inline-block;*/
}

.dropdown-hover>.dropdown-toggle:active {
/*Without this, clicking will make it sticky*/
pointer-events: none;
}
        
.non-mobile-nav{     
    background:var(--blueBrand);
    text-transform:none;
}
        
        
 .non-mobile-nav  .navbar-nav a  {
     color:#fff;
 }   
 
 .fix-nav {
	z-index: 99999 !important;
	position: fixed;
	top: 0 !important;
	width: 100%;
}

li.nav-item{border-bottom:3px solid transparent;}
li.nav-item.active{border-bottom:3px solid var(--greyBrand);}
li.nav-item:hover{border-bottom:3px solid var(--orangeBrand);}



nav.main-nav div.dropdown-menu{
    border:none;
    border-radius:0;margin-top:15px;
    background-color: var(--blueBrandTrans);border-radius:4px;
    
    
}

nav.main-nav div.dropdown-menu ul{
 list-style-type:none;
    
}

.dropdown-menu.show{
transition: visibility .35s ease;
}

nav.main-nav div.dropdown-menu:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: var(--blueBrandTrans);
	border-width: 15px;
	margin-left: -15px;
}

nav.main-nav div.dropdown-menu a{
    color:#fff;
    font-size:1.15em;
    line-height:1.26em;
    padding-top:10px;
    padding-bottom:10px;
}
nav.main-nav div.dropdown-menu a:hover{
    background-color: var(--orangeBrandTrans);
}


.navbar-toggler {
    background-color: var(--blueBrandTrans50); 
     border-radius: .25rem;border:none;
     outline-color:transparent;margin-bottom:10px;margin-top:10px;
}
button.navbar-toggler:hover, button.navbar-toggler:focus{
   
    outline-color:transparent;outline:none;
     }

nav.main-nav i.fa-bars{
    font-size:2.2em; color:#ff0000;
    
}




@media (max-width: 1199px) {
    nav.main-nav ul.navbar-nav li.nav-item a.nav-link{
    color:#fff;
 
    font-size:1.1em;
    text-transform:uppercase;
    padding-left:10px;padding-right:10px;
}
} 
   
@media (max-width: 991px) {
    nav.main-nav ul.navbar-nav li.nav-item a.nav-link{
    font-size:1em;
    padding-left:6px;padding-right:6px;
    }
    
}   
   @media (max-width: 860px) {
    nav.main-nav ul.navbar-nav li.nav-item a.nav-link{
    font-size:.95em;
    padding-left:4px;padding-right:4px;
    }
    
}   
@media (max-width: 767px) {
    
nav.main-nav ul.navbar-nav li.nav-item a.nav-link{
    color:#fff;

    font-size:1.2em;
    text-transform:uppercase;
    padding-left:15px;padding-right:15px;
    text-align:center;
}

nav.main-nav div.dropdown-menu{
    border:none;
    border-radius:0;margin-top:0px;
    background-color: rgba(255, 0, 0, 0.7);
    text-align:center;
    
}

nav.main-nav div.dropdown-menu:after {
content:none;
}
    
}   
@media (max-width: 575px) {
    .navbar-toggler {
 
    margin-bottom: 10px;
}
}  

.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }


@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}