#stickyheader {
  position: fixed;
  height: auto;
  width: 100%;
  position: fixed;
  z-index:2000;
  top: 0;
  left: 0;
  }
  
#preheader, .mosaic-tile-preheader { transition: all 0.5s ease; }

.tnscrolled #preheader { margin-top:-54px; }
.tnscrolled .mosaic-tile-preheader { margin-top:-60px; }
@media all and (min-width: 992px) {
.tnscrolled #preheader { margin-top:-74px; }
.tnscrolled .mosaic-tile-preheader { margin-top:-90px; }
}

#header {
  background-color:#fff;
  -webkit-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.2);
  box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.2);
  height:134px;
}

.headerrelative { position:relative; }

#page-content { padding-top:188px; }
@media all and (min-width: 992px) { #page-content { padding-top:208px; }}
	
.logo { float:left; }

#mainlogo { width:200px; margin-top:24px; }
@media all and (min-width: 992px) { #mainlogo { width:270px; margin-top:12px; } }
/* preheader */
/* not shown on mobile, 54px tall on tablet, 74px tall everywhere else */

#preheader { background-color:#0cab91; font-family:'magneta',serif; font-weight:400; color:#fff; font-size:16px; line-height:24px; padding-top:15px; } /* height:54px */
#preheader a { color:#fff; }
@media all and (min-width: 992px) { #preheader { padding-top:25px; }} /* height:74px */


body.teal #preheader { background-color:#00a387; }
body.orange #preheader { background-color:#f68c59; }
body.blue #preheader { background-color:#0086a7; }
body.green #preheader { background-color:#8fb73e; }
body.yellow #preheader { background-color:#fdbe59; }
body.red #preheader { background-color: #c75340; }
body.ltblue #preheader { background-color: #6bafce; }


.phlanguage { float:left; margin-right:20px; width:200px; height:26px; overflow:hidden; margin-top:-2px; /* avoid resize flash*/ }
.phabout { float:right; margin-left:20px; }
.phmembership { float:right; margin-left:20px; }
.phsearch { float:right; margin-left:20px; }

/* adjust google translate thing */
#google_translate_element{ border:none; }
.goog-te-gadget-simple{ border:0px solid #fff !important; background-color:inherit !important; }
.goog-te-gadget-simple a{ text-decoration:none !important; }
.goog-te-gadget-simple span{ color:#fff !important; font-family:'magneta',serif; font-weight:400; font-size:16px; line-height:16px; }

.mosaic-tile-preheader {
  display:none;
  position:absolute; width:74px; height:74px; top:0; left:50%; margin-left:-37px;
  -webkit-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.4);
  box-shadow: 0px 10px 10px -4px rgba(0,0,0,0.4);
}
@media all and (min-width: 992px) { .mosaic-tile-preheader { display:block }}

#ssearch { }

#ssearch form{
  padding:0;
  margin:0;
  color:#fff;
  width:auto;
  border-bottom:1px solid #fff;
  text-align:left;
  }

#ssearch input[type="text"]{
  font-size:15px;
  line-height:22px;
  font-family:'magneta',serif; font-weight:400;
  background:transparent;
  border-bottom:none;
  border-right:none;
  border-left:none;
  border-top:none;
  padding:0;
  margin:0;
  width:100px;
  margin-left:2px;
}

.search-submit {
  font:12px/22px sans-serif;
  background-color:transparent;
  border:none;
  margin:0;
  padding:0;
  width:20px;
  margin-right:2px;
  float:right;
  color:#fff;
}

::-webkit-input-placeholder { color: #eee; }
:-moz-placeholder { color: #eee; opacity: 1; }
::-moz-placeholder { color: #eee; opacity:1; }
:-ms-input-placeholder { color: #eee; }



/* main nav */

.mobile-toggle { display:none; }

#level-1 {
  padding: 0;
  margin: 0;
  display:block !important; 
  position:absolute; right:-9px; top:38px;
  }

#level-1 ul { padding:0; margin:0; list-style: none; }

#level-1 li { float:left; margin:0; padding:0; }

#level-1 a {
  display: block;
  width: auto;
  padding:0px 7px 8px 7px;
  background-color:#fff;
  font:24px/53px 'magneta',serif; /* varies with width */
  color:#414141;
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  }

@media all and (min-width: 890px) { #level-1 a { font-size:25px; padding:0px 8px 8px 8px; }}
@media all and (min-width: 992px) { #level-1 a { font-size:30px; padding:0px 12px 8px 12px; }}

#level-1 li.nav-divider { display:inline-block; width:7px; height:53px; background:url('https://img.ctykit.com/cdn/ca-santa-barbara/nav-divider-7x53.png') center center; background-size:7px 53px;}

#level-1 li.leaf-1:hover a.notranslate { color:#f68c59; }
#level-1 li.leaf-2:hover a.notranslate { color:#00a387; }
#level-1 li.leaf-3:hover a.notranslate { color:#0086a7; }

/* second-level lists */

#level-1 li div.level-2-top { 
  position: absolute;
  top:61px;
  right:9000px;
  display:none;
  margin:0;
  padding:0;
  border-top:35px solid #fff;
  }

#level-1 li:hover > div.level-2-top { display:block; right: 0px; z-index:9999; width: 650px; height:440px;} /* display on hover */

#level-1 li div.level-2 {
    margin:0;
    padding:0;
    background-color:#fff; 
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.6);
    border-top:10px solid #f68c59;
	display:table !important;
}

#level-1 li.leaf-1 div.level-2 { border-top:10px solid #f68c59; }
#level-1 li.leaf-2 div.level-2 { border-top:10px solid #00a387; }
#level-1 li.leaf-3 div.level-2 { border-top:10px solid #0086a7; }



#level-1 li div.level-2 ul { width:280px; padding:0; margin:0; display:table-cell; vertical-align:top; padding-top:20px; padding-bottom: 30px;}

#level-1 li div.level-2 li { float:none; margin:0; border-top:none; }
#level-1 li div.level-2 li:hover { margin:0; border-top:none; }
#level-1 li div.level-2 li a { 	
  display: block;
  width: 280px;
  padding:10px 40px;
  margin:0;
  background-color:#fff;
  font-family:"effra",sans-serif;
  font-weight:300;
  font-size:20px;
  line-height:24px;
  color:#414141;  
  text-align:left;
  text-transform:none;
}
  
#level-1 li.leaf-1 div.level-2 li a:hover { color:#f68c59; }
#level-1 li.leaf-2 div.level-2 li a:hover  { color:#00a387; }
#level-1 li.leaf-3 div.level-2 li a:hover { color:#0086a7; }

/* nav images */

.navimage { display:table-cell; width:360px; height:auto; }
li.leaf-1 .navimage { background:url('https://img.ctykit.com/cdn/ca-santa-barbara/Menu_Succulent_Medium.jpg') center center no-repeat; background-size: cover; }
li.leaf-2 .navimage { background:url('https://img.ctykit.com/cdn/ca-santa-barbara/Menu_Door_Knocker.jpg') center center no-repeat; background-size: cover; }
li.leaf-3 .navimage { background:url('https://img.ctykit.com/cdn/ca-santa-barbara/Menu_Frieze.jpg') center center no-repeat; background-size: cover; }


/* about dropdown */

.phabout ul { padding: 0; margin: 0; list-style: none; }

.phabout li { padding: 0; margin: 0; }

.phabout li a {
  display: block;
  width: auto;
  padding:0;
  margin:0;
  font-family:'magneta',serif; font-weight:400; color:#fff; font-size:16px; line-height:24px; padding-bottom:14px; /* height:54px */
  }
@media all and (min-width: 992px) { .phabout li a { padding-bottom:24px; }} /* height:74px */

.phabout li:hover a { }

.phabout li a:hover { }

.phabout li ul { 
  display:none;	
  position: absolute;
  width: auto;
  height:auto;
  background-color:#fff;
  margin:0px;
  padding:20px 0;
  -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
}

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

.phabout ul li ul li { }

.phabout ul li ul li a { 
  width: 280px;
  padding:10px 40px;
  margin:0;
  background-color:#fff;
  font-family:"effra",sans-serif;
  font-weight:300;
  font-size:20px;
  line-height:24px;
  color:#414141!important;
}

.phabout ul li ul li a:hover { color:#999!important; text-decoration:none;}