/* header */

.header-wrap { background-color:#000; }

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

.nav-label { position:absolute; top:24px; left:-8px; width:208px; height:66px;}
.nav-logo a { display:block; width:208px; height:66px; }
.nav-toggle { display:none; }


/* primary-nav */

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

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

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

#primary-nav ul { padding: 0; margin: 0; display:table; }

#primary-nav li { padding: 0; margin: 0; display:table-cell; }

#primary-nav li.leaf-divider { color:#B62B1B; }

#primary-nav a {
  display: inline-block;
  width: auto;
  padding:10px 16px 20px 16px;
  margin:0;
  background-color:inherit;
  font-size:17px;
  line-height:20px;
  color:#fff;
  font-family: 'futura-pt', sans-serif;
  font-weight:500;
  letter-spacing:0.250rem;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  }

#primary-nav li.droptriangle:hover { background: url('https://ctycms.com/ca-little-italy/drop-triangle.svg') bottom center no-repeat; background-size:20px 8px; }

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

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

/* drop down lists */

#primary-nav li div.primary-dropdown { 
  position: absolute;
  display:none;
  width: 100%;
  height:auto;
  padding:28px 0px 20px 0px;
  background-color:#fff; 
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
}

#primary-nav li:hover > div.primary-dropdown { display:block!important; left: 0px; z-index:9999; } 

#primary-nav li div.primary-dropdown ul { display:block; width:50%; padding:0; margin:0; }
#primary-nav li div.primary-dropdown ul.lefty { float:left; padding:0px 15px 0px 30px; }
#primary-nav li div.primary-dropdown ul.righty { float:right; padding:0px 30px 0px 15px; }

#primary-nav li div.primary-dropdown ul li { display:block; float:none; margin:0; border:0; width:100%; }

#primary-nav li div.primary-dropdown ul li a { 
  display:block;
  width:100%;
  padding:8px 0px;
  margin:0;
  background-color:#fff;
  border-top:1px solid #E3DEDB;
  font-size:16px;
  line-height:24px;
  letter-spacing:0.020rem;
  color:#222;
  text-transform:none;
  text-decoration:none;
  text-align:left;
}

#primary-nav li div.primary-dropdown ul li:first-child a { border-top:0px; }

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


/* secondary nav */

#secondary-nav { position:absolute; top:25px; right:0px; width:768px; height:24px; text-align:right; }

#secondary-nav { display:table; width:auto; }

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

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

.nav-links { display:inline-block; color:#444; font-family: 'futura-pt', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.070rem; }

.nav-links a {
  display: inline-block;
  width: auto;
  margin:0;
  font-size:13px;
  line-height:24px;
  color:#777;
  text-decoration:none;
}

.nav-links a:hover { color:#B62B1B; }
 
.nav-links span.divider { color:#fff; font-size:13px; } 
 
   
#site-search {
  display:table;
  width:86px;
  padding:0;
  margin:0;
  border:none;
  padding-left:4px;
}

#site-search input {
  display:table-cell;	
  vertical-align:middle;
  width:60px;
  height:24px; /* ie11*/
  text-align:left;
  padding:0;
  margin:0;
  background:transparent;
  border:none;  
  font-size:13px; line-height:24px; color:#999;
  font-family: 'futura-pt', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.070rem;
}
#site-search input:focus { border-bottom:1px solid #444; color:#999; }
#site-search button {
  display:table-cell;
  vertical-align:middle;
  width:20px;
  height:24px;
  text-align:right;
  padding:0;
  margin:0;
  background:transparent;
  border:none;  
  cursor:pointer;
  font-size:13px; line-height:24px; color:#777;
  font-family: 'futura-pt', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.070rem;
}

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

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