/* CUSTOM NAV */

/*  note: use padding to control height of nav */


/*  NAV CONTAINER */
.nav-bac{
background:#ffffff;
padding-bottom:74px;
//padding-bottom:35px;
//padding-top:15px;
}

/* NAV  */

nav.top-bar{
background:#ffffff;
padding-top:10px;

}


/* DROP DOWN ARROW */
.top-bar-section .has-dropdown > a:after{margin-top:12px;}


/* MAIN MENU LINKS */
nav.top-bar  section.top-bar-section ul.right > li  > a:not(.button){
background:#ffffff !important;
color:#444444;
font-weight:bold;
font-size:12px;
padding-top:12px;
padding-bottom:12px;
padding-left:20px;
padding-right:20px;
 z-index:10000;
}


/* CHANGE SPACING BETWEEN MENU ITEMS  */
//nav.top-bar  section.top-bar-section ul.right > li{margin-left:12px;}

/* MAIN MENU HOVER */

.top-bar  section.top-bar-section ul.right > li   a:not(.button):hover{
//background:#8fa009 !important;
color:#ADD07C;
border-bottom:1px solid #e5e3e3;
}

/* MAIN MENU ACTIVE */
.top-bar  section.top-bar-section ul.right > li.active > a:not(.button) {
//background: #7e8e07 !important; 
	//border-radius:10px;
color:#ADD07C;
z-index:10000;
border-bottom:1px solid #e5e3e3;
}

/* MAIN MENU ACTIVE HOVER */

.top-bar  section.top-bar-section ul.right > li.active > a:not(.button):hover{
//background: #7e8e07 !important;   
color:#218bf0;
z-index:10000;
}

/* also add padding to move title area & menu icon down for mobiles  */

nav.top-bar > ul.title-area > li.name  a,.menu-icon{padding-top:0px;color:#218bf0;}

nav.top-bar > ul.title-area > li.name > h1{padding-top:0px;font-weight:bold;z-index:10000;}

/* MOBILE MENU TEXT COLOR */
.top-bar .toggle-topbar.menu-icon a {
z-index:10000;
height: 34px;
line-height: 33px;
padding: 0 40px 0 15px;
color: #1a1a1a;
position: relative;
}
/* MOBILE MENU ICON*/
.top-bar .toggle-topbar.menu-icon a span::after {
z-index:10000;
content: "";
position: absolute;
display: block;
height: 0;
top: 50%;
margin-top: -8px;
right: 15px;
box-shadow: 0 0px 0 1px gray, 0 7px 0 1px gray, 0 14px 0 1px gray;
width: 16px;
}

/*EXPANDED MOBILE MENU BACKGROUND */
.top-bar.expanded .title-area {
background: #ffffff;
}



/* CHANGES DROPDOWN */
/* add padding to change height */

.top-bar  section.top-bar-section ul.right  li.has-dropdown > ul.dropdown > li a:not(.button){background:#91a608;}

/* dropdown hover items */
.top-bar  section.top-bar-section ul.right  li.has-dropdown > ul.dropdown > li a:not(.button):hover{background:#8fa009;}