/* CUSTOM NAV */

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



/*  NAV CONTAINER */
.nav-bac{

background:#c7e7f9;
padding-bottom:0px;
padding-bottom:25px;
//padding-top:15px;
//border-bottom:1px dotted #0069aa;
 //transition: top 0.3s ease-in-out;
}

/* NAV  */

nav.top-bar{
background:#c7e7f9;

}




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


/* MAIN MENU LINKS */
nav.top-bar  section.top-bar-section ul.left > li  > a:not(.button){
background:#c7e7f9 !important;
font-weight:bold;
color:#009ee0;
padding-top:12px;
padding-bottom:12px;
padding-left:15px;
padding-right:15px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
}

/*  right nav */
nav.top-bar  section.top-bar-section ul.right > li  > a:not(.button){
background:#c7e7f9 !important;
font-weight:bold;
color:#93b4c4;
padding-top:12px;
padding-bottom:12px;
padding-left:12px;
padding-right:12px;
font-family: arial;
font-size:25px !important;

}


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

/* MAIN MENU HOVER */

.top-bar  section.top-bar-section ul.left > li   a:not(.button):hover{
background:#c7e7f9 !important;
color:#17619e;
}

/* MAIN MENU ACTIVE */
.top-bar  section.top-bar-section ul.left > li.active > a:not(.button) {
background: #c7e7f9 !important; 
color:#17619e;
//border-bottom:2px solid transparent;
}

/* MAIN MENU ACTIVE HOVER */

.top-bar  section.top-bar-section ul.left > li.active > a:not(.button):hover{
background: #c7e7f9 !important;  
color:#17619e;
//border-bottom:2px solid #c7e7f9;
}

/* 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:#009ee0;}

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

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

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

/* CENTERED NAV */
/*
nav.top-bar {
text-align:center; 
}
section.top-bar-section {
display: inline-block;
}
*/
/*  end centered nav */


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

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

/* dropdown hover items */
.top-bar  section.top-bar-section ul.left  li.has-dropdown > ul.dropdown > li a:not(.button):hover{background:#232323 !important;}