body,html {
  height:100%;
  font-family: 'Whitney A', 'Whitney B', sans-serif;
  background-color:#1f2e3d;
  -webkit-font-smoothing: antialiased;
}

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

#page-header {
  position: static;
  width:100%;
}
#page-header.is-fixed {
  position: fixed;
  top:0px;
  z-index: 999999;
  width:100%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

#page-content { position: static; z-index:1; }

@media print { .no-print, .no-print * { display: none !important; }}


/* responsive support */

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

.cream-wrap { background-color:#fffbf0;}

.hold-width { max-width:800px; margin:0 auto; }
.padding-top { padding-top:40px; }
.padding-top-half { padding-top:20px; }
.padding-bottom { padding-bottom:40px; }
.form-padding { margin:24px 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:8px; }
.form-vote-padding { padding-top:10px; padding-bottom:20px; }
.hidden-mobile { display:none; }
@media all and (min-width: 768px) {
	.padding-top { padding-top:60px; }
	.padding-top-half { padding-top:30px; }
	.padding-bottom { padding-bottom:60px; }
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px; }
	.form-boxed { padding:16px; }
	.hidden-mobile { display:block; }
}


/* responsive images */

.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:10px 0px 16px 26px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:10px 30px 16px 0px; max-width:48%; height:auto!important; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* responsive features */

figure,figcaption,img { display: block; }
figcaption { font-weight:400; font-size:14px; line-height:1.4; margin:6px 0px 12px 0px; } 

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

.body-feature { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full p, .body-feature-full div, .body-feature-full figure { margin-left:-24px; margin-right:-24px; }
.body-feature-left { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-right { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-callout { border-top:1px solid #e2bc64; border-bottom:1px solid #e2bc64; margin-top:30px; margin-bottom:30px; }
.body-feature-callout p { font-weight: 500; font-size:20px; line-height:30px; text-align:center; padding:16px 0px 6px 0px; }

.body-feature-full figcaption { padding-left:24px; padding-right:24px; }

@media all and (min-width: 768px) {
	.body-feature-left { float:left; padding:0; margin:6px 30px 12px 0px; width:60%; }
	.body-feature-left p, .body-feature-left figure { margin-left:-24px; } 
	.body-feature-right { float:right; padding:0; margin:6px 0px 12px 30px; width:60%; }
	.body-feature-right p, .body-feature-right figure { margin-right:-24px; }
	.body-feature-callout { } 
	.body-feature-callout p { padding:24px 24px 14px 24px; }
	
	.body-feature-left figcaption { padding-left:24px; }
	.body-feature-right figcaption { padding-right:24px; }
}


/* sponsor logos */

.sponsor-logos { margin:24px 0px; text-align:center;}
.sponsor-logos p { display:inline-block; max-width:120px; margin:6px 6px; border:2px solid #eee;}
.sponsor-logos p a { display:block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos p a:hover { border:2px solid #e66045; }
.sponsor-logos p img { max-width:120px; border:16px solid #fff; width:100%!important; height:auto!important; }
@media all and (min-width: 768px) {
	.sponsor-logos p { max-width:160px; margin:14px 12px;}
	.sponsor-logos p img { max-width:160px; }
}


/* alert box */

.alert-wrap { background-color:#D73C1D; 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: 22px;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.050rem;
}

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

#page-header.is-fixed .alert-wrap { display:none; }


/* global typography */

h1 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; color:#2b3b4c; font-size: 2.2rem; text-transform:uppercase; letter-spacing: 0.15rem; margin: 0 0 1rem 0; }
h2 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; color:#2b3b4c; font-size: 1.4rem; text-transform:uppercase; letter-spacing: 0.10rem; margin: 1.5rem 0 1rem 0 }
h3 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; color:#2b3b4c; font-size: 1.3rem; text-transform:uppercase; letter-spacing: 0.05rem; margin: 1.5rem 0 1rem 0; }
h4 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; color:#2b3b4c; }
h5 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; } 
h6 { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight:400; }
h2.on-detail { font-size:14px; margin-top:20px; font-weight:400; color:#222; }

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

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

b,strong { font-weight: 600; }

label { font-size:90%; font-weight:600; text-transform:uppercase; color:#747d86; }

hr {
    text-align: left;
    border: 0;
    width: 120px;
    height: 3px;
    background-color: #e66045;
    margin: 1rem 0px 1rem 0px;
}
hr.text-center { text-align:center; display: block; margin-left:auto; margin-right:auto; }

a { color:#D73C1D; text-decoration:none; }
a:hover { color:#e66045; text-decoration:none; }

a div.lnk-primary { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; color:#e66045; font-weight:400; font-size:24px; line-height:29px; }
a div.lnk-secondary { color:#222; font-weight:500; font-size:16px; line-height:24px; margin-top:3px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#e66045; }
a:hover div.lnk-secondary { color:#444; }

b,strong { font-weight:700; }

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


.btn-brand { background-color:#D73C1D; font-weight:600; text-transform:uppercase; color:#fff; border-radius:0; letter-spacing:0.100rem; border:1px solid #D73C1D; font-size:14px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#e66045; border-color:#e66045; color:#fff; }

.btn-outline-brand { background-color:#fff; font-weight:600; text-transform:uppercase; color:#D73C1D; border-radius:0; letter-spacing:0.100rem; border:1px solid #D73C1D; font-size:14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#e66045; border-color:#e66045; color:#fff; }

.btn-brand-pill { background-color:#D73C1D; font-weight:600; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #D73C1D; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-brand-pill:hover {  background-color:#e66045; border-color:#e66045; color:#fff; }


.btn-staff-email { margin-top:10px; margin-bottom:16px; background-color:#D73C1D; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #D73C1D; font-size:10px; line-height:12px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-staff-email:hover {  background-color:#e66045; border-color:#e66045; color:#fff; }



/* footer */

footer { display:block; background-color:#2B3B4C; padding:30px 0; text-align: center; }

.footer-title { margin:12px 0; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-size: 28px; color:#69b2a9; letter-spacing: .2em; text-transform:uppercase; }
.footer-social { margin:12px 0; }
.footer-links { margin:12px 0; }
.footer-copyright { margin:12px 0; font-size:14px; color:#69b2a9; }

.footer-social a { display:inline-block; width:30px; height:30px; font-size:22px; line-height:30px; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:#fff; background-color:inherit; border:none; transition: all 0.15s linear 0s;}
.footer-social a:hover { color:#e2bc64; background-color:inherit; }

.footer-links span { color:#e2bc64; margin-left:10px; margin-right:10px; }
.footer-links a { color:#fff; text-decoration:none; }
.footer-links a:hover { color:#e2bc64; text-decoration:underline; }

/* banner */

.no-banner { width:100%; border-top:1px solid #eee; }

.banner-text { width:100%; background-color:#eee; border-bottom:1px solid #fff; background-position:center center; background-size:cover; }

.banner-text-table { display:table; width:100%; }

.banner-text-darken { background-color:rgba(0,0,0,0.5); }

.banner-text-row { padding:60px 24px 60px 24px; min-height:180px;}
.banner-text-cell { max-width:600px; margin:0 auto; text-align:center;}
.banner-text-cell .banner-text-cell-headline { font-size: 30px; line-height: 36px; color:#fff; text-shadow: 2px 2px 4px #000000;}
.banner-text-cell .banner-text-cell-secondary { color:#fff; font-size: 18px; line-height: 23px; text-shadow: 2px 2px 4px #000000;}

@media all and (min-width: 768px) { 
	.banner-text-row { padding:100px 24px 100px 24px; min-height:260px;}
	.banner-text-cell .banner-text-cell-headline { font-size: 78px; line-height: 85px; color:#fff;}
	.banner-text-cell .banner-text-cell-secondary { color:#fff; font-size: 22px; line-height: 28px;}
	
}

/* detail header */

.full-color { width:100%; background:#fafafa; }

.detail-header-cap-diagonal-not-used { 
	width:100%; height:24px;
	background-color: #2b3b4c;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e66045' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

.detail-header-cap { width:100%; height:1px; background-color: #e66045; }
@media all and (min-width: 768px) { .detail-header-cap { height:24px; }}

.detail-header { width:100%; background:#e66045; }
.detail-header h1 { font-size:3.0rem; color:#fff; }

p.header-groups { margin-top:0px; font-size:15px; line-height:30px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:#2b3b4c; max-width:900px; margin:0 auto; } 
a.btn-header-groups { color:#fffbf0; transition: all 0.15s linear 0s; }
a.btn-header-groups:hover { color:#e2bc64;  }


/* sidenav */

#sidenav { width:100%; }

#snavsection { background-color:#edca80; border:1px solid #edca80; }
#snavsection a { display:block; padding:16px 16px; text-transform:uppercase; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; letter-spacing:0.15rem; font-size:18px; line-height:20px; color:#2b3b4c; }
#snavsection a:hover { color:#e66045; }

#sidenav ul { padding:0; margin:0; }

#sidenav > ul { border-left:3px solid #edca80; } /* outer ul */

#sidenav li { padding:0; margin:0; list-style:none; }

#sidenav li ul { padding-bottom:16px; }

#sidenav li ul li { padding:4px 0px; }

#sidenav > ul > li { border-bottom:1px solid #edca80; }
#sidenav > ul > li:last-child { border-bottom:none; }

#sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  background-color:#fff;
  font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif;
  font-weight:400;
  letter-spacing:0.025rem;
}

#sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:center; padding:16px 0px; font-weight:400; font-size:14px; line-height:24px; vertical-align:top; color:#ffffff; }
#sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:16px 20px 16px 0px; font-weight:400; font-size:17px; line-height:24px; vertical-align:top; color:#2b3b4c; }
#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:24px; vertical-align:top; color:#2b3b4c; }
 
#sidenav li a:hover div { color:#e66045; }
#sidenav li a.activeitem div { color:#D73C1D; }
#sidenav li a.activeiteminner div { color:#D73C1D; }




/* image links gallery */

.image-link-gallery { }
.image-link-gallery a { display:block; width:100%; margin-top:30px; }

.image-link-gallery a .galleryhi-image { width:100%; background-size:cover; background-position:center center; }
.image-link-gallery a .galleryhi-table { display:table; width:100%; height:180px; background-color:rgba(0,0,0,0.05); border-radius: 5px; transition: all 0.25s linear 0s; }
.image-link-gallery a .galleryhi-tr { display:table-row; width:100%; height:100%;}
.image-link-gallery a .galleryhi-td { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:0px 40px; }

.image-link-gallery a .galleryhi-td span { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; display:inline-block; background-color:#D73C1D; padding:16px 16px; border-radius: 0px; transition: all 0.15s linear 0s; }
.image-link-gallery a .galleryhi-td span { color:#fff; font-size:20px; line-height:20px; }

.image-link-gallery a:hover .galleryhi-table { background-color:rgba(0,0,0,0.20); }
.image-link-gallery a:hover .galleryhi-td span { background-color:#e66045; }

@media screen and (min-width: 768px) {
	.image-link-gallery a .galleryhi-table { height:320px; }
}


/* home page video */

.hero-wrap {
    position: relative;
    width:100%; height:400px;
	top: 0;
	overflow:hidden;
	background:#444;
}
@media all and (min-width: 768px) {
	.hero-wrap { height: 85vh; min-height:400px; max-height:600px; }
}

#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);
  background: url('https://ctycms.com/ca-santa-cruz/20171030-dta-frontpage-video.jpg') no-repeat;
 background-size: cover; 	
}
audio, canvas, progress, video {
 display: inline-block;
 vertical-align: baseline;
}

.hero-image-darken {  position: absolute; z-index: 101; display:table; width:100%; height:100%; background-color: rgba(43,59,76,.5); }
.hero-image-content { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:20px; }

.hero-content-hold { width:100%; max-width:600px; margin: auto;}
.hero-content-logo { display:block; width:100%; }

.hero-colors { display:table; width:100%; height:8px; }
.hero-orange { display:table-cell; width:33%; background-color:#e66045; } 
.hero-aqua { display:table-cell; width:33%; background-color:#69b2a9; } 
.hero-gold { display:table-cell; width:33%; background-color:#e2bc64; } 

/* home big boxes */

.home-big-boxes { display:block; width:100%; margin-top:24px; }
.home-big-box-content { display:block; width:100%; background-color:#2b3b4c; padding:30px; }
.home-big-box-events { display:block; width:100%; background-color:#fffbf0; padding:30px; }
@media all and (min-width: 768px) { 
	.home-big-boxes { display:table; width:100%; }
	.home-big-box-content { display:table-cell; width:50%; vertical-align:top; padding:40px; }
	.home-big-box-events { display:table-cell; width:50%; vertical-align:top; padding:40px;  }
}
@media all and (min-width: 1200px) { 
	.home-big-box-content { padding:90px; }
	.home-big-box-events { padding:90px;  }
}
.home-big-box-content h2, .home-big-box-content h3, .home-big-box-content p { color:#fff; }

/* home page events */

.home-events-wrap { background-color:#fffbf0; }

#homeeventsfeaturebox {
	background-color:#fff; width:100%; height:auto;
	margin-bottom:20px;
	}
#featureboximage { }
#featureboxtip { position:absolute; background-color:rgba(0,0,0,0.7); color:#fff; padding:0 20px; letter-spacing: 0.100rem; font-size:12px; line-height:32px; margin-top:-32px; z-index:200; }	
#featureboxtext { width:100%; padding:30px 20px; }
#featureboxtext a { font-size:21px; line-height:30px; }
#featureboxtext span { color:#582602; text-transform:uppercase; letter-spacing: 0.100rem; font-size:12px; line-height:20px; }


/* home callout box */

.home-callout-wrap { width:100%; background-color:#2F4050; background-position: center center; background-size:cover; }

.home-callout-domino { display:block; width:100%; }
.home-callout-domino-cell-a { display:block; width:100%; }
.home-callout-domino-cell-b { display:block; width:100%; }
@media all and (min-width: 768px) { 
	.home-callout-domino { display:table; width:100%; }
	.home-callout-domino-cell-a { display:table-cell; width:40%; vertical-align:middle; padding-right:30px; }
	.home-callout-domino-cell-b { display:table-cell; width:60%; vertical-align:middle; padding-left:30px; }
}
.home-callout-domino p, .home-callout-domino h2 { color:#fff; text-shadow:1px 1px 1px #000; }
.home-callout-domino p .btn { text-shadow:none; }
.home-callout-domino .video-container { border:2px solid #2E3F4F; background-color:#2E3F4F; }


/* fauxgram */

.fauxgram { width:100%; background-color:#D73C1D; }

.fauxgram-row { width:100%; display:flex; }
.fauxgram-follow { width:100%; }
.fauxgram-follow a { display:flex; width:100%; height:100%; padding:60px 30px; align-items:center; text-decoration:none; color:white; }
.fauxgram-follow a:hover { color:white; text-decoration:none; }
.fauxgram-follow a div { width:100%; text-align:center; }

.fauxgram-icon { color:var(--cty-brand-yellow); font-size:42px; line-height:1; }
.fauxgram-headline { font-weight:800; font-size:32px; line-height:1; margin-top:8px; margin-bottom:12px; }
.fauxgram-handle { font-weight:700; font-size:14px; line-height:1; }

.fauxgram-cell { width:50%; }
.fauxgram-img { width:100%; padding-bottom: 133%; background-size:cover; background-position:center center; }

@media all and (min-width: 992px) {
  .fauxgram { width:100%; display:flex; }
  .fauxgram-row { width:40%; }
  .fauxgram-follow { width:20%; }
}



/* basic snake */

.snake-wrap { width:100%; background-color:#fafafa; }
.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; }
}
@media all and (min-width: 1200px) {
	.snake-content { padding:120px; }
}


/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#e66045; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#ffffff; 
	font-family: 'Whitney A', 'Whitney B', sans-serif; font-weight:700; text-transform:uppercase;}
  
.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */

.smarker-parking-0 { position:absolute; width:24px; height:36px; fill:#e66045; }
.smarker-parking-1 { position:absolute; width:24px; height:36px; fill:#2b3b4c; }

.mapboxgl-popup { width: 220px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:20px 10px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:8px 0px; color: #2b3b4c; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-weight: 400; font-size:22px; line-height:22px; text-transform:uppercase; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:8px 0px; color: #292b2c; font-family: 'Whitney A', 'Whitney B', sans-serif; font-weight: 400; font-size:16px; line-height:24px; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:8px 0px; font-family: 'Whitney A', 'Whitney B', sans-serif; font-weight: 400; font-size:14px; line-height:20px;}



/* point-section */

.list-name { color:#2b3b4c; font-size:3.0rem; }

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


.section-filters { text-align:center; margin:30px 0px; }
.section-filters .section-filters-title { text-align:center; color:#222; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:400; 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:#69b2a9;
background-color:#ffffff;
letter-spacing:  0.050rem;
border:1px solid #69b2a9;
border-radius:2px;
padding:4px 8px;
white-space: nowrap;
margin:4px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:#69b2a9; border-color:#69b2a9; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#69b2a9; border-color:#69b2a9; color:#fff; }



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

.pst { margin-bottom:24px; }
.pst-topline { border-top:1px solid #eee; padding-top:8px; }
.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(230,96,69,0.0); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(230,96,69,0.5);  }



/* 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:#D73C1D; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:#fff; background-color:#e66045; }



#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:450px; background-color:#E6E4E0; border-top:2px solid #fff; border-bottom:2px solid #fff; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid #fff; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.pev ul { list-style-type: none; padding:0; margin:0; }
.pev li { } 
.pev .pevname { }
.pev .pevdate { color:#555; }
.pev .pevtime { color:#aaa; }



.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 #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:#555; }
.ftndistance { font-size:80%; color:#aaa;}



/* bbq-events-calendar */

/* bbq-controls */

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#d3eae7; font-size:18px; line-height:1.5; padding:12px 0px; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif;}
.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-calendar table { width:100%; background-color:#d3eae7; margin:0; padding:0; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; }   
#bbq-calendar th { /* days of the week */
  border-top:1px #fff solid; 
  background-color:#d3eae7;
  color:#2b3b4c; /* color of days of the week */
  font-size:12px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #fff solid;
  background-color:#d3eae7;
  color:#69b2a9; /* color of inactive dates */
  font-size:15px;
  line-height:40px;
  text-align:center;
  }
#bbq-calendar a { display:block; text-decoration:none; }
#bbq-calendar a.ontoday { text-decoration:underline; }
#bbq-calendar td.highlight a { background-color:#e2bc64; color:#2b3b4c; }
#bbq-calendar td a:hover { text-decoration:none; background-color:#e66045; color:#fff; }

.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 #e7e7e7; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:#fafafa; padding:0 24px; font-size:14px; line-height:36px; text-align:center; }
#bbq-categories a.highlight { background-color:#ddd; color:#222; }
#bbq-categories a:hover { text-decoration:none; background-color:#bada55; }

#bbq-submit a { display:block; background-color:#eee; padding:0 24px; font-size:11px; line-height:34px; }
#bbq-submit a:hover { text-decoration:none; background-color:#bada55;}


/* bbq-results */

h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:#d3eae7; font-size:18px; line-height:1.5; padding:12px 0px; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; }
.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; text-transform:none; }
.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 #d3eae7; 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; }
	.bbq-row-homepage .bbq-row-date, .bbq-row-homepage .bbq-row-list { vertical-align:middle; }
}

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; margin-top:5px; }
@media all and (min-width: 768px) { .bbqdate { margin:0;  margin-top:5px; }}

.bbqdate { border-left:3px solid #69b2a9; border-right:3px solid #69b2a9;}
.bbqdate-month { text-align:center; color:#428063; background-color:inherit; font-size:12px; line-height:20px; text-transform:uppercase; font-weight:600; letter-spacing:0.100rem; }
.bbqdate-day { text-align:center; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; color:#444; background-color:inherit; font-size:30px; line-height:40px; }
.bbqdate-tip { text-align:center; color:#666; background-color:inherit; font-size:12px; line-height:20px; }

.bbqdate-ongoing { text-align:center; color:#69b2a9; background-color:inherit; font-size:12px; line-height:20px; text-transform:uppercase; font-weight:600; }

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


.point-box { display:table; width:100%; }
.point-box-icon { display:table-cell; width:24px; vertical-align:top; padding-top:2px; }
.point-box-link{ display:table-cell; width:auto; vertical-align:top; }


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


/* Owl Gallery */

.owl-wrapper { }

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6; /* inactive color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #2B3B4C; /* hover color */
  color: #fff;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme .owl-dots .owl-dot span {
  width: 20px; /* circle size */
  height: 20px; /* circle size */
  margin: 6px 8px;
  background: #d6d6d6; /* inactive color */
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #2B3B4C; /* active color */
}


/* form submit event */

.input-group-addon.Sstartdate,
.input-group-addon.Senddate{
  cursor: pointer;
  }

.input-group-text {height:38px; }  
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
input[readonly] {
  background-color: #f6f8f9!important;
  color: #999!important;
}

.div-advanced-options { 
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding:8px 16px;
}

.table-advanced-events > tbody > tr > td, .table-advanced-events > tbody > tr > th {
    padding: 10px 16px 0px 0px;
    line-height: 1.42857143;
    vertical-align: middle;
	border-top:none;
	margin:0;
}

.table-advanced-events > tbody > tr > th { width:120px; }
.table-advanced-events > tbody > tr > td { line-height:34px;}
.table-advanced-events > tbody > tr > th > label { font-weight:700;}


/* Basic Landing Page */

.nav-card-gallery { margin:24px 0px; }
.nav-card { margin-bottom:24px; }
.nav-card a { display:block; width:100%;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.nav-card-image { position:relative; width:100%; height:auto; }
.nav-card-image-image { }
.nav-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.25); }
.nav-card-content { background-color:#eee; padding:20px; text-align:left; }
.nav-card-content-headline { color:#444; font-size:20px; line-height:26px; margin-bottom:10px; }
.nav-card-content-body { color:#555; font-size:14px; line-height:20px;  margin-bottom:10px; }
.nav-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;
}
.nav-card-card a:hover .nav-card-card-image-cover { background-color:rgba(0,0,0,0.0); }
.nav-card-card a:hover .nav-card-card-content { background-color:#bada55; } 


/* News Links */

dl { display:block; margin:30px 0px 24px 0px; border-bottom:2px solid #eee;}
dt { display:block; background-color:#fff; cursor:pointer; padding:10px 2px; font-size:20px; line-height:24px; margin-top:1px; border-top:2px solid #eee; text-align:left; }
dt span { float:right; width:40px; text-align:center;}
dd { display:block; background-color:#fff; padding:10px 2px; text-align:left; }
dt.is-closed {  }
dt.is-closed span.dtup { display:none; }
dt.is-closed span.dtdown { display:inline-block; }
dt.is-open {  }
dt.is-open span.dtup {display:inline-block; }
dt.is-open span.dtdown { display:none; }

.lk { padding:8px 0px 16px 0px; }
.lk a { display:table; width:100%; }
.lk a .lk-arrow { display:table-cell; vertical-align:top; width:36px; color:#222; }
.lk a .lk-content { display:table-cell; vertical-align:top; width:auto;}


/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
.post-card { margin-bottom:30px; }
.post-card a { display:block; width:100%; border-left:2px solid #e66045; border-top:2px solid #e66045;}

.post-card-image { position:relative; width:100%; height:auto; }
.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.25); }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,1); 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:#2b3b4c; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-size:24px; line-height:1.4; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:16px; line-height:24px;  margin-bottom:12px; }
.post-card-content-more { color:#D73C1D; font-size: 12px; line-height:16px; font-weight: 700; letter-spacing: 0.100rem; 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 {  }
.post-card a:hover .post-card-content {  padding:20px 15px 20px 25px; background-color:#fff; } 
.post-card a:hover .post-card-content-headline {  }
.post-card a:hover .post-card-content-body { }
.post-card a:hover .post-card-content-more { color:#e66045; }


/* 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:#D73C1D; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#e66045; }

.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:50px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}

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




/* downtown tuesdays */

.dt-isotope { margin:24px 0px; width:100%; }

.dt-isotope-sizer,.dt-isotope-item { width: 100%; }

.dt-card { background-color:#def2f0; margin-bottom:20px; 
-webkit-box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
-moz-box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
}

.dt-image { background-color:#fff; } 

.dt-content { padding:16px; text-align:center; }
.dt-location { margin-bottom:8px; }

@media all and (min-width: 768px) {
	.dt-isotope-sizer,.dt-isotope-item { width: 50%; }
	.dt-card { margin:12px; }
	.dt-content { padding:20px; text-align:center; }
}

@media all and (min-width: 992px) { 
	.dt-isotope-sizer,.dt-isotope-item { width: 33.33%; }
	.dt-card { margin:16px; }
	.dt-content { padding:24px; text-align:center; }
}


/* basic cards isotope */

.card-isotope { margin:24px 0px; width:100%; }

.card-isotope-sizer,.card-isotope-item { width: 100%; }

.card-isotope-card { background-color:#def2f0; margin-bottom:20px; 
-webkit-box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
-moz-box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
box-shadow: 0px 2px 8px 0px rgba(43,59,76,0.25);
}

.card-isotope-image { background-color:#fff; width:100%; padding-bottom:100%; background-size:cover; background-position:center center; } 
.card-isotope-content { padding:16px; text-align:center; }
.card-isotope-content h2 { margin-top:0px; }

@media all and (min-width: 768px) {
	.card-isotope-sizer,.card-isotope-item { width: 50%; }
	.card-isotope-card { margin:12px; }
	.card-isotope-content { padding:20px; text-align:center; }
}

@media all and (min-width: 992px) { 
	.card-isotope-sizer,.card-isotope-item { width: 33.33%; }
	.card-isotope-card  { margin:16px; }
	.card-isotope-content { padding:24px; text-align:center; }
}



/* staff browser */

staff-card-hold { margin:24px 0px; }
.card-bottom { margin-bottom:30px; }
.staff-card {
  width: 100%;
  height:100%;
  border: 1px solid rgba(0,0,0,.125);
  box-shadow: .25em .25em .5em rgba(0,0,0,.07);
}
.staff-card-bg { width:100%; height:150px; background:url('https://ctycms.com/ca-santa-cruz/parade-home-page-gold-450x220.jpg') center center no-repeat; background-size:cover; }
.staff-card-img { display:block; border: 5px solid #fffbf0; width: 160px; border-radius: 50%; margin:0px auto; margin-top:-80px; }
.staff-card-content { padding:10px 12px 20px 12px; text-align:center; }
.staff-card-name { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; color: #2b3b4c; font-size:24px; line-height:1.3; }
.staff-card-title { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; color: #68b1a9; font-size:16px; line-height:1.3; }


/* parking */

.parking-wrap { background-color:#fffbf0; margin:24px 0px; }
@media all and (max-width: 767px) {
	.parking-wrap { margin-left:-24px; margin-right:-24px; }
}
.parking-wrap-map { border:4px solid #fffbf0; }
.parking-wrap-content { padding:20px; }

.parking-feature { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-size:20px; line-height:24px; margin-left:2px; }
.parking-free { color:#2b3b4c; }
.parking-ev { color:#69b2a9; }

ul.parking { }
ul.parking li { list-style:none; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; margin-bottom:6px; }
ul.parking li a { text-decoration:underline;}


/* directory */

#letterindexplace {
	border: 1px solid #dee2e6; border-bottom:none;
}
#letterindex {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}
#letterindex li {
  list-style-type: none;
  float: left;
  display: block;
  background-color: #eeeeee;
  color: #DE3421;
  padding: 6px;
  margin: 2px;
  cursor: pointer;
  font-weight: 700;
}

/* awe */

.awe-nav-wrap { border-top:1px solid #eee; margin-top:16px; padding-top:16px; }
a.awe-nav { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; text-transform:uppercase; letter-spacing:0.050rem;}

.awe-square { display:block; position:relative; width:100%; height:264px; background-color:#eee; margin-bottom:30px;}
.awe-square-image { width:100%; height:264px; background-position:center center; background-size:cover;  }
.awe-square-label { position:absolute; top:0px; display:table; width:100%; height:264px; background-color:rgba(43,59,76,0.0); transition: all 0.20s linear 0s; }
.awe-square-label:hover { background-color:rgba(230, 96, 69,0.95) }
.awe-square-label-cell { opacity:0; display:table-cell; width:100%; height:264px; text-align:center; vertical-align:middle; padding:0px 40px; text-align:center; color:#fff; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif;
font-weight: 400; letter-spacing: 0.10rem; text-transform:uppercase; text-shadow:0px 0px 1px #2B3B4C;  transition: all 0.25s linear 0s; }
.awe-square-label-cell:hover { opacity:1; }


/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { border:1px solid #e1e1dc; padding:16px 20px; height:100%; }
.pcovid h2 { margin:0 0 6px 0; font-size:25px; line-height:1.2; }
.pcovid p { margin:0 0 10px 0; }

.pcovgroups { font-style:italic; font-size:16px; line-height:1.4; margin:0 0 10px 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:#69b2a9; border:none; margin-right:4px; }

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




/* simple slider */

.cafe-swiper-hold { position:relative; }

.cafe-swiper-next, .cafe-swiper-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: #D73C1D;
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-swiper-prev { left:-22px; }
.cafe-swiper-next { right:-22px; }


/* simple slider carousel */

.cafe-carousel-card { position:relative; }

.cafe-carousel-next, .cafe-carousel-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: #D73C1D;
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-carousel-prev { left:-22px; }
.cafe-carousel-next { right:-22px; }

.carousel-card { display:block; background-color:#fafafa; }
.carousel-card-image { display:block; }
.carousel-card-image-img { display:block; width:100%; padding-bottom:80%; background-size:cover; background-position:center center; }
.carousel-card-content { padding:1rem; }
.carousel-card-content-cell { text-align:left; }

@media all and (min-width: 992px) {
  .carousel-card { display:flex; flex-direction: row-reverse; }
  .carousel-card-image { width:50%; height:auto; }
  .carousel-card-image-img { width:100%; height:100%; padding:0; }
  .carousel-card-content { width:50%; min-height:500px; padding:0; display: flex; align-items: center; }
  .carousel-card-content-cell { padding:0 2rem; }
}
@media all and (min-width: 992px) {
  .carousel-card-content-cell { padding:0 4rem; }
}

.carousel-card-headline { font-weight:700; font-size:1.1rem; margin-bottom:0.5rem; }
.carousel-card-text { font-size:1rem; }
.carousel-card-link { margin-top:0.5rem; }

/* events cards */

a.evcard { display:block; width:100%; height:100%; background-color:#fffbf0; color:#2b3b4c; text-decoration:none; position:relative; border-top:2px solid #D73C1D;}

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

.evcard-content { padding:1.5rem;}
.evcard-content-subhead { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; text-transform:uppercase; }
.evcard-content-headline { font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; font-size:28px; line-height:1.2; margin-bottom:6px; }
/*.evcard-content-time { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }
.evcard-content-venue { font-weight:400; font-size:0.8rem; margin-bottom:0.5rem; }*/
.evcard-content-text { color:#222; font-weight:500; font-size:16px; line-height:24px;  margin-bottom:12px;  }
.evcard-content-more { color:#D73C1D; font-size: 12px; line-height:16px; font-weight: 700; letter-spacing: 0.100rem; text-transform: uppercase; }

a.evcard .evcard-content-more { -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

a.evcard:hover .evcard-content-more { padding-left:6px; }


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

.evcard-date-box { position:absolute; top:0.75rem; left:0.75rem; background-color:#2b3b4c; color:white;  
  display: flex;
  width:80px; height:80px; 
  flex-direction: column;  /* Stack the text vertically */
  justify-content: center;  /* Center the content vertically */
  align-items: center;  /* Center the content horizontally */
  text-align: center;  /* align the text inside each child div */
}

.evcard-date-dow { font-size:12px; line-height:14px; font-weight:500; }
.evcard-date-day { font-size:22px; line-height:28px; font-weight:600; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; letter-spacing:0.050rem; }
.evcard-date-month { font-size:12px; line-height:14px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }

.evcard-date-range { font-size:12px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:0.050rem; }
.evcard-date-range span { font-size:16px; line-height:18px; font-weight:700; }
.evcard-date-through { font-size:10px; line-height:16px; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; }

/*
a.evcard:hover { color:inherit; text-decoration:none; }
a.evcard:hover .evcard-content-headline { color:var(--cty-ahover); }
a.evcard:hover .evcard-image-cover { background-color:rgba(0,0,0,0.15); }
*/



.icard { width:100%; border:2px solid white; }
.icard a { display:block; text-decoration:none; color:white; position:relative; }
.icard a:hover { text-decoration:none; color:white; }

.icrd-image-img { width:100%; height:300px; background-position: center center; background-size:cover; }

.icrd-content { position:absolute; top:0px; width:100%; height:300px; background-color:rgba(43,59,77,0.5); }
.icrd-content { display:flex; flex-direction: column; align-items: center; justify-content: center; text-align:center; padding:40px; }

.icard a .icrd-content { background-color:rgba(43,59,77,0.55); transition: all 250ms ease-out; color:#fefaf0; }
.icard a:hover .icrd-content { background-color:rgba(150 ,42 ,19,0.55); color:white; }

.icrd-headline { font-size:28px; line-height:28px; font-weight:400; font-family: 'Knockout 30 A', 'Knockout 30 B', sans-serif; 
  text-transform:uppercase; letter-spacing:0.050rem; text-wrap:balance; }
.icrd-text { font-size:16px; line-height:24px; font-weight:600; text-wrap:balance; }
.icrd-icon { font-size:24px; line-height:36px; margin:10px; }