a div.lnk-primary { color: inherit; font-weight:600; font-size:1rem; text-decoration:none;  }
a div.lnk-secondary { color:var(--cty-asec-link); font-weight:300; font-size:0.8rem; margin-top:3px;  }
a div.lnk-secondary span { color:var(--cty-asec-divider); }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color:var(--cty-asec-hover); }

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

/* sponsor logos */

.cville-sponsors { text-align:center; }

.cc-sponsor-logos { margin:30px 0 0 0; text-align:center; }
.cc-logo { display:inline-block; margin:0px 12px 12px 0; background-color:#fff; border-color:#fff;
 -webkit-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
 -moz-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
 box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
}
.cc-logo a { display:block; transition: all 400ms ease; }
.cc-logo a:hover { 
  border-color:#fafafa;
 -webkit-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.45);
 -moz-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.45);
 box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.45);
}
.cc-logo-img { width:120px; height:120px; border:16px solid #fff; background-position:center center; background-size:contain; background-repeat:no-repeat; }
@media all and (min-width: 768px) {
  .cc-logo { margin:0px 16px 16px 0; }
	.cc-logo-img { width:160px; height:160px; }
}







/* home page topango carousel */

.topango-wrap { padding:0; margin:0; }
.topango-slide { width:100%; height:auto; }
.topango-relative { position:relative; width:100%; height:auto; }
.topango-image { display:block; z-index:10; position:relative; background-size: cover; background-position: center center; }
.topango-cover { display:block; z-index:11; position:absolute; top:0px; background-color:rgba(0,0,0,0.25); }
.topango-text { display:block; z-index:12; position:absolute; top:0px;}
.topango-x { display:table; }
.topango-y { display:table-cell; vertical-align:middle; text-align:center;}

.topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { width:100%; height:400px; }
@media all and (min-width: 768px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:600px; }}
@media all and (min-width: 992px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:700px; }}

.topango-y { text-align:center; padding:0 60px; }
.topango-headline { color:white; font-weight:600; font-size:28px; line-height:36px; margin:40px 0 10px 0; text-shadow: 1px 1px 1px var(--cms-black); }
.topango-link { padding-top:20px; }
@media all and (min-width: 768px) {
	.topango-y { text-align:center; padding:0 15%; }
	.topango-headline { color:white; font-weight:600; font-size:58px; line-height:58px; margin:50px 0 20px 0; max-width:600px; }
}
@media all and (min-width: 992px) {
	.topango-y { text-align:left; padding:0 15%; }
	.topango-headline { color:white; font-weight:600; font-size:68px; line-height:68px; margin:50px 0 20px 0; }
}

.cycle-pager { display:none; }
.cycle-next { position: absolute; z-index: 300; right:5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
.cycle-prev { position: absolute; z-index: 301; left: 5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
@media all and (max-width: 767px) {
	.cycle-next, .cycle-prev { width:22px; height:42px; background-size:cover; margin-top:-21px; }
}



/* home page video */

.home-video { position:relative; overflow:hidden; } 

.home-video-sizer { width:100%; height:340px; }
@media all and (min-width: 768px) { .home-video-sizer { height:625px; } }

.home-video-video { position:absolute; top:0px; z-index:2; display: flex; align-items: center; justify-content: center; }
.home-video-video video { width: 100%; height:100%; object-fit: cover; object-position: center; }

.hero-video-darken { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; background-color:rgba(0,0,0,0.25); }
.hero-video-content-hold { max-width:900px; text-align:center; }
.hero-video-content { padding:120px 24px 90px 24px; }
.hero-video-content h1 { color:white; text-shadow: 0px 0px 4px #222; }
.hero-video-content p { color:white; text-shadow: 0px 0px 4px  #222; }



/* home swipers */


.swiper-controls-relative { position:relative; }

.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: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cms-light-blue);
  font-size:30px;
  color: var(--cms-black);
  border-radius:5px;
}
.custom-swiper-button-prev { left:-22px; }
.custom-swiper-button-next { right:-22px; }


a.carousel-card { display:block; width:100%; height:100%; position:relative; background-color:var(--cms-black); text-decoration:none; }

.carousel-card-image { position:relative; width:100%; }
.carousel-card-image-image { width:100%; padding-bottom:80%; background-position:center center; background-size:cover; }

.carousel-card-content { padding:24px; text-align:left; }
.carousel-card-content-headline { color: var(--cms-cream); font-weight:400; line-height:1.1; font-size:1.25rem; margin-bottom:8px; text-wrap:balance; }
.carousel-card-content-body { color: var(--cms-cream); font-weight:300; font-size:0.9rem; margin-bottom:12px; }
.carousel-card-content-more { font-weight:400; color:var(--cms-yellow); font-size: 0.9rem; text-transform: none; }

.ccpost-date-box { position:absolute; top:14px; left:14px; background-color:var(--cms-black); color:white; text-align:center; padding:14px 0; width:80px;}
.ccpost-date-dow { font-size:12px; line-height:16px; font-weight:500; }
.ccpost-date-day { font-size:30px; line-height:36px; font-weight:600; letter-spacing:0.100rem; }
.ccpost-date-month { font-size:12px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem; }


@media all and (min-width: 1600px) {
  .carousel-card-image-image { padding-bottom:80%; }
  .carousel-card-content { padding:30px; }
  .custom-swiper-button-prev { left:-30px; }
  .custom-swiper-button-next { right:-30px; }
}





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



/* account cards */

.account-cards { margin:24px 0; }
.acccount-card  { width:100%; height:100%; background-color:var(--cms-black); }
.acccount-card a { display:block; width:100%; height:100%; background-color:var(--cms-black); text-decoration:none; }
.acccount-card a:hover { background-color:var(--cms-black); text-decoration:none; }
.acccountcard-content { padding:16px; color:var(--cms-cream); font-size: 1.1rem; font-weight:300; }


/* feature card */

.feature-card a { text-decoration:none; }
.feature-card a:hover { text-decoration:none; }
.feature-card-image { position:relative; }
.feature-card-image-img { position:relative; background-color:white; }
.feature-card-image-tag { position:absolute; bottom:-15px; display:inline-block; font-size:14px; line-height:30px; padding:0 8px; background-color:var(--cms-blue); color:white; text-transform:uppercase; }
.feature-card-image-div3x2 { width:100%; padding-bottom:80%;background-size:cover; background-position:center center; }
.feature-card-content { background-color:inherit; padding:30px 30px 20px 0px; }
.feature-card-content-headline { font-family: 'Termina', sans-serif; color:var(--cms-black); font-size:1.35rem; line-height:1.2; font-weight:400; margin-bottom:6px; }
.feature-card-content-body { color:var(--cms-black); font-size:1rem; line-height:1.2; margin-bottom:12px; }
.feature-card a .feature-card-content-linklabel { color:var(--cms-blue); text-decoration:none; font-weight:500; }
.feature-card a:hover .feature-card-content-linklabel { color:var(--cms-blue); text-decoration:none; }


/* basic lightbox */

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


/* basic landing */

.nav-card-gallery { margin:48px 0 0 0; }
.nav-card-margin { margin-bottom:48px; }
.nav-card { width:100%; height:100%; background-color:var(--cms-black); border-radius:6px; overflow:hidden; 
  -webkit-box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
  box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
}
.nav-card a { display:block; text-decoration:none; }
.nav-card a .nav-card-image { position:relative; width:100%; padding-bottom:66.66%; margin-bottom:12px; overflow:hidden;  }
.nav-card a .nav-card-image-bg {  position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; transition: all .5s; }
.nav-card a .nav-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.0); transition: all .5s;  }
.nav-card a:hover .nav-card-image-bg { transform: scale(1.02); }

.nav-card-content { width:100%; height:100%; background-color:var(--cms-black); padding:10px 20px 20px 20px; text-align:center; }
.nav-card-content-headline { color:white; font-weight: 600; font-size: 20px; line-height: 25px;}



/* basic snake */

.snake-wrap { width:100%; background-color:var(--cty-banner-wrap); }
.snake-container { width:100%; max-width:1200px; background-color:white; margin:0 auto; }
.snake-row { display:block; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; background-color:white; padding:30px; }
@media all and (min-width: 576px) {
	.snake-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.snake-row { display:flex; }
	.snake-row-alternate { flex-direction: row-reverse; }
	.snake-image { width:50%; padding:0; }
	.snake-content { width:50%; padding:60px; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
}

/* basic staff */

.basic-staff { margin:24px 0; }
.staff-card { margin-bottom:24px; }
.staff-picture-hold { max-width:240px; margin:36px auto 22px auto; }
.staff-picture { width:100%; padding-bottom:100%; border-radius:50%; background-position:center center; background-size:cover;  }
.staff-name { text-align:center; font-weight: 600; font-size:20px; line-height:1.3; margin-bottom:4px; }
.staff-title { text-align:center; font-weight: 400; font-size:18px; line-height:1.3; margin-bottom:4px; }
.staff-body { text-align:center; font-weight: 400; }






/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--cms-red); }
.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-popup { width: 240px; padding-bottom: 30px; } 
.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(--cms-black); font-weight:500; font-size:1.2rem; line-height:1.3; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:8px 0px; font-size:0.8rem; font-weight:300; line-height:1.3; color: var(--cms-black); }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; }


/* point-section */

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

.section-filters { text-align:center; margin:30px 0px; }
.section-filters .section-filters-title { text-align:center; color:inherit; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:600; text-transform:uppercase; margin:0 0 14px 0;}
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
font-weight:400;
text-decoration: none;
line-height: 12px;
font-size: 12px;
text-align: center;
display:inline-block;
color:var(--cms-black);
background-color:white;
letter-spacing:  0.050rem;
border:1px solid var(--cms-black);
border-radius:2px;
padding:6px 10px;
white-space: nowrap;
margin:4px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:var(--cms-black); border-color:var(--cms-black); color:white; text-decoration: none; }
.section-filters a.selected { background-color:var(--cms-black); border-color:var(--cms-black); color:white; }

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

.pst { margin-bottom:24px; }
.pst-topline { border-top:1px solid var(--cms-black); padding-top:8px; }
.pst a { display:block; text-decoration:none; }

.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);  }


/* point section sticky */

.sticky-wrap { background-color:#fafafa; }
.sticky-hold { display:block; }
.sticky-content { width:100%; background-color:white; padding:40px; min-height:100px; }
.sticky-map { width:100%; height:90vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:90vh; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; width:100%; max-width:1600px; margin:0 auto; background-color:#000; min-height:100vh; }
	.sticky-content { flex: 1 1 auto; height:auto; }
	.sticky-map { flex: 1 1 auto; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}


/* Super Map GL */

.smap-wrap { background-color:inherit; border-bottom:1px solid white; }
.smap-hold { width:100%; margin:0 auto; }
.smap-map { width:100%; height:auto; border-bottom:1px solid white;  }
.smap-content { width:100%; height:auto; margin:0; }
.smap-content-intro { padding:24px; border-bottom:1px solid white; }
#smap-gl #smap { width:100%; height:360px; min-height:360px; max-height:360px; background-color:#F6F6F4; }

@media all and (min-width: 768px) {
	.smap-hold { height:800px; }
	.smap-map { width:70%; height:800px; float:left; border-right:1px solid white;  border-bottom:none; }
	.smap-content { width:30%; height:800px; overflow-y: auto; }
	#smap-gl #smap { width:100%; height:800px; min-height:800px; max-height:800px; }
}


.smap-content h6 { text-align:center;}

.sm_layer { border-bottom:1px solid white; cursor:pointer; padding:4px 24px; }
.sm_layer_marker { width: 24px; height: 38px; display:inline-block; vertical-align:top; }
.sm_layer_label { font-size:18px; line-height:38px; display:inline-block; vertical-align:top; }
.sm_hidden { color:var(--cms-black); }
.sm_hidden:hover { color:var(--cms-red); }
.sm_visible { color:var(--cms-red); }

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

.smarker-bg-art { position:absolute; width:24px; height:36px; fill:var(--cms-red); }
.smarker-art { position:absolute; width:24px; height:36px; text-align:center; font-size:13px; line-height:24px; color:#fff; font-weight:600; }

.smarker-bg { fill:var(--cms-black); }
.fill-color-40 .smarker-bg { fill:var(--cms-red); } /* dine */
.fill-color-41 .smarker-bg { fill:var(--cms-green); } /* shopping */
.fill-color-6 .smarker-bg { fill:var(--cms-orange); } /* entertainment */
.fill-color-42 .smarker-bg { fill:var(--cms-light-blue); } /* services */
.fill-color-25 .smarker-bg { fill:var(--cms-yellow); } /* hotels */
.fill-color-44 .smarker-bg { fill:var(--cms-black); } /* professional services */
.fill-color-45 .smarker-bg { fill:var(--cms-blue); } /* parking */


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

#point-detail { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:50vh; min-height:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:center; }
.ftn h4 { text-align:center; }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid white;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:inherit; }
.ftndistance { font-size:80%; color:inherit; }



/* event cards */

.event-card-filters { margin:24px auto 0px auto; text-align:center; max-width:1100px;}
.event-card-filters a {
display:inline-block;
text-align: center;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
text-decoration: none;
color: var(--cms-blue);
background-color:inherit;
letter-spacing: 1px;
border: 2px solid var(--cms-blue);
padding:0px 12px;
white-space: nowrap;
transition: all 0.15s linear 0s;
margin:0px 8px 12px 0px;
}
.event-card-filters a.highlight { background-color:var(--cms-blue); color:white; border-color:var(--cms-blue); }
.event-card-filters a:hover { background-color:var(--cms-blue); color:white; border-color:var(--cms-blue); text-decoration: none; cursor:pointer;}

.event-card-results { margin:30px 0px 0px 0px; }

.event-card-cell { height:100%; padding-bottom:30px;  }

.event-card { height:100%; background-color:#fafafa; position:relative; }
.event-card-image { width:100%; padding-bottom:56.25%; background-position:center center; background-size:cover; }

.event-card-content { padding:16px 16px; }

.event-card-dateline { font-size:14px; line-height:1.4; margin-bottom:6px; }
.event-card-label { font-size:18px; line-height:1.4; font-weight:600; margin-bottom:6px; }
.event-card-teaser { font-size:14px; line-height:1.4;  }

.event-featured-pill { position:absolute; top:12px; right:12px; display:inline-block; background-color:#222; font-weight: 400; text-transform:uppercase; color:white; letter-spacing:0.100rem; border:0px;
	font-size:11px; line-height:24px; padding: 0px 14px; border-radius:60px; }





/* bbq-events-calendar */
  
:root {
  /*
  --cms-blue: #1976D2; 
  --cms-blue: #2196F3;
  --cty-asec-link: #222; 
  --cty-asec-hover: #444; 
  --cty-asec-divider: #aaa; 
  */
  
  --cty-bbq-bg: var(--cms-cream); /* header bg and calendar bg */
  --cty-bbq-lns: #ffffff; /* linework between dates and calendar rows and tags */
  --cty-bbq-bgtxt: var(--cms-black); /* color of days of the week + empty dates */
  
  --cty-bbq-month: var(--cms-black);
  --cty-bbq-month-bg: var(--cms-cream);
  --cty-bbq-day: var(--cms-black);
  --cty-bbq-day-bg: var(--cms-cream);
  --cty-bbq-dow: var(--cms-black);
  --cty-bbq-dow-bg: inherit;
  
  --cty-bbq-highlight: var(--cms-black); 
  --cty-bbq-highlight-bg: var(--cms-light-blue);  
  --cty-bbq-hover: var(--cms-blue);
  --cty-bbq-hover-bg: var(--cms-light-blue); 
}


.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:var(--cty-bbq-bg); border:1px solid var(--cty-bbq-lns); border-bottom:0; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-results-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; font-weight:600; }
.bbq-results-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

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

.bbq-row { display:block; width:100%; border-top:1px solid var(--cty-bbq-lns); 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:var(--cty-bbq-month); background-color:var(--cty-bbq-month-bg); font-size:12px; line-height:21px; border-radius:4px 4px 0px 0px; margin-top:5px;}
.bbqdate-day { text-align:center; color:var(--cty-bbq-day); background-color:var(--cty-bbq-day-bg); font-size:30px; line-height:41px; border-radius:0px 0px 4px 4px;}
.bbqdate-tip { text-align:center; color:var(--cty-bbq-dow); background-color:var(--cty-bbq-dow-bg); font-size:12px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:var(--cty-bbq-month); background-color:var(--cty-bbq-month-bg); font-size:12px; line-height:21px; border-radius:4px; 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 li a { text-decoration:none; }
.bbq-row-list a:hover { text-decoration:none; }
  
.bbq-control-wrap { margin-bottom:30px; }

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:var(--cty-bbq-bg); border:1px solid var(--cty-bbq-lns); border-bottom:0; font-size:16px; line-height:1.5; padding:12px 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; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }


.bbq-cal-header a { text-decoration:none; }

#bbq-calendar table { width:100%; margin:0; padding:0; border:1px solid var(--cty-bbq-lns);  }   
#bbq-calendar th { /* days of the week */
  border-top:1px var(--cty-bbq-lns) solid; 
  background-color:var(--cty-bbq-bg);
  color:var(--cty-bbq-bgtxt); 
  font-size:12px;
  line-height:28px;
  font-weight:300;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px var(--cty-bbq-lns) solid;
  background-color:var(--cty-bbq-bg);
  color:var(--cty-bbq-bg); /* color of hidden/inactive dates */
  font-size:16px;
  line-height:42px;
  font-weight:500;
  text-align:center;
  }
#bbq-calendar a { display:block; text-decoration:none; }
#bbq-calendar a.ontoday { text-decoration:underline!important; }
#bbq-calendar td.highlight a { background-color:var(--cty-bbq-highlight-bg); color:var(--cty-bbq-highlight); }
#bbq-calendar a:hover, #bbq-calendar td.highlight a:hover { background-color:var(--cty-bbq-hover-bg); color:var(--cty-bbq-hover); }

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

#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; border:1px solid var(--cty-bbq-lns); }
#bbq-categories ul li { padding:0; margin:0; background-color:var(--cty-bbq-bg); border-bottom:1px solid var(--cty-bbq-lns); }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; padding:4px 24px; font-size:0.8rem; line-height:36px; text-align:center; text-decoration:none; }
#bbq-categories a.highlight { background-color:var(--cty-bbq-highlight-bg); color:var(--cty-bbq-highlight); text-decoration:none; }
#bbq-categories a:hover { background-color:var(--cty-bbq-hover-bg); color:var(--cty-bbq-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 .dltime { color:inherit; }



/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
a.post-card { display:block; width:100%; height:100%; background-color:transparent; text-decoration:none; }

.post-card-image { position:relative; width:100%; }
.post-card-image-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all 250ms ease-out; }
.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:white; padding:10px; }

.post-card-content { padding:20px 20px 20px 0px; text-align:left; }
.post-card-content-headline { font-family: 'Termina', sans-serif;
  color: var(--cms-black);
  font-size: 1.35rem;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 6px;
 }
.post-card-content-body { color:var(--cms-black); font-weight:400; font-size:0.9rem; margin-bottom:12px; }
.post-card-content-more { color: var(--cms-blue);
  text-decoration: none;
  font-weight: 500;
 }

a.post-card:hover .post-card-image-cover { background-color:rgba(0,0,0,0.15); }
a.post-card:hover .post-card-content-more { color:var(--cms-blue); }


/* 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:white; background-color:var(--cms-blue); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:var(--cms-blue); }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:600; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}