/* header */

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

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

.nav-desktop { display:block; }
.nav-mobile { display:none; }
.nav-logo { position:absolute; top:36px; left:0px; width:115px; height:115px; }
.nav-logo-santee { width:304px;}

.nav-logo-flower-district { position:absolute; top:6px; left:-30px; width:175px; height:175px; }

/* primary-nav */

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

#primary-nav { position:absolute; bottom:12px; right:0px; width:800px; height:60px; }

#primary-nav .mobile-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: block;
  width: auto;
  padding:20px 20px 20px 20px;
  margin:0;
  margin-left:30px;
  background-color:#fff;
  font-size:18px;
  line-height:20px;
  color:#000000;
  font-weight:900;
  letter-spacing:0.050rem;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
}

/*
@media all and (min-width: 1200px) {
	#primary-nav { width:1000px; }
	#primary-nav a { margin-left:64px; }
}
*/

#primary-nav a span.desktop-carat { display:inline; font-weight:400; margin-left:10px; color:#e91c22; }

#primary-nav li:hover a { background-color:#000000; color:#f2f2f2;}

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


/* drop down lists */

#primary-nav li ul { 
  position: absolute;
  width: 300px;
  height:auto;
  padding:20px 0px 16px 0px;
  margin-left:30px; 
  background-color:#fff;
  border:1px solid #000;
  display:none;
}

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

@media all and (min-width: 992px) {
	#primary-nav li:last-child:hover > ul { right:2px; } 
}

#primary-nav ul li:hover ul li { width:298px; }

#primary-nav ul li:hover ul li a { 
  display:block;
  width:100%;
  padding:6px 24px;
  margin:0;
  background-color:#fff;
  font-size:16px;
  line-height:24px;
  color:#000000;
  font-weight:400;
  letter-spacing:0;
  text-decoration:none;
  text-align:left;
  text-transform:none;
}

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


/* secondary nav */

#secondary-nav { position:absolute; top:30px; right:0px; width:auto; height:24px; display:table;  }

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

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

.nav-social { display:inline-block; text-align:center; height:24px; padding-right:24px; }
.nav-social a { display:inline-block; width:22px; height:22px; font-size:14px; line-height:22px; border-radius:50%; text-align:center; margin:1px 0 0 0; }
.nav-social a { text-decoration:none; color:#555555; background-color:#ffffff; border:0; transition: all 0.15s linear 0s;}
.nav-social a:hover { color:#444444; background-color:#ffffff; }

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

.nav-links a {
  display: inline-block;
  width: auto;
  margin-right:8px;
  font-size:14px;
  line-height:24px;
  color:#555555;
  text-decoration:none;
}

.nav-links a:hover { color:#444444; }
   
#site-search {
  display:table;
  width:200px;
  float:right;	
  padding:0px 4px;
  margin:0;
  border:none;
  border-bottom:1px solid #eeeeee;
  text-align:left;
  }

#site-search input[type="text"]{
  display:table-cell;	
  font-size:13px;
  line-height:24px;
  color:#555555;
  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:13px;
  line-height:24px;
  color:#555555;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:#444; opacity: 0.8;}
#site-search :-moz-placeholder { color:#444; opacity: 0.8; }
#site-search ::-moz-placeholder { color:#444; opacity: 0.8; }
#site-search :-ms-input-placeholder { color:#444; opacity: 0.8; }