body,html {
  height:100%;
  font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
  background-color:#231f20;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:#fff;
  color: #231f20;
}

#page-content { position: static; z-index:1; background:#eee url('https://ctycms.com/ca-liberty-station/bg-body.png'); }


/* globals */

.container-fluid { max-width:1100px; padding:0 24px; margin:0 auto; }


/* alert box */

.alert-wrap { background-color:#c92c1e; color:#fff; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:90px; padding-top:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:20px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

.alert-prefix { 
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

.alert-message { padding-bottom:20px; }
a.alert-link { color:#fff; text-decoration:underline; }
a.alert-link:hover { color:#fff; text-decoration:underline; }

.alert-dismiss { 
  color:#fff;
  font-size:20px;
  line-height:20px; 
  font-weight: 700;
  padding-bottom:20px;
}

#dismiss-alert { color:#fff; text-decoration:none; }


/* global typography */

h1 { color:#231f20; font-family:'Steelfish W00 Bold'; letter-spacing:0.5px; font-weight:400; font-size:52px; line-height:58px; text-transform:uppercase;  margin-bottom:2rem; }
@media all and (min-width: 992px) { 
	h1 { font-size:70px; line-height:72px; }
}

h2 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:500; font-size:20px; line-height:1.5; text-transform:uppercase; }
h3 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:500; font-size:16px; line-height:1.5; text-transform:uppercase; letter-spacing:0.050rem; }
h4 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:700; text-transform:uppercase; font-size:21px; line-height:30px; margin-top:16px; margin-bottom:10px;}
h5 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:700; text-transform:uppercase; margin-top:20px;}
h6 { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:400; font-style:italic; margin:20px 0px; }

h2.on-detail { font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; color:#231f20; font-weight:700; font-size:15px; line-height:24px; margin:0 0 0.5rem 0; text-transform:uppercase; }

p, li, td { font-weight:300; color:#231f20; }

p.intro,p.lead { font-weight:300; font-size:19px; line-height:1.5; }

label { color:#231f20; }

b,strong { font-weight:700; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,.1); }

a { color:#B66E4F; text-decoration:none; }
a:hover { color:#a5451c; text-decoration:none; }

a div.lnk-primary { color:#B66E4F; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:#444; font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#a5451c; }
a:hover div.lnk-secondary { color:#888; }

ul { margin-left: 0; padding-left: 16px; }
li { margin-bottom:3px; }
@media all and (min-width: 768px) { ul { margin-left: 0; padding-left: 32px; } }

.lk-arrow { color:#000; }

.btn-brand { background-color:#B66E4F; border:1px solid #B66E4F; color:#fff; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#a5451c; border-color:#a5451c; color:#fff; }

.btn-outline-brand { background-color:#fff; border:1px solid #B66E4F; color:#B66E4F; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#a5451c; border-color:#a5451c; color:#fff; }

.btn-brand-pill { background-color:#B66E4F; border:1px solid #B66E4F;  color:#fff; font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-brand-pill:hover {  background-color:#a5451c; border-color:#a5451c; color:#fff; }

.btn-outline-brand-pill { background-color:#fff; border:1px solid #B66E4F; color:#B66E4F; font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-outline-brand-pill:hover { background-color:#a5451c; border-color:#a5451c; color:#fff; }

.btn-naked { color:#B66E4F; text-transform:uppercase; letter-spacing:0.050rem; margin:4px 2px 4px 0px; padding: .375rem 0rem; transition: all 0.15s linear 0s; }
.btn-naked:hover { color:#a5451c; }






/* legacy buttons */

.btn-liberty { 
  color: #b76d56;
  font-weight: 700;
  border: 2px solid #b76d56;
  padding: 6px 14px;
  margin:8px 0px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  transition: all .3s;
}
.form-well .btn-liberty { background-color:#fff;}
.btn-liberty:hover { background-color:#b76d56; color:#fff;}

.btn-liberty-dark { 
  color: #fff;
  background-color:#b76d56;
  font-weight: 700;
  border: 2px solid #b76d56;
  padding: 6px 14px;
  margin:8px 0px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  transition: all .3s;
}
.btn-liberty-dark:hover { background-color:#a5451c; border-color:#a5451c; color:#fff;}

.btn-liberty-light { 
  color: #fff;
  background-color:#b76d56;
  font-weight: 700;
  border: 2px solid #fff;
  padding: 6px 14px;
  margin:8px 4px;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  transition: all .3s;
}
.btn-liberty-light:hover { background-color:#fff; border-color:#fff; color:#a5451c;}

.btn-liberty-large { padding: 8px 16px;  font-size: 16px; line-height: 24px;}



/* prefooter */

#prefooter { width:100%; padding:45px 24px; background-color:#b66e4f; text-align:center;}
.prefooter-text { display:block;  color:#fff; font-size:24px; line-height:30px; }
.prefooter-button { display:block; padding-top:20px; }
@media all and (min-width: 992px) {
	.prefooter-text { display:inline-block; line-height:40px; vertical-align: top; }
	.prefooter-button { display:inline-block; padding-top:0px; padding-left:10px; vertical-align: top; }
}

.btn-pf-subscribe {
  display:inline-block; 
  color: #AF614B;
  background-color:#fff;
  font-weight: 500;
  border: 2px solid #fff;
  padding: 10px 20px;
  margin:0px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  transition: all .3s;
}
.btn-pf-subscribe:hover { background-color:#fff; border-color:#fff; color:#9D5743; }


/* footer */

.container-fluid-footer { max-width:1170px; padding:0 24px; margin:0 auto; }

footer { background-color:#1a1a1a; padding:60px 0; text-align:center; }
@media all and (min-width: 992px) { footer { text-align:left; }}
.tagline { color:#fff; font-size:30px; line-height:33px; font-weight:700;}

.footer-social { display:block; margin:30px 0px 16px 0px; }
footer .footer-social a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:33px; border-radius:50%; text-align:center; margin:0 6px 0 0; }
footer .footer-social a { text-decoration:none; color:#fff; background-color:inherit; border:2px solid #fff; transition: all 0.25s linear 0s;}
footer .footer-social a:hover { color:#222; border-color:#fff; background-color:#fff; }
span.hashtag { font-size:14px; line-height:14px; color:#fff;}
@media all and (max-width: 991px) { span.hashtag { display:block; margin-top:16px; }}

ul.footer-nav { margin:0; padding:0;  list-style: none;}
ul.footer-nav li { font-size:16px; line-height:24px; font-weight:500; margin:1px 0px;}
ul.footer-nav li a { color:#fff; text-decoration:none; font-weight:500;}
ul.footer-nav li a:hover { color:#fff; text-decoration:underline;}

.footer-address p { font-size:16px; line-height:24px; font-weight:300; color:#fff;}
.footer-address p a { color:#fff; text-decoration:none; font-weight:500;}
.footer-address p a:hover { color:#fff; text-decoration:underline;}

footer p.copyrights { font-size:14px; color:#838383;}
	
	
  
/* banner */

.no-banner { width:100%; }
.banner-b { width:100%; height:240px; background-color:#eee; background-position:center center; background-size:cover;}
@media all and (min-width: 992px) {
  .banner-b { height:390px; }
}


.banner-c {
  display:block;
  clear:both;
  width:100%;
  min-height:160px;
  background-color:#eee;
  background-position: center center; background-size: cover;
  position:relative;
}
.banner-dim { position:absolute; width:100%; height:100%; background-color:rgb(0,0,0,0.25); }
.banner-table { position:relative; display:table; width:100%; height:160px; }
.banner-tr { display:table-row; width:100%; height:100%; }
.banner-td { display:table-cell; width:100%; height:100%; padding:24px; text-align:center; vertical-align:middle; }
.banner-td { color: #fff;
font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
font-weight:700;
text-align: center;
text-transform: uppercase;
font-size: 24px;
line-height:30px;}
.banner-td span { display:block; font-weight:400; font-style:italic; text-transform:none; font-size:16px; line-height:22px; margin-top:16px;}
.banner-hero-content { width:100%; max-width:475px; padding:40px; margin:0 auto; }
	
@media all and (min-width: 768px) { 
  .banner-c { min-height:390px; }
  .banner-table { height:360px; }
  .banner-tr { }
  .banner-td { font-size:52px; line-height:60px; } 
  .banner-td span { font-size:24px; line-height:32px; margin-top:30px;} 
  .banner-hero-content { max-width:760px; margin:0 auto; }
}

/* event banner */

#banner-event, #banner-event-tall {
  display:block;
  clear:both;
  width:100%;
  height:160px;
  background-color:#eee;
  background-position: center center; background-size: cover;
  position:relative;
}
#banner-event-tall { height:380px;}

.banner-label { width:100%; height:auto; background-color:rgba(0,0,0,0.50); position:absolute; bottom:0px; color:#fff; padding:24px 24px; text-align:center; }
.banner-label span { 
font-family:'Steelfish W00 Bold'; letter-spacing:0.5px; font-weight:400; font-size:50px; line-height:50px; text-transform:uppercase;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
@media all and (min-width: 768px) { 
	#banner-event, #banner-event-tall{ height:390px; }
	#banner-event-tall { height:580px; }
	.banner-label span { font-size:70px; line-height:70px; } 
}


/* district banner drops */

.banner-drop { width:100%; height:80px; border-top:7px solid #444;}
.banner-drop-bg { width:100%; height:80px; text-align:center; }
.banner-drop-bg img { margin:0 auto; }

.drop-arts-district { border-color:#eb5654;}
.drop-arts-district .banner-drop-bg { background:url('https://ctycms.com/ca-liberty-station/repeating-bg_arts-sub.png') center center; }
.drop-the-quarter { border-color:#f8a03e;}
.drop-the-quarter .banner-drop-bg { background:url('https://ctycms.com/ca-liberty-station/repeating-bg_quarter-sub.png') center center; }
.drop-ntc-park { border-color:#758f5e;}
.drop-ntc-park .banner-drop-bg { background:url('https://ctycms.com/ca-liberty-station/repeating-bg_ntc-park-sub.png') center center; }
.drop-the-neighborhood { border-color:#50949d;}
.drop-the-neighborhood .banner-drop-bg { background:url('https://ctycms.com/ca-liberty-station/repeating-bg_neighborhood-sub.png') center center; }
.drop-south-point { border-color:#133b4a;}
.drop-south-point .banner-drop-bg { background:url('https://ctycms.com/ca-liberty-station/repeating-bg_south-point-sub.png') center center; }






/* sidenav drawer */

.sidenav-container { max-width:1100px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 24px 60px 40px; }
	.sidenav-col-content { display:block; width:75%; padding-right:40px; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:#82472E; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; padding:10px 12px 10px 24px; vertical-align:top; font-size:16px; line-height:24px; }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:64px; padding:10px 24px 10px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:20px; line-height:24px; }
.d-sidenav-section-label a { color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; text-decoration:none; }
.d-sidenav-section-label a:hover { color:#eee; text-decoration:none;  }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 992px) {
  .d-sidenav-section { background-color:inherit; border-left:2px solid #B66E4F; }
	.d-sidenav-section-label { display:block; width:100%; }
	.d-sidenav-section-toggle { display:none;  }
  .d-sidenav-section-label a { color:#231F20; }
  .d-sidenav-section-label a:hover { color:#a5451c; }
  
	#d-sidenav-drawer { display:block!important; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border-left:2px solid #B66E4F; } 
@media all and (max-width: 991px) { 
  .d-sidenav ul { padding:8px 0; margin:0; background-color:#fff; }
}
.d-sidenav li { padding:0; margin:0; list-style:none; }

.d-sidenav li .li-flex { display:flex; }

.d-sidenav > ul > li { }
.d-sidenav > ul > li:last-child { border-bottom:none; }

.d-sidenav li ul { padding-bottom:16px; }
.d-sidenav li ul li { padding:4px 0px; }

.d-sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  font-weight:400;
}

.d-sidenav li.d-open { }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:400; font-size:10px; line-height:22px; vertical-align:top; color:#231F20; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:400; font-size:14px; line-height:22px; vertical-align:top; color:#231F20; text-transform:uppercase; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:400; font-size:14px; line-height:22px; vertical-align:top; color:#cc9076; }
.d-sidenav li a:hover div { color:#B66E4F; }

.d-sidenav li.d-open a div.sn-indicator { color:#a5451c; }    
.d-sidenav li.d-selected div.sn-indicator { color:#a5451c!important; }
.d-sidenav li.d-selected div.sn-label { color:#a5451c; }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:#a5451c!important; }




/* home hero */

.home-hero { position:relative; width:100%; height:450px; background-size: cover; overflow:hidden; }

.home-cycle { position:absolute; display:block; width:100%; height:100%; z-index:1;}
.cycle-slideshow { width:100%; height:100%;}
.home-cycle-image { width:100%; height:100%; background-size: cover; background-position: center center; }

.home-cycle-cover { position:absolute; width:100%; height:100%; background-color:#231f20; opacity:0.2; z-index:2;}

.home-hero-hold { position:absolute; display:table; width:100%; height:100%; z-index:3;}
.home-hero-fader { position:absolute; width:100%; height:100%; background-color:#231f20; opacity:0; z-index:4;}
.home-hero-tr { display:table-row; background-color:rgba(0,0,0,0.2);}
.home-hero-td { display:table-cell; text-align:center; vertical-align:middle; }
.home-hero-content { width:100%; max-width:475px; padding:40px; margin:0 auto; }

.home-img-xs { display:block; width:173px; margin:0 auto; }
.home-img-sm { display:none; }
.home-hero-content p { font-size: 14px; line-height:20px; font-weight:300; color:#fff; }
.home-hero-content p.hero-quote { padding-top:20px; font-style: italic; }

@media all and (min-width: 768px) { 
	.home-hero { height:768px; }
	.home-hero-content { max-width:740px; padding-top:40px; }
	.home-img-xs { display:none; }
	.home-img-sm { display:block; width:618px; margin:0 auto;  }
	.home-hero-content p { font-size: 22px; line-height:33px; }
	.home-hero-content p.hero-quote { padding-top:70px; }
}

/* home page video */

#hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  -ms-transform: translate(-50%, -50%) scale(1.01);
  -moz-transform: translate(-50%, -50%) scale(1.01);
  -webkit-transform: translate(-50%, -50%) scale(1.01);
  transform: translate(-50%, -50%) scale(1.01);	
}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }


/* home social intro */

.container-social-intro { width:100%; padding-bottom:30px; }

.home-hashtag { font-size:20px; line-height:24px; color:#222; font-weight:700; text-align:center;}
@media all and (min-width: 768px) { .home-hashtag { font-size:24px; line-height:30px;  }}

.home-social-icons { margin-top:10px; text-align:center;}
.home-social-icons a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:32px; border-radius:50%; text-align:center; margin:0 6px;  }
.home-social-icons a { text-decoration:none; color:#fff; border:2px solid #B66E4F; background-color:#B66E4F; transition: all 0.25s linear 0s; }
.home-social-icons a:hover { color:#fff; border-color:#a5451c; background-color:#a5451c; }



/* citylight social grid */

.citylight-social-grid { width:100%; border-left:0px solid #fff; border-bottom:0px solid #fff; background-color:#333; }

.citylight-social-square {
  display:block;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:0px solid #fff;
  border-top:0px solid #fff;
}

.citylight-social-square { width: 50%; padding-bottom : 50%; }
@media all and (min-width: 768px) { .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; } }
@media all and (min-width: 992px) { .citylight-social-square { width: 20%; padding-bottom : 20%; } .citylight-social-square-6 { display:none; } }

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:#fff; font-size:22px; line-height:22px; }
@media all and (min-width: 768px) { 
   .citylight-social-square-icon { bottom:16%; left:16%; font-size:28px; line-height:28px; }
}


/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:#eee; background-position:center center; background-size:cover; margin-bottom:30px; }


/* liberty station snake */

.snake-wrap { width:100%; }
.snake-container { width:100%; max-width:1200px; background-color:#fff; margin:0 auto;}
.snake-hold { display:block; }
.snake-row { display:block; }
.snake-content { position:relative; display: block; width:100%; height:100%; background-color:#fff; padding:30px;}
.snake-image-a { position:relative; display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center;}
.snake-image-b { position:relative; display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center;}
@media all and (max-width: 767px) {
	.snake-row > .snake-image-b { display:none; }
}
@media all and (min-width: 768px) {
	.snake-hold { display:table; }
	.snake-row { display:table-row; }
	.snake-content { width:50%; display:table-cell; padding:60px; }
	.snake-image-a { width:50%; display:table-cell; padding:0px; background-size:cover; background-position:center center;}
	.snake-image-b { width:50%; display:table-cell; padding:0px; background-size:cover; background-position:center center;}
	.snake-row-even > .snake-image-a { display:none; }
	.snake-row-odd > .snake-image-b { display:none; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
}




/* basic contact */

.contact-table { display:block; width:100%; background-color:#fff; border:2px solid #fff; margin-top:30px; margin-bottom:50px;}
.contact-tr { display:block; width:100%;}
.contact-td { display:block; }
.contact-td-map { width:100%;}
.contact-td-text { width:100%; text-align:center; padding:30px; }
.contact-td-map #gmap { width:100%; height:300px; background-color:#E6E4E0; }
@media all and (min-width: 768px) { 
	.contact-table { display:table; width:100%; border:16px solid #fff;}
	.contact-tr { display:table-row; width:100%;}
	.contact-td { display:table-cell; vertical-align:middle;}
	.contact-td-map { width:60%;}
	.contact-td-text { width:40%; padding-left:40px; text-align:left;}
	.contact-td-map #gmap { width:100%; height:560px; background-color:#E6E4E0; }
}





/* global cards */

.section-intro { margin:24px 0; padding:20px 12px 30px 12px; }
.section-intro h2 { color:#231f20; font-size:16px; line-height:26px; font-weight:300; }
.section-intro h1 { }
@media all and (min-width: 992px) { 
	.section-intro { padding:30px 80px 40px 80px;}
	.section-intro h2 { color:#231f20; font-size:24px; line-height:35px; font-weight:300; }
	.section-intro h1 { margin-bottom:30px; }
}

.lsa { width:100%; height:100%; padding:0 8px 16px 8px; }
.lsa a { width:100%; display:block; height:100%; background-color:#fff;  }
.lsa-image { position:relative; width:100%; padding-bottom:84%; overflow:hidden; background-color:#fafafa; }
.lsa-image-image { position:absolute; width:100%; height:100%; background-position:center center; background-size:cover; transition: all .4s ease-in-out;}
.lsa-image-cover { position:absolute; width:100%; height:100%; }
.lsa-label { position:relative; width:100%; padding:20px 20px; }
.lsa-label-marker { text-align:center;}
.lsa-label-marker img { width:24px; height:auto; margin:0 auto; }
.lsa-label-hood { text-align:center; font-family:'Steelfish W00 Bold'; font-weight:400; text-transform:uppercase; font-size:21px; line-height:24px; letter-spacing:1px; color: #231f20; margin:12px 0px;}
.lsa-label-address { text-align:center; font-family:'Steelfish W00 Bold'; font-weight:400; text-transform:uppercase; font-size:21px; line-height:24px; letter-spacing:1px; color: #231f20; margin:12px 0px;}
.lsa-label-head { text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight:700; text-transform:uppercase; font-size:27px; line-height:29px; color: #231f20; margin:30px 0px;}
.lsa-label-subtext { text-align:center; font-weight:400; color: #231f20; margin:-20px 0px -10px 0; font-size:15px; line-height:1.5; }
.lsa-label-subhead { text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight:700; text-transform:uppercase; font-size:14px; line-height:16px; color: #231f20; margin:6px 0px;}
.lsa a:hover .lsa-image-image { transform: scale(1.05);}

.lsa-label-marker-svg { text-align:center; }
.svg-marker-24 { display:inline-block; width:24px; height:32px; }
.svg-marker-gray { fill:#444444; }
.svg-marker-red { fill:#EB5654; }
.svg-marker-gold { fill:#f8a03e; }
.svg-marker-green { fill:#758f5e; }
.svg-marker-blue { fill:#50949d; }
.svg-marker-navy { fill:#133b4a; }

.directory-sub-nav { width:100%; text-align: center; padding:20px 24px; }
.directory-sub-nav a { white-space: nowrap; font-family:'Steelfish W00 Bold'; letter-spacing:0.5px; font-weight:400; text-transform:uppercase; font-size:25px; line-height:42px; margin:0 8px; color: #231f20; transition: color .3s; }
.directory-sub-nav a.selected { color:#B66E4F; }
.directory-sub-nav a:hover { color:#B66E4F;}
@media all and (min-width: 768px) {
	.directory-sub-nav { padding:30px 24px; }
	.directory-sub-nav a { font-size:40px; line-height:64px; margin:0 16px; }
}


/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#231F20; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; }

.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:30px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:6px 0px; color: #231F20; font-weight:700; font-size:18px; line-height:20px; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:6px 0px; font-size:14px; line-height:20px; color:#666; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:6px 0px; font-size:14px; line-height:20px; }



/* directory all */

.directory-outer { width:100%; }
.directory-outer { margin:3px; background-color:#fff; }

#letterindexplace { width:100%; }
#letterindex {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}
#letterindex li {
  list-style-type: none;
  float: left;
  display: block;
  background-color: #fff;
  border:1px solid #fafafa;
  padding: 10px;
  margin: 0px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing:0.050rem;
  color:#B66E4F;
}

#letterindex li:hover { color:#a5451c; }

.lsa-line { display:block; border-top:1px solid #fafafa; padding:10px 0px; }
.lsa-line-name { display:block; padding:0px 10px; color:#B66E4F; font-weight:500; font-size:18px; line-height:24px; }
.lsa-line-address { display:block; padding:0px 10px; color:#444; font-weight:300; font-size:15px; line-height:24px; }
@media all and (min-width: 768px) {
	.lsa-line { display:table; width:100%; border:none; padding:0px; }
	.lsa-line-name { display:table-cell; width:50%; vertical-align:top; border-top:1px solid #eee; padding:12px 20px; }
	.lsa-line-address { display:table-cell; width:50%; vertical-align:top; border-top:1px solid #eee; padding:12px 20px; }
}


/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { display:inline-block; width:30px; height:30px; font-size:15px; line-height:30px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:#fff; background-color:#B66E4F; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:#fff; background-color:#a5451c; }

#point-detail { }
#point-detail #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#fff; }

.ftn { }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:#000; }
.ftndistance { font-size:80%; color:#666;}











/* event-feature */

.event-feature-banner-wrap { width:100%; height:auto; padding-top:24px; padding-bottom:24px; background-color:#eeeedd; background-position:center center; background-size:cover;}
.event-feature-banner-wrap-home { margin:20px 0px 60px 0px; width:100%; height:auto; padding-top:24px; padding-bottom:24px; background-color:#eeeedd; background-position:center center; background-size:cover;}

.event-feature-overlay { width:100%; max-width:400px; background-color:rgba(6,6,6,0.6);}
.event-feature-overlay-home { width:100%; max-width:400px; background-color:rgba(6,6,6,0.6); margin-left:24px;}
.event-feature { padding:40px;}
.ef-tag { font-size:16px; line-height:22px; font-weight:700; text-transform:uppercase; color:#9c9a9a; padding-bottom:20px;}
.ef-head { font-size:42px; line-height:42px; font-weight:700; text-transform:uppercase; color:#fff;padding-bottom:20px;}
.ef-teaser { font-size:16px; line-height:22px; color:#fff; font-style:italic;padding-bottom:20px;}
.ef-link { }

.btn-event-read-more { 
  color: #fff;
  font-weight: 700;
  border: 2px solid #fff;
  background-color:inherit;
  padding: 8px 16px;
  margin:8px 0px;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  transition: all .3s;
}
.btn-event-read-more:hover { background-color:#fff; color:#222;}	

@media all and (max-width: 767px) {
	.event-feature-banner-wrap-home { padding:0;}
	.event-feature-overlay { background-color:rgba(6,6,6,0.8);}
	.event-feature-overlay-home { margin:0; background-color:rgba(6,6,6,0.8);}
	.event-feature { padding:20px;}
	.ef-head { font-size:24px; line-height:26px; }
}




/* bbq-calendar */

.bbq-control-wrap { margin-bottom:30px; }

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#fff; font-size:16px; line-height:1.5; padding:18px 0px; }
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:uppercase; font-weight:700; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top: 2px #f5f5f5 solid;
  background-color:#fff;
  color:#333; /* color of days of the week */
  font-size:12px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #f5f5f5 solid;
  background-color:#fff;
  color:#333; /* color of inactive dates */
  font-size:12px;
  line-height:34px;
  text-align:center;
  letter-spacing:0.050rem;
  }
#bbq-calendar td.highlight { background-color:#F6EEEA; }
#bbq-calendar a { display:block; font-weight:500; text-decoration:none; }
#bbq-calendar a.ontoday { font-weight:700; }
#bbq-calendar a:hover { text-decoration:none; background-color:#F6EEEA; }

.bbq-p { text-align:center; font-size:12px; line-height:36px;  }

#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; }

#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #f5f5f5; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:#fff; padding:0 24px; font-size:12px; line-height:36px; text-align:center; font-weight:500; }
#bbq-categories a.highlight { background-color:#F6EEEA; }
#bbq-categories a:hover { text-decoration:none; background-color:#F6EEEA; }



/* bbq-results */

h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:#fff; padding:18px 0px; }
.bbq-results-header-left { display:table-cell; width:60px; vertical-align:middle; text-align:center;  font-size:20px; line-height:24px; }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; font-size:16px; line-height:24px; text-transform:uppercase; font-weight:500; }
.bbq-results-header-right { display:table-cell; width:60px; vertical-align:middle; text-align:center;  font-size:20px; line-height:24px; }

.bbq-results-list { width:100%;}

.bbq-row { display:block; width:100%; border-top:2px solid #fff; padding:20px 0px; }
.bbq-row-homepage { border-top:0px; padding:12px 0px; }
.bbq-row-date { display:block; width:100%; text-align:center; }
.bbq-row-list { display:block; width:100%; text-align:center; }

@media all and (min-width: 768px) {
	.bbq-row { display:table; }
	.bbq-row-date { display:table-cell; vertical-align:top; width:70px; text-align:center; padding-right:30px; }
	.bbq-row-list { display:table-cell; vertical-align:top; width:auto; text-align:left; }
}

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { text-align:center; color:#222; background-color:inherit; font-weight:500; font-size:12px; line-height:21px; margin-top:5px; text-transform:uppercase; letter-spacing:0.100rem; }
.bbqdate-day { text-align:center; color:#222; background-color:inherit; font-weight:300; font-size:30px; line-height:32px; letter-spacing:0.100rem; }
.bbqdate-tip { text-align:center; color:#222; background-color:inherit; font-weight:300; font-size:11px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#222; background-color:inherit; font-weight:400; font-size:12px; line-height:21px; margin-top:6px;}

.bbq-row-list ul { margin:0; padding:0; list-style:none; }
.bbq-row-list li { margin:0; padding:0; list-style:none; padding-bottom:16px;}
.bbq-row-list a { }
.bbq-row-list a:hover { text-decoration:none; }


/* event-detail */

ul.datelist { list-style-type: none; padding-left:0; margin-left:0; }
ul.datelist li { margin-bottom:6px; }
ul.datelist li .dldate {  }
ul.datelist li .dltime { color:#666; }



/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
.post-card { margin-bottom:30px; }
.post-card a { display:block; width:100%; }

.post-card-image { position:relative; width:100%; height:auto; }
.post-card-image-image { }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(255,255,255,0.25); }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.5); font-size:12px; line-height:12px; color:#fff; padding:10px; }

.post-card-content { background-color:#fff; padding:20px; text-align:left; }
.post-card-content-headline { color:#222; font-weight:700; font-size:20px; line-height:1.4; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:15px; line-height:23px;  margin-bottom:12px; }
.post-card-content-more { color:#B66E4F; font-size: 13px; font-weight: 700; letter-spacing: 0.0500rem; text-transform: uppercase; }

.post-card-transition {  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.post-card a:hover .post-card-image-cover { background-color:rgba(255,255,255,0.0); }
.post-card a:hover .post-card-content { background-color:#fafafa; } 
.post-card a:hover .post-card-content-headline { color:#000; }
.post-card a:hover .post-card-content-body { color:#222; }
.post-card a:hover .post-card-content-more { color:#a5451c; }


/* Post Detail */

.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }
.sharing-square { display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square a { text-decoration:none; color:#fff; background-color:#B66E4F; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#a5451c; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:1px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}


/* arts-district */

.arts-hero { position:relative; width:100%; height:350px; background-size: cover; }

.cycle-slideshow { width:100%; height:100%;}
.arts-cycle { position:absolute; display:block; width:100%; height:100%; z-index:1;}
.arts-cycle-image { width:100%; height:100%; background-size: cover; background-position: center center; }
.arts-cycle-cover { position:absolute; width:100%; height:100%; background-color:#003957; opacity:0.6; z-index:2;}
.arts-hero-hold { position:absolute; display:table; width:100%; height:100%; z-index:3;}
.arts-hero-tr { display:table-row; }
.arts-hero-td { display:table-cell; text-align:center; vertical-align:middle; padding:24px; }
.arts-hero-content { width:100%; max-width:560px; margin:0 auto; }
@media all and (min-width: 768px) { 
	.arts-hero { height:400px; }
}

#arts-prefooter { width:100%; padding:45px 24px; background-color:#f05144; text-align:center;}
.arts-prefooter-social { display:block; margin:30px 0px 16px 0px; }
.arts-prefooter-social a { display:inline-block; width:36px; height:36px; font-size:16px; line-height:33px; border-radius:50%; text-align:center; margin:0 6px 0 0; }
.arts-prefooter-social a { text-decoration:none; color:#f05144; background-color:#fff; border:2px solid #fff; transition: all 0.25s linear 0s;}
.arts-prefooter-social a:hover { color:#fff; border-color:#003057; background-color:#003057; }
span.arts-hashtag { font-size:24px; line-height:36px; color:#fff; font-weight:500; }
@media all and (max-width: 991px) { span.arts-hashtag { display:block; margin-top:16px; font-size:16px }}


/* our story */

.our-story-est {
  text-align:center;
  color: #eb534f;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  margin-top:30px;
  margin-bottom: 45px;
}

.our-story-lead {
  text-align:center;
  font-weight:700; font-style: normal;
  font-size: 24px;
  line-height: 35px;
}

.our-history-dot { margin:0 auto; padding-bottom:24px; }
.our-history-close { margin:0 auto; }
.timeline { margin-top:65px; margin-bottom:20px; }
@media all and (min-width: 768px) {
	.timeline { background-image: url('https://ctycms.com/ca-liberty-station/history-bg-stripe.svg'); background-repeat: repeat-y; background-position: center; }
}

.time { margin-bottom: 50px; }
.time-later { margin-top:90px; }
.time-last { margin-bottom: 50px; margin-top:0px; }

.timeline h2 {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 0 65px;
  font-size: 48px;
  line-height:52px;
  border: 3px solid #eb534f;
  background-image: url('https://ctycms.com/ca-liberty-station/bg-body.png');
  text-transform:uppercase;
  color: #231f20;
  font-family: 'Steelfish W00 Bold';
  letter-spacing: 0.5px;
  font-weight: 400;
}


.ost-domino { display:block; width:100%; padding:40px 0px; }
.ost-tr { display:block; width:100%;}
.ost-td-image { display:block; width:100%;}
.ost-td-text { display:block; width:100%;}
p.osd-right { text-align:center; padding:20px 0px 0px 0px;}
p.osd-left { text-align:center; padding:20px 0px 0px 0px;}
.ost-visible-xs { display:block; }
.ost-hidden-xs { display:none; }
@media all and (min-width: 768px) {
	.ost-domino { display:table; }
	.ost-tr { display:table-row;}
	.ost-td-image { display:table-cell; vertical-align:middle; width:60%; }
	.ost-td-text { display:table-cell; vertical-align:middle; width:40%; }
	p.osd-right { text-align:left; padding:0px 0px 0px 50px;}
	p.osd-left { text-align:right; padding:0px 50px 0px 0px;}
	.ost-visible-xs { display:none; }
	.ost-hidden-xs { display:block; }
}


a.history-videos { color:#222; text-decoration:none; padding:20px 0px; }
a.history-videos:hover { color:#222; text-decoration:underline;}



/* walking tour */

#point-section #clmap { width:100%; height:60vh; min-height:100px; max-height:600px; background-color:#E6E4E0; }

.wtt-hold { display:block; width:100%; }
.wtt-hold-margin { margin-top:30px; }
.wtt-row { display:block; width:100%; }
.wtt-cell { display:block; width:100%; background-color:#939393; border-bottom:solid 18px #f5f5f5;}
.wtt-cell-empty { display:none; }
.wtt-cell-split { display:none;}
@media all and (min-width: 768px) {
	.wtt-hold { display:table; width:100%; }
	.wtt-row { display:table-row; width:100%; }
	.wtt-cell { display:table-cell; width:49%; vertical-align:top; }
	.wtt-cell-empty { display:table-cell; width:49%; vertical-align:top; } 
	.wtt-cell-split { display:table-cell; width:2%; background-color:inherit;} 
}

.wtt a { width:100%; display:block; height:100%; background-color:#939393; }
.wtt-image { position:relative; width:100%; padding-bottom:84%; overflow:hidden;}
.wtt-image-image { position:absolute; width:100%; height:100%; background-position:center center; background-size:cover; transition: all .4s ease-in-out;}
.wtt-image-cover { position:absolute; width:100%; height:100%; }
.wtt-label { position:relative; width:100%; padding:0px 24px 20px 24px; }

.wtt-label-digit { text-align:center; margin-top:-45px; }
.wtt-label-digit > span { display:inline-block; background-color:#B66E4F; width:90px; height:90px; border-radius: 50%; border:6px solid #fff; font-size:36px; line-height:80px; color:#fff; text-align:center; transition: all .3s ease-in-out;}

.wtt-label-head { text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight:700; font-size:27px; line-height:29px; color: #fff; margin:30px 0px 15px 0px;}
.wtt-label-subhead { text-align:center; font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif; font-weight:400; font-size:21px; line-height:27px; color: #fff; margin:6px 0px;}
.wtt a:hover .wtt-image-image { transform: scale(1.05);}
.wtt a:hover .wtt-label-digit > span { background-color:#a56042;}

.tour-tools-wrap { background-color:#B66E4F; padding:12px 24px; text-align:center;}






/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { background-color:#fff; padding:16px 20px; height:100%; }
.pcovid h2 { margin:0 0 12px 0; font-size:42px; line-height:1.5; text-transform:uppercase; font-family: 'Steelfish W00 Bold'; letter-spacing: 0.5px; font-weight:400; }
.pcovid p { margin:0 0 6px 0; }

.pcovgroups { font-style:italic; font-size:14px; line-height:1.3; margin:-3px 0 8px 0px; }

.pcovid-options { margin:12px 0px; }

.pcovid-options > div { margin:12px 0px; font-weight:700;}

.pcovid-option-icons { display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; border-radius:50%; text-align:center; }
.pcovid-option-icons { text-decoration:none; color:#fff; background-color:#B66E4F; border:none; margin-right:4px; }

.pcovid p.covid-narrative { font-size:16px; line-height:1.5; margin:0; }









/* mobile nav */

@media all and (max-width: 991px) {

.header-wrap { background-color:#ffffff; padding:16px 0; }

.nav-relative { }
.nav-hold { width:100%; height:45px; }
.nav-logo { float:left; width:180px; height:auto; }
.nav-toggle a { float:right; font-size:18px; line-height:45px; color:#231F20; margin-right:3px; }
.nav-toggle a:hover { color:#231F20; }


/* primary-nav */

#nav-drawer { display:none }

#primary-nav { padding-top:30px;}

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

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

#primary-nav ul li.leaf-search { display:none; }

#primary-nav ul li div.menu-set { display:table; border-top:2px solid #F5F5F5; width:100%; }

#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:8px 4px;
  color:#231F20;
  font-size:16px;
  line-height:38px;
  font-weight:700;
  text-transform:uppercase;
}

#primary-nav ul  li div.menu-set a.subnav-toggle {
  width:10%;
  text-align:right;
}

#primary-nav ul li div.menu-set a:hover { color:#B66E4F; }

#primary-nav ul ul { display:none; margin:0; padding:0px 0px 16px 0px; }

#primary-nav ul li ul li a {
  display: block;
  padding:8px 4px 8px 24px;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  text-transform:none;
  color:#231F20;
}

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


/* secondary nav */

#secondary-nav { padding:4px 4px 16px 4px; }

.nav-search { }

#site-search {
  display:table;
  width:100%;	
  padding:8px 16px;
  margin:20px 0 0 0;
  border:2px solid #222;
  border-radius:3px;
  text-align:left;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:1.5;
  color:#222;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  text-align:left;  
  vertical-align:middle;
}

#site-search button {
  display:table-cell;
  font-size:16px;
  line-height:1.5;
  color:#222;
  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; }

}

/* desktop nav */

@media all and (min-width: 992px) {
  
  .header-wrap { background-color:#ffffff; padding:0; }

  .nav-relative { position:relative; width:100%; height:123px; }
  .nav-hold { }
  .nav-logo { position:absolute; top:38px; left:0px; width:226px; height:56px; }
  .nav-toggle { display:none; }

  /* primary-nav */

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

  #primary-nav { position:absolute; top:46px; right:0px; width: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 ul li.leaf-search { display:inline-block; }

  #primary-nav a {
    display: inline-block;
    width: auto;
    padding:0;
    margin-left:32px;
    background-color:#fff;
    font-size:16px;
    line-height:42px;
    color:#231F20;
    font-weight:700;
    letter-spacing:0.050rem;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    transition: border-color .3s;
  }

  #primary-nav li:hover a { border-bottom:2px solid #000; }

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

  #primary-nav li.activeitem > div > a { border-bottom:2px solid #000; }

  #primary-nav li.leaf-search:hover a { border-bottom:2px solid #fff; color:#B66E4F; }


  /* drop down lists */

  #primary-nav li ul { 
    position: absolute;
    width: 250px;
    height:auto;
    padding:20px 0px;
    background-color:#ffffff;
    border:1px solid #eee; border-top:0px;
    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 ul li { width:100%; border:none; }

  #primary-nav li:hover ul li a { 
    margin:0;
    border:0;
    padding:6px 32px; 
    width: 100%;
    background-color:#fff;
    font-size:14px;
    line-height:20px;
    color:#333;
    text-decoration:none;
    text-align:left;
  }
  
  #primary-nav li:hover ul li a:hover { text-decoration:none; border:0; color:#B66E4F; }

  /* secondary nav */
  #secondary-nav { display:none; }
    
}