/* CSS Document */

/* TOP NAVIGATION BAR */
--------------------------------------------------------------------------------------*/


.top-bar {
	width: 100%;
}

/* top navigation bar which "sticks" to top of screen and remains when page is scrolloed   #4F4F51 */
.contain-to-grid { 
	/* background-color: rgba(253,137,52,.5);   #fd8934; */
	height: 44px;
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	z-index: 10;
}

/* container of the top navigation menu items themselves */
.top-bar-section {
	/* margin-left: auto;
	margin-right: auto;
	max-width: 1275px; */
	width: 100%;
	background-color: #FFFFFF;
}

/* top navigation bar menus - not selected */
.top-bar-section li:not(.has-form) a:not(.button) {  
	background-color: #FFFFFF;
}

/* top navigation bar menus - not selected - hover */
.top-bar-section li:not(.has-form) a:not(.button):hover {
	/* background-color: #222222;
	color: #FFFFFF; */
	background-color: #FFFFFF;
	color: #000000;
}

/* top navigation bar menus - selected */
.top-bar-section li.active:not(.has-form) a:not(.button) {
	/* background-color: #4F4F51;
	border-radius: 3px;
	color: #FFFFFF; */
	background-color: #FFFFFF;
	color: #000000;
}

/* top navigation bar menus - selected - hover */
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	/* background-color: #222222;
	color: #FFFFFF; */
	background-color: #FFFFFF;
	color: #000000;
}

/* top navigation text */
.top-bar-section ul li > a {  
 	color: #000000;
  	font-family: Lato; 
  	font-size: 16px;
  	font-weight: 600;
	text-decoration: none;
}

/* top navigation text - hover*/
.top-bar-section ul li:hover:not(.has-form) > a {  
 	/* background-color: #4F4F51;
 	color: #FFFFFF; */
	background-color: transparent;
	color: #000000;
	/* border-bottom: 4px solid #FFFFFF; */
}

/* top navigation pull down menu */
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background-color: #FFFFFF; /*rgba(253,137,52,.8); */
	color: #000000;
}

/* top navigation pull down menu - hover */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
	/*color: #FFFFFF;*/
	background-color: #FFFFFF;  
}

		

/* END TOP NAVIGATION BAR */