/*BLUE DROP DOWN MENU*/ 


.top-bar {
 /* max-height: 90px !important;*/
  -webkit-transition: max-height 2s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}

.top-bar.expanded{
  max-height: 6000px !important;
}


.top-bar .logo img {
  max-height: 46px !important;
  width: auto !important;
}

@media only screen and (min-width: 40.063em) {
  .top-bar {
   /* height: 90px !important;*/
	
	
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
   /* line-height: 90px !important;*/
  }
  .top-bar .logo img {
   /* max-height: 90px !important;*/

  }

}

 
/*this changed the drop down arror position*/
.top-bar-section .has-dropdown > a:after {
    border-top-style: arrow;
	color:white; 
	/*margin-top:20px;*/ 
}

/*THIS IS THE ARROW IN THE MOBILE MENU*/
@media only screen and (max-width: 40em) { 

.top-bar-section .has-dropdown > a:after {
    border-top-style: arrow;
	/*margin-top:-5px;*/

}

	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


  
/* area that is not covered by any menu's items*/ 
.top-bar 
/* logo area */
,.top-bar-section ul li, .top-bar.expanded .title-area 
/* menu item */
,.top-bar-section li:not(.has-form) a:not(.button) 
/* menuitem with dropdown when hovering */
,.top-bar-section ul li:hover:not(.has-form) > a 
{
    /*background: transparent;*/
   /* background-color:#1b75bc; */
	background-color:#1b75bc; 
 
}


/* general font and colors */
.top-bar-section ul li > a 
/* topbar H1 name */
,.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a
{
    /*font-family: "Crimson Text",serif;*/
    color: white;
  
  
}

/* menu item when hover */
.top-bar-section li:not(.has-form) a:hover:not(.button) 
{
  /* background-color:#1c75bc;*/
  background-color:#28aae1;
      color: white;
	  /* transition: background-color 0.1s ease;*/
}

/* parent menu item when leaving a hovered child for another parent menu item */
.top-bar-section li.hover > a:not(.button) {
    color: white;
}

/* menu item when active */
.top-bar-section li.active:not(.has-form) a:not(.button) 
{
    /*background-color:#1b75bc;
  color: white; */
   background-color:#28aae1;
      color: white;
}

/* menu item when active and hover */
.top-bar-section li.active:not(.has-form) a:hover:not(.button) 
{
     background-color:#28aae1;
    color: white;
}

/* dropdown arrow color */
.top-bar-section .has-dropdown > a::after 
{
    border-color: rgba(51, 51, 51, 0.4) transparent transparent;
}

/* dropdown parent when hovering a child item */
.top-bar-section ul li:hover:not(.has-form) > a 
{
    color: white;
}

/* ul.dropdown, only to add border no background */
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown, .top-bar-section .has-dropdown > a:focus + .dropdown
{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* dropdown child */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) 
{
    background: #1b75bc ;
    color: white;
}
/* dropdown child when hover */
.top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) 
{
    background: #28aae1;
    color: white;
}




/* toggle 3 horizontal bars */
.top-bar .toggle-topbar.menu-icon a span::after 
{
    box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
}


/* content of the toggled menu */
.top-bar .toggle-topbar.menu-icon a 
{
    color: #1b75bc; 
	
}

.top-bar .toggle-topbar.menu-icon a:hover
{
  
	color:#1b75bc; 
	
}


/* toggle 3 horizontal bars */
.top-bar .toggle-topbar.menu-icon a span::after 
{
    box-shadow: 0 0 0 1px #333, 0 7px 0 1px #333, 0 14px 0 1px #333;
}
/* responsive dropdown back menu */
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
    color: black;
   
   
    text-transform: uppercase;
}



/*THIS AFFECTS THE MOBILE DROP DOWN MENU*/
/* .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 40px !important;
	  max-height:40px !important; 
  }*/