/* header */

.header-wrap { background-color:inherit; }

.nav-wrap { position:relative; width:100%; }

.nav-label { }
.nav-logo { position:absolute; top:60px; left:0px; width:200px; height:42px; }
.nav-logo a { display:block; width:200px; height:42px; }
.nav-toggle { display:none; }


/* primary-nav */

#nav-drawer { display:block!important; } /* slidetoggle fix */


#primary-nav { position:absolute; top:70px; right:0px; display:block !important;  }

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

#primary-nav ul { padding: 0; margin: 0; list-style: none; }

#primary-nav li { padding: 0; margin: 0; float:left; }

#primary-nav a {
  display: block;
  width: 140px;
  padding:12px 1px;
  margin:0px;
  background-color:inherit;
  font-size:14px;
  line-height:14px;
  color:#ffffff;
  font-weight:800;
  letter-spacing:0.080rem;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  }

#primary-nav li:hover a { }

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


/* drop down lists  */

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

@media all and (min-width: 992px) {
	#primary-nav li div.dropdown { margin-left:-25px }
 }

#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 #ef8203 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:180px;
  height:auto;
  border-top:4px solid #ef8203;
  border-bottom:2px solid #666;
  background:#fff;
  padding:20px 0 20px 0;
}
 
#primary-nav div.dropdown ul li { width:180px; border:none; float:none; }

#primary-nav div.dropdown ul li a { 
  width: 140px;
  padding:6px 20px;
  margin:0;
  font-size:14px;
  line-height:19px;
  font-weight:600;
  text-transform:none;
  color:#666;
  text-decoration:none;
  text-align:left;
  }


#primary-nav div.dropdown ul li a:hover { color:#ef8203; }


/* palette */

/* live here - purple */
#primary-nav li.leaf-1 .dropdowntop { border-color: transparent transparent #6e4b75 transparent;}
#primary-nav li.leaf-1 div.dropdown ul { border-color:#6e4b75; }
#primary-nav li.leaf-1 div.dropdown ul li a:hover { color:#6e4b75; }

/* do business - blue */
#primary-nav li.leaf-2 .dropdowntop { border-color: transparent transparent #3A78C1 transparent;}
#primary-nav li.leaf-2 div.dropdown ul { border-color:#3A78C1; }
#primary-nav li.leaf-2 div.dropdown ul li a:hover { color:#3A78C1 }

/* explore - teal */
#primary-nav li.leaf-3 .dropdowntop { border-color: transparent transparent #149694 transparent;}
#primary-nav li.leaf-3 div.dropdown ul { border-color:#149694; }
#primary-nav li.leaf-3 div.dropdown ul li a:hover { color:#149694; }

/* get around - green */
#primary-nav li.leaf-4 .dropdowntop { border-color: transparent transparent #838c15 transparent;}
#primary-nav li.leaf-4 div.dropdown ul { border-color:#838c15; }
#primary-nav li.leaf-4 div.dropdown ul li a:hover { color:#838c15; }

/* research - orange */
#primary-nav li.leaf-5 .dropdowntop { border-color: transparent transparent #e9561d transparent;}
#primary-nav li.leaf-5 div.dropdown ul { border-color:#e9561d; }
#primary-nav li.leaf-5 div.dropdown ul li a:hover { color:#e9561d; }



/* secondary nav */

#secondary-nav { position:absolute; top:0px; display:table; width:100%; height:36px; }

#secondary-nav .nav-utility { display:table-cell; vertical-align:top; text-align:left; }

#secondary-nav .nav-search { display:table-cell; vertical-align:top; text-align:right; }

#secondary-nav .nav-links { display:inline-block; }

#secondary-nav .nav-links a {
  display: inline-block;
  width: auto;
  margin-right:26px;
  font-size:11px;
  line-height:36px;
  font-weight: 600;
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
  letter-spacing:0.070rem;
}
#secondary-nav .nav-links span { display:none; }

#secondary-nav .nav-links a:hover { color:#eee; }
   
#site-search {
  display:table;
  width:210px;
  height:36px;
  float:right;	
  padding:0;
  margin:0;
  border:none;
  text-align:left;
}

#site-search input[type="text"]{
  display:table-cell;	
  width:170px;
  height:36px; /* ie11*/
  font-size:11px;
  line-height:36px;
  font-weight: 600;
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
  letter-spacing:0.070rem;
  background:transparent;
  border:none;
  padding:0px 16px; margin:0;
  margin:0;
  text-align:left;  
  vertical-align:middle;
  border-left:1px solid #ccc;
}

#site-search button {
  display:table-cell;
  width:36px;
  height:36px;
  font-size:13px;
  line-height:36px;
  color:#fff;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  text-align:center;
  vertical-align:middle;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}

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