/* header */

.header-wrap { background-color:#369ad4;  }
.nav-relative { position:relative; width:100%; height:auto; }
.nav-hold { display:none; }

/* primary-nav */

#nav-drawer { display:block!important; padding-top:20px; padding-bottom:30px; transition: all 0.25s linear 0s; } /* slidetoggle fix */
#page-header.is-small #nav-drawer { padding-top:5px; padding-bottom:5px; }

#primary-nav { position:static; width:100%; height:80px; margin-top:50px; }

#primary-nav .subnav-toggle { display:none; }

#primary-nav ul { padding: 0; margin: 0; list-style: none; display:table; width:100%; max-width:1100px; margin:0 auto; }

#primary-nav li { padding: 0; margin: 0; display:table-cell; width:12.5%; vertical-align:top; }

#primary-nav a {
  display: block;
  width: 118px;
  padding:0;
  margin:0;
  font-size:14px;
  line-height:40px;
  color:#9bd5f6;
  font-weight:700;
  letter-spacing:0.050rem;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  }

#primary-nav li:hover a { color:#fff; }

#primary-nav li a:hover { color:#fff; }

#primary-nav li.leaf-logo-space { width:25%; }
#primary-nav li.leaf-logo-space a { width:210px; margin:0 auto;}

#primary-nav li span.nav-icon { display:block; text-align:center; }
#primary-nav li span.nav-icon > img { height:24px!important; width:auto!important; opacity:0; margin:15px auto 5px auto; }
#primary-nav li:hover span.nav-icon > img { height:24px!important; width:auto!important; opacity:1.0; }



/* drop down lists */

#primary-nav li div.dropdown { 
  position: absolute;
  width: 138px;
  margin-left:-10px;
  height:auto;
  display:none;
  }

#primary-nav li:hover > div.dropdown { display:block !important; left: auto; z-index:9999; } /* lists nested under hovered list items, always on top */

.dropdowntop {  
  border-color: transparent transparent #85c442 transparent;
  border-style:solid;
  border-width: 0px 10px 10px 10px;
  height:0;
  width:0;
  display:block;
  margin:0 auto;
}

#primary-nav div.dropdown ul {
  display:block;
  width:100%;
  margin:0 auto;
  height:auto;
  border-top:3px solid #85c442;
  border-bottom:3px solid #85c442;
  background:#fff;
  padding:10px 0;
}
 
#primary-nav div.dropdown ul li { width:100%; display:block; border:none; float:none; padding:0 10px; margin:0;}

#primary-nav div.dropdown ul li a { 
  display:block;
  width:100%;
  padding:10px 0px;
  margin:0;
  font-size:13px;
  line-height:18px;
  font-weight:400;
  text-transform:none;
  letter-spacing:0px;
  color:#369AD4;
  text-decoration:none;
  text-align:center;
  }

/* secondary nav */

#secondary-nav { position:absolute; top:0px; width:100%; height:40px; display:table; background-color:#555556;  }

.nav-social { display:table-cell; vertical-align:top; text-align:left; }
.nav-links { display:table-cell; vertical-align:top; text-align:right; }
.nav-search { display:table-cell; vertical-align:top; text-align:left; background-color:#363636; width:240px; }

.nav-social { padding-left:24px; }
.nav-social a { display:inline-block; font-size:15px; line-height:40px; margin:0 12px 0 0; }
.nav-social a { text-decoration:none; color:#ccc; transition: all 0.15s linear 0s;}
.nav-social a:hover { color:#6bbae8; }

.nav-links a {
  display: inline-block;
  width: auto;
  margin-right:16px;
  font-size:11px;
  line-height:40px;
  color:#bbb;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:0.060rem;
}

.nav-links a:hover { color:#6bbae8; }
   
#site-search {
  display:table;
  width:100%;
  padding:0px 24px 0 16px;
  margin:0;
  border:none;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:11px;
  line-height:40px;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:0.060rem;
  color:#eee;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  height:24px; /* ie11*/
  text-align:left;  
  vertical-align:middle;
}

#site-search button {
  display:table-cell;
  font-size:12px;
  line-height:40px;
  color:#eee;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:#808080; opacity: 1.0; }
#site-search :-moz-placeholder { color:#808080; opacity: 1.0; }
#site-search ::-moz-placeholder { color:#808080; opacity: 1.0; }
#site-search :-ms-input-placeholder { color:#808080; opacity: 1.0; }