:root {
  --brand-slate: #282828; /* header background */
  --brand-silver: #e8e8e8; /* header background */
  
  --brand-green100: #f4f4ec; /* alomst silver */
  --brand-green200: #e3e4bd; /* behind home page feature sections */
  --brand-green300: #cfcf7f; /* behind utility nav */
  --brand-cranberry: #b42a41; /* alert red */
  
  --cty-alink: #76761E;
  --cty-ahover: #6D6D1C;
}

body,html {
  height:100%;
  background-color:#111; /* off screen bg  as on a super short page*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  font-family: open-sans, sans-serif; 
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:white;
  color:var(--brand-slate);
}

#page-header { }

#page-content { }


/* global base sizing */

.container-fluid { max-width:1200px; padding:0 24px; margin:0 auto; }
.container-fluid-wide { max-width:1600px; }
.container-fluid-full { max-width:9999px; }
.hold-width { max-width:800px; margin:0 auto; }
.padding-top { padding-top:40px; }
.padding-top-half { padding-top:20px; }
.padding-bottom { padding-bottom:40px; }
.padding-bottom-half { padding-bottom:20px; }
.form-padding { margin:24px 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:8px; }
@media all and (min-width: 992px) {
  .container-fluid { padding-left:40px; padding-right:40px; }
	.padding-top { padding-top:60px; }
	.padding-top-half { padding-top:30px; }
	.padding-bottom { padding-bottom:60px; }
	.padding-bottom-half { padding-bottom:30px; }
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px; }
	.form-boxed { padding:16px; }
}
@media all and (min-width: 1200px) {
  .container-fluid { padding-left:5%; padding-right:5%; }
}


.bg-white { background-color:var(--brand-slate); }
.bg-green-100 { background-color:var(--brand-green100); }
.bg-green-200 { background-color:var(--brand-green200); }
.bg-green-300 { background-color:var(--brand-green300); }
.bg-slate { background-color:var(--brand-slate); }

/* global type */

h1,h2,h3 { text-wrap:balance; }

h1 { font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size: 3.5rem; margin-top:0px; margin-bottom: 0.25rem; }
h2 { font-family: 'futura-pt', sans-serif; font-weight:500; font-size: 1.8rem; margin-top:2rem; margin-bottom: 1rem; }
h2.on-detail { font-size: 1.1rem; margin-top:1.5rem; margin-bottom: 1rem; letter-spacing:0.040rem; }
h3 { font-family: 'futura-pt', sans-serif; font-weight:400; font-size: 1.1rem; font-weight:700; }
h4 { }
h5 { } 
h6 { }

p, li { font-size:18px; line-height:1.5; }

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

label { }

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); opacity:1; }

a { color:var(--cty-alink); text-decoration:none; }
a:hover { color:var(--cty-ahover); text-decoration:none; }



/* buttons */

.btn-brand { background-color:var(--brand-slate); border:1px solid var(--cty-alink); color:white; font-size:14px; font-weight:700; text-transform:none; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; text-decoration:none; }
.btn-brand:hover { background-color:var(--cty-ahover); border-color:var(--cty-ahover); color:white; text-decoration:none; }

.btn-brand-white { background-color:white; border:1px solid white; color:var(--brand-slate); font-size:14px; font-weight:700; text-transform:none; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; border-radius:0; transition: all 0.15s linear 0s; text-decoration:none; }
.btn-brand-white:hover { background-color:var(--cty-ahover); border-color:var(--cty-ahover); color:white; text-decoration:none; }


.btn-outline-brand { background-color:white; border:1px solid var(--cty-alink); color:var(--cty-alink); font-size:14px; font-weight:400; text-transform:none; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:var(--cty-ahover); border-color:var(--cty-ahover); color:white; }

.btn-brand-pill { background-color:var(--brand-slate); border:1px solid var(--brand-slate);  color:white; font-size:14px; font-weight:700; text-transform:none; letter-spacing:0.010rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .375rem 1.1rem; transition: all 0.15s linear 0s; }
.btn-brand-pill:hover {  background-color:black; border-color:black; color:white; }

.btn-outline-brand-pill { background-color:white; border:1px solid var(--cty-alink); color:var(--cty-alink); font-size:12px; font-weight:700; text-transform:none; letter-spacing:0.010rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .375rem 1.1rem; transition: all 0.15s linear 0s; }
.btn-outline-brand-pill:hover { background-color:var(--cty-ahover); border-color:var(--cty-ahover); color:white; }

.btn-naked { color:var(--cty-alink); xxx-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:var(--cty-ahover); }

.lk { display:table; width:100%; margin-bottom:12px; }
.lk-arrow { display:table-cell; width:30px; vertical-align:top; font-size:16px; line-height:1.4; color:var(--cty-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }


/* alerts */

.alert-wrap { background-color:var(--brand-cranberry); }
.alert-wrap, a.alert-link, a.alert-link:hover { color:white; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:32px; padding-top:20px; padding-right: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 { 
  font-size: 20px;
  line-height: 20px;
  text-transform:uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

.alert-dismiss { 
  font-size:20px;
  line-height:20px; 
  padding-bottom:20px;
}

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



/* mobile nav */

.header-wrap { background-color:var(--brand-slate); padding:24px 0; }
.nav-relative { }
.nav-hold { width:100%; height:35px; }
.nav-logo-svg { float:left; width:240px; height:35px; }
.nav-toggle a { float:right; font-size:24px; line-height:35px; color:white; }
.nav-toggle a:hover { color:white; }

#nav-drawer { display:none; }

#primary-nav { padding-top:24px; }
#primary-nav ul { margin:0; padding:0; }  
#primary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#primary-nav ul li.nav-li-search { display:none; }
#primary-nav ul li a {
  display:block;
  width:100%;
  text-align:left;
  padding:12px 0px;
  color:white;
  font-family: 'futura-pt', sans-serif;
  font-weight:500;
  font-size:22px;
  line-height:1.5;
  letter-spacing:0.050rem;
  text-transform:uppercase;
}

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

.nav-utility { display:none; }

.nav-search { }

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

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

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

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


/* desktop nav */
@media all and (min-width: 1100px) {
  
  .header-wrap { padding:0; }
  .nav-relative { position:relative; width:100%; height:100px; }
  .nav-hold { }
  .nav-logo-svg { position:absolute; top:33px; left:0px; width:240px; height:35px; }
  .nav-toggle { display:none; }
  
   #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; top:23px; right:0px; width:auto; padding:0; } /* height:54px */
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li { display:inline-block; width:auto; }
  #primary-nav ul li.nav-li-search { display:inline-block; }
  #primary-nav ul li a {
    width: auto;
    padding:12px 22px 12px 22px;
  }
    
  #secondary-nav { display:none; position:absolute; top:12px; right:20px; width:auto; padding:0; }
   
  #site-search {
    border:0;
    margin:0;
    width:180px;
    padding:4px 4px;
    border-radius:0;
    border-bottom:1px solid var(--cty-linework);
  }

}




/* footer */

footer { background-color:var(--brand-slate); }

.footer-section { padding:30px 0; border-bottom:2px solid #444; }

footer p { font-size:15px; line-height:1.5; color:white; }
footer p.footer-headline { font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:30px; line-height:30px; margin-top:1rem; margin-bottom:0.25rem; }
footer p a { color:white; text-decoration:underline; }
footer p a:hover { color:white; text-decoration:underline; }

#footer-nav {  }
#footer-nav ul { margin:0; padding:0;  transition: all 0.15s linear 0s; }  
#footery-nav ul li { list-style: none; margin:0; padding:4px 0; }
#footer-nav ul li a {
  display:inline-block;
  padding:6px 0px;
  color:white;
  font-family: 'futura-pt', sans-serif;
  font-weight:700;
  font-size:18px;
  line-height:1.5;
  letter-spacing:0.100rem;
  text-transform:uppercase;
  text-decoration:none;
  transition: all 0.15s linear 0s;
}
#footer-nav ul:hover li a { color:#888; }
#footer-nav ul:hover li a:hover { color:#fff; text-decoration:none;  }

.footer-logo-svg { width:240px; height:35px; margin:0 auto 20px auto; }
@media screen and (min-width: 992px) { .footer-logo-svg { margin:0 0 20px 0; } }

.footer-social { }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 10px; }
.footer-social a { text-decoration:none; color:var(--brand-slate); background-color:white; border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:var(--brand-slate); background-color:white; }
@media screen and (min-width: 992px) { .footer-social a { margin:0 0 0 20px; } }

.footer-legal-wrap { background-color:var(--brand-slate); padding:30px 0px; }
.footer-legal-wrap p { color:white; margin:0; font-size:15px; line-height:1.5; }
	
	
/* banner */

.no-banner { width:100%; border-top:1px solid #fafafa; }
.banner-b { width:100%; height:160px; background-color:#fafafa; background-position:center center; background-size:cover; }
.banner-home { width:100%; height:240px; background-color:#fafafa; background-position:center center; background-size:cover; }
@media all and (min-width: 992px) {
  .banner-b { height:240px; }
  .banner-home { height:480px; }
}

/* basic lightbox */

.lightbox-wrap {  }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:var(--cty-banner-wrap); background-position:center center; background-size:cover; }

.lightbox-wrap small { display:inline-block; font-family: 'futura-pt', sans-serif; padding-bottom:30px; }



/* home hero (from old site) */

.home-hero { width:100%; height:450px; background-color:#000; background: url('https://img.ctykit.com/cdn/tn-gulch/tr:w-2400/home-image-resaved.jpg') center center; background-size: cover; }
.home-hero-hold { position:relative; display:table; width:100%; height:100%; }
.home-hero-tr { display:table-row; background-color:rgba(0,0,0,0.5);}
.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; }
.hero-nav {}
.hero-logo { display:block; width:100%; padding-top:68px;}
.hero-tagline { color:#fff; font-size:18px; line-height:24px; margin-top:20px;}

@media all and (min-width: 768px) { 
	.home-hero { height:768px; }
	.home-hero-content { max-width:760px; padding-top:40px; }
	.hero-tagline { text-align: center; color:#fff; font-size:26px; line-height:26px; margin-top:80px; }
}




/* home events */

.home-events-title { font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:46px; line-height:56px;  }



.ev-custom-swiper-button-next, .ev-custom-swiper-button-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,40%);
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--brand-green200);
  font-size:20px;
  line-height:50px;
  color: black;
  border-radius:0;
}
.ev-custom-swiper-button-prev { left:-24px; }
.ev-custom-swiper-button-next { right:-24px; }

@media all and (min-width: 1280px) {
  .ev-custom-swiper-button-prev {  }
  .ev-custom-swiper-button-next {  }
}





/* live slider */

.home-live-title { font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:46px; line-height:56px; text-align:center; }

.home-live-slider { padding:40px 0px; }

.container-overflow-right { width:100%;padding: 0 24px; }
@media all and (min-width: 992px) {
  .container-overflow-right { padding-left:40px; padding-right:0px; }
}
@media all and (min-width: 1200px) {
  .container-overflow-right { padding-left:5%; padding-right:0px; }
}



.swiper-controls-relative { position:relative; }
.swiper-wrapper {  }
.swiper { width: 100%; height: auto; }
.swiper-slide { display: block; }
.swiper-slide div { display: block; }

.custom-swiper-button-next, .custom-swiper-button-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,40%);
  width: 50px;
  height: 50px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--brand-green200);
  font-size:20px;
  line-height:50px;
  color: black;
  border-radius:0;
}
.custom-swiper-button-prev { left:-24px; }
.custom-swiper-button-next { right:-24px; }

@media all and (min-width: 1280px) {
  .custom-swiper-button-prev { display:none; left:auto; right:60px; }
  .custom-swiper-button-next { right:0px; }
}


a.visit-swiper-card { display:block; width:100%; height:100%; background-color:var(--brand-green200); text-decoration:none; }

.visit-swiper-card-image { position:relative; width:100%; }
.visit-swiper-card-image-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.visit-swiper-card-image-cover { position:absolute; top:0px; left:0px; width:100%; padding-bottom:100%; }

.visit-swiper-card-content { padding:24px 24px 24px 0px; text-align:left; }
.visit-swiper-card-content-headline { font-family: 'futura-pt', sans-serif; color:black; font-weight:400; xxx-text-transform:uppercase; letter-spacing:0.100rem; line-height:1.1; font-size:24px; margin-bottom:8px; }
.visit-swiper-card-content-where { color: black; font-weight:400; font-size:15px; margin-bottom:12px; }

a.visit-swiper-card .visit-swiper-card-image-cover {
  background-color:rgba(0,0,0,0.25); 
  box-shadow: inset 0 0 90px rgba(0,0,0,0.85); 
  transition: all 600ms ease;
}
a.visit-swiper-card:hover .visit-swiper-card-image-cover { background-color:rgba(0,0,0,0.05);  box-shadow: inset 0 0 90px rgba(0,0,0,0.55); }
a.visit-swiper-card:hover .visit-swiper-card-content-headline { color:black; }




/* home parking */

.home-parking { display:block; width:100%; }
.home-parking-image { display:block; width:100%; padding-bottom:60%; background-size:cover; background-position: center center; }
.home-parking-content { display:block; width:100%; background-color:white; padding:24px; }
@media all and (min-width: 1280px) {
  .home-parking { display:table; width:100%; max-width:1200px; margin:0 auto; }
  .home-parking-image { display:table-cell; width:70%; height:500px; padding:0; vertical-align:bottom; }
  .home-parking-content { display:table-cell; width:30%; padding:30px; vertical-align:bottom; }
}
.home-parking-content h2 { margin-top:0px; margin-bottom:1rem; font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:44px; line-height:52px; text-wrap:balance;}





/* home features */

.home-features-title { color:white; font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:36px; line-height:46px; }


.home-feature-gallery { margin-top:30px; }

.feature-card a { display:block; position:relative; }
.feature-card-image {  }
.feature-card-image { position:relative; width:100%; padding-bottom:100%; background-color:#eee; background-size:cover; background-position:center center; }

.feature-card-label { position:absolute; bottom:0px; right:0px; display:inline-block; padding:12px; background-color:rgba(0,0,0,0.6);}

.feature-card-label { color:white; font-family: 'futura-pt', sans-serif; font-weight: 700; }

/*
.feature-card-content { background-color:white; padding:30px 30px 20px 30px; }
.feature-card-content-headline { color:var(--cty-h1); font-size:1.35rem; line-height:1.4; font-weight:700; margin-bottom:6px; }
.feature-card-content-body { color:var(--cty-h2); font-size:1.1rem; line-height:1.4; margin-bottom:12px; }
.feature-card a .feature-card-content-linklabel { color:var(--cty-alink); text-decoration:none; font-weight:700; }
.feature-card a:hover .feature-card-content-linklabel { color:var(--cty-ahover); text-decoration:none; }
*.





/* home-newsletter-intro */

.home-newsletter-intro { font-family: 'futura-pt', sans-serif; font-weight: 500; font-style: normal; font-size:20px; line-height:30px; letter-spacing:0.150rem; xxx-text-transform:uppercase; margin:0.5rem 0; text-wrap:balance; }

.home-newsletter-title { font-family: 'playfair-display', serif; font-weight: 900; font-style: italic; font-size:46px; line-height:56px; margin:1rem 0; }


/* citylight social grid */

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

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

.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:white; 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; }
}




/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cty-h1); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:white; }

.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:4px 0px; color: var(--cty-h1); font-weight:700; font-size:16px; line-height:20px; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:4px 0px; font-size:12px; line-height:20px; color:var(--cty-pagewrap-txt); }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; font-size:14px; line-height:20px; }

.mapboxgl-ctrl-geocoder { min-width: 100%; }



/* point-section */

#point-detail #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#E6E4E0; border-top:1px solid #eee; border-bottom:1px solid #eee; }


#point-section #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#E6E4E0; border-top:1px solid #eee; border-bottom:1px solid #eee; }

#basic-parking #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#E6E4E0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:2rem 0; }

.section-filters { margin:2rem 0px; }
.section-filters-tight { margin-top:0; margin-bottom:1.5rem; }
.section-filters .section-filters-title { }
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
  text-decoration: none;
  line-height: 18px;
  font-size: 18px;
  font-family: 'futura-pt', sans-serif;
  font-weight:500;
  xxx-text-transform:uppercase;
  
  text-align: center;
  display:inline-block;
  color:var(--brand-slate);
  background-color:var(--brand-silver);
  letter-spacing:  0.050rem;
  border:0px solid var(--cty-alink);
  border-radius:2px;
  padding:6px 10px;
  white-space: nowrap;
  margin:4px 3px;
}
.section-filters a:hover { background-color:var(--cty-ahover); border-color:var(--cty-ahover); color:white; text-decoration: none; }
.section-filters a.selected { background-color:var(--brand-slate); border-color:var(--brand-slate); color:white; }

/* pst cards */

.point-section-results { margin:30px 0px; }

.pst { margin-bottom:24px; }
.pst a { display:block; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.pst a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.pst a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }

.pst-content { color:var(--brand-slate); }
.pst-content-name { font-size:24px; font-family: 'futura-pt', sans-serif; font-weight:500; }
.pst-content-address { font-size:14px; }

.pst-content-new { margin-top:8px; }
.pst-content-new span { font-family: 'futura-pt', sans-serif; font-weight:600; color:white; background-color:var(--brand-slate); border-radius:20px; font-size:14px; line-height:14px; padding:2px 10px; }	


.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:white; background-color:var(--brand-slate); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--cty-ahover); }



/* 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; }


/* image roller */

.image-roller-max-width { width:100%; max-width:1440px; margin:0 auto; }


.imageRollerSwiper .swiper-wrapper { width:100%; height:500px; position:relative; background-color:var(--brand-green100); padding-bottom:14px; }

.imageRollerSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imageRollerSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.imageRollerSwiper .swiper-navigation { position:absolute; z-index: 999; bottom:30px; right:30px; background-color:var(--cty-alink); border-radius:30px; width:96px; height:48px; }

.swiper-roller-prev, .swiper-roller-next { display:block; width:48px; height:48px; font-size:24px; line-height:48px; text-align:center; float:left; color:white; opacity:0.85; }

.swiper-roller-prev:hover { opacity:1; }
.swiper-roller-next:hover { opacity:1; }




/* event summary picnic */

/* picnic */

:root { /* duplicate these vars from _styles_picnic.css; */
  --picnic-ctrl-bg-default: #282828;
  --picnic-ctrl-brdr: #282828;
  --picnic-ctrl-txt: #ffffff;
  --picnic-ctrl-txt-dayname: #ffffff; /* days of the week */;
  --picnic-ctrl-navarrows:#ffffff;
  --picnic-ctrl-navarrows-hover:#76761E;
  --picnic-ctrl-selected: #ffffff;
  --picnic-ctrl-selected-bg: #76761E; /* ends */
  --picnic-ctrl-inrange: #ffffff;
  --picnic-ctrl-inrange-bg:#66671c; /* middle */
}

.picnic-bg { width:100%; }
.picnic-container { max-width: 1600px; margin:0 auto; background-color:white; }

/* responsive layout */

#picnic-basket { display:block; width:100%; }
.picnic-controls { display:block; width:100%; padding:0 0 24px 0; }
.picnic-results { display:block; width:100%; padding:0; }
@media all and (min-width: 992px) {
  #picnic-basket { display:flex; width:100%; }
  .picnic-controls { flex-shrink: 0; width: 364px; }
  .picnic-results { flex-grow: 1; }
}  
  
/* mobile drawers */
  
.picnic-drawer { margin-bottom:1rem; border:1px solid #666; } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:#666; }
a.picnic-drawer-toggle:hover { text-decoration:none; color:#666; }
@media all and (min-width: 992px) {
  .picnic-drawer { border:0; }
  a.picnic-drawer-toggle { display:none; }
}

.picnic-drawer-toggle-label { display:table-cell; width:auto; text-align:left; padding:0 16px; font-size:16px; line-height:48px; font-weight:700; }
.picnic-drawer-toggle-icon { display:table-cell; width:24px; text-align:right; padding:0 16px; }
a.picnic-drawer-toggle.is-open .picnic-drawer-toggle-icon { transform: rotate(180deg); }

.picnic-drawer-closed { max-height:0px; overflow:hidden; }
.picnic-drawer-open { max-height:900px; transition: all 250ms ease-in; overflow:hidden; }


/* controls */

.picnic-calendar-hold { width:100%; padding:0 24px; margin:1rem 0; }
.picnic-categories-hold { width:100%; padding:0 24px; margin:1rem 0; }
@media all and (min-width: 992px) {
  .picnic-calendar-hold { padding:0; margin-top:0px; }
  .picnic-categories-hold { padding:0; }
}

.picnic-shortcuts { font-size:12px; margin-top:5px; text-align:center; }
.picnic-shortcuts a { }
.picnic-shortcuts a:hover { }

ul#picnic-tagpicker { margin:0; padding:0; list-style:none; }
ul#picnic-tagpicker li { margin:0; padding:0 4px 8px 0; display:inline-block; font-size:13px; line-height:1.5; }
ul#picnic-tagpicker li a { display:inline-block; border:1px solid var(--picnic-ctrl-brdr); padding:6px 16px; border-radius:16px; text-decoration:none; }
.picnic-tag { background-color:var(--picnic-ctrl-bg-default); color:var(--picnic-ctrl-txt); }
.picnic-tag:hover { background-color:var(--picnic-ctrl-inrange-bg); color:var(--picnic-ctrl-inrange); }
.picnic-tag-selected { background-color:var(--picnic-ctrl-selected-bg); color:var(--picnic-ctrl-selected); }





#picnic-blanket { width:100%; }

.picnic-results-headline { 
  font-weight: 700;
  color: inherit;
  font-size: 2.0rem;
  line-height:1.05;
  margin-top: 0px;
  margin-bottom: 1rem;
}

a.pcrd { display:block; width:100%; height:100%; background-color:#f4f4ec; background-color:white; position:relative; }

.pcrd-image { position:relative; width:100%; }
.pcrd-image-image { width:100%; padding-bottom:80%; background-position:center center; background-size:cover; }
.pcrd-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all 250ms ease-out; }

.pcrd-content { padding:20px; text-align:left; padding-left:0px; }
.pcrd-content-headline { color:var(--brand-slate); font-size: 1.5rem; line-height: 1.9rem;
  font-family: 'futura-pt', sans-serif;
  font-weight: 500; margin-bottom:6px; }
.pcrd-content-time { color:var(--brand-slate); font-weight:400; font-size:0.9rem; margin-bottom:8px; }
.pcrd-content-venue { color:var(--brand-slate); font-weight:400; font-size:0.9rem; margin-bottom:8px; }

.pcrd-content-time span, .pcrd-content-venue span { display:inline-block; text-align-center; width:20px; color:black; }


.pcrd-date-box { position:absolute; top:14px; left:14px; background-color:var(--brand-slate); color:white; text-align:center; padding:3px; width:80px; }

.pcrd-date-box-line { border:1px solid #f4f4ec; padding:14px 0; }
.pcrd-date-dow { font-size:12px; line-height:16px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; }
.pcrd-date-day { font-size:30px; line-height:36px; font-weight:600; letter-spacing:0.100rem; font-family: 'playfair-display', serif;
font-weight: 900; font-style: italic; }
.pcrd-date-month { font-size:12px; line-height:16px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; }


a.pcrd:hover .pcrd-image-cover { background-color:rgba(0,0,0,0.15); }
a.pcrd:hover .pcrd-content-headline { color:var(--cty-ahover); }