/* header */

.header-wrap { position:relative; background-color:#fff; border-bottom:4px solid #111; }

.nav-relative { width:100%; height:120px; }
.nav-hold { }
.nav-logo { position:absolute; top:16px; left:0px; width:320px; height:auto; z-index:999999; padding:16px 30px 24px 8px; background-color:#ffffff; }
.nav-toggle { display:none; }

/* primary-nav */

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

#primary-nav { position:absolute; top:74px; right:0px; width:auto; height:auto; }

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

#primary-nav ul { padding: 0; margin: 0; list-style: none; display:block; text-align:right; }

#primary-nav li { padding: 0; margin: 0; display:inline-block; }

#primary-nav a {
  display: inline-block;
  width: auto;
  padding:4px 14px 8px 14px;
  margin:0;
  background-color:#fff;
  font-size:16px;
  line-height:24px;
  color:#111;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  text-transform:none;
}

@media all and (min-width: 1100px) {
  #primary-nav a { padding-left:24px; padding-right:24px; }
}    
@media all and (min-width: 1200px) {
  .nav-relative { height:90px; }
  #primary-nav { top:30px; right:150px; }
  #primary-nav a { padding-left:14px; padding-right:14px; padding-bottom:18px; }
}

@media all and (min-width: 1439px) {
  #primary-nav a { padding-left:34px; padding-right:34px; }
}

#primary-nav li.leaf-1 a.nav-selected { color:var(--cc-alink); }
#primary-nav li.leaf-2 a.nav-selected { color:var(--cc-alink); }
#primary-nav li.leaf-3 a.nav-selected { color:var(--cc-alink); }
#primary-nav li.leaf-4 a.nav-selected { color:var(--cc-alink); }
#primary-nav li.leaf-5 a.nav-selected { color:var(--cc-alink); }

#primary-nav li a:hover { }

#primary-nav li.leaf-1:hover a { color:var(--cc-alink); }
#primary-nav li.leaf-2:hover a { color:var(--cc-alink); }
#primary-nav li.leaf-3:hover a { color:var(--cc-alink); }
#primary-nav li.leaf-4:hover a { color:var(--cc-alink); }
#primary-nav li.leaf-5:hover a { color:var(--cc-alink); }

/* drop down lists */

#primary-nav li div.drop-down { 
  position: absolute;
  display:none;
}

div.drop-down .drop-arrow { 
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #000 transparent;
  display:block;
  margin:0 auto;
}

#primary-nav li.leaf-1 div.drop-down .drop-arrow { border-bottom-color:var(--cc-alink); }
#primary-nav li.leaf-2 div.drop-down .drop-arrow { border-bottom-color:var(--cc-alink); }
#primary-nav li.leaf-3 div.drop-down .drop-arrow { border-bottom-color:var(--cc-alink); }
#primary-nav li.leaf-4 div.drop-down .drop-arrow { border-bottom-color:var(--cc-alink); }
#primary-nav li.leaf-5 div.drop-down .drop-arrow { border-bottom-color:var(--cc-alink); }

#primary-nav li:hover > div.drop-down {  display:block !important; left: auto; z-index:9999; } 

#primary-nav li.leaf-1:hover > div.drop-down { margin-left:-31px; }
#primary-nav li.leaf-2:hover > div.drop-down { margin-left:-10px; }
#primary-nav li.leaf-3:hover > div.drop-down { margin-left:-29px; }
#primary-nav li.leaf-4:hover > div.drop-down { margin-left:14px; }
#primary-nav li.leaf-5:hover > div.drop-down { margin-left:-20px; }
@media all and (min-width: 1200px) {
  #primary-nav li.leaf-1:hover > div.drop-down { margin-left:-13px; }
  #primary-nav li.leaf-2:hover > div.drop-down { margin-left:8px; }
  #primary-nav li.leaf-3:hover > div.drop-down { margin-left:-11px; }
  #primary-nav li.leaf-4:hover > div.drop-down { margin-left:32px; }
  #primary-nav li.leaf-5:hover > div.drop-down { margin-left:-2px; }
}
#primary-nav ul li ul { width: 150px; border-top:4px solid #000; }

#primary-nav li.leaf-1 div.drop-down ul { border-color:var(--cc-alink); }
#primary-nav li.leaf-2 div.drop-down ul { border-color:var(--cc-alink); }
#primary-nav li.leaf-3 div.drop-down ul { border-color:var(--cc-alink); }
#primary-nav li.leaf-4 div.drop-down ul { border-color:var(--cc-alink); }
#primary-nav li.leaf-5 div.drop-down ul { border-color:var(--cc-alink); }


#primary-nav ul li ul li { width:150px; border-bottom:1px solid #aaa; }
#primary-nav ul li ul li:last-child { border-bottom:none; }

#primary-nav li ul li a { 
  display:block;
  width:100%;
  padding:8px 24px;
  margin:0;
  background-color:rgba(0,0,0,0.9);
  font-size:14px;
  line-height:20px;
  color:#ddd!important;
  font-weight:400;
  letter-spacing:0;
  text-decoration:none;
  text-align:center;
  text-transform:none;
}
#primary-nav li ul li a:hover { color:#fff!important; }

/* secondary nav */

#secondary-nav { position:absolute; top:30px; right:0px; width:130px; height:30px; display:block; border:1px solid #eee; border-radius:50px; }
   
#site-search {
  display:table;
  width:130px;
  padding:2px 15px;
  margin:0;
  border:none;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:14px;
  line-height:24px;
  font-weight:600;
  color:#444;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:75px;
  height:24px; /* ie11*/
  text-align:left;  
  vertical-align:middle;
}

#site-search button {
  display:table-cell;
  font-size:14px;
  line-height:24px;
  font-weight:600;
  color:#000;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:25px;
  text-align:right;
  vertical-align:middle;
}

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