:root {
  --ccn-brand-red: #c5003e; /* ccn red bright */
  --ccn-brand-red-medium: #8a1538; /* ccn red medium  */
  --ccn-brand-red-plum: #621244; /* ccn red plum  */
  --ccn-brand-yellow: #f1be46; /* ccn brand yellow  */
  --ccn-brand-orange: #f4633a; /* ccn brand orange  */
  --ccn-brand-pink: #ebb4bb; /* ccn brand pink  */
  --ccn-brand-green: #9abeaa; /* ccn brand green  */
  --ccn-brand-blue: #779fb5; /* ccn brand blue */
  --ccn-brand-light-blue: #9adbe8; /* ccn brand light blue  */
  
  --ccn-brand-yellow30: #fcf2da; /* ccn brand yellow 20% #fcf2da */
  --ccn-brand-yellow20: #fcf2da; /* ccn brand yellow 15% #fdf5e4 */
  --ccn-brand-yellow10: #fef8ed; /* ccn brand yellow 10% */
  
  --ccn-brand-purple-medium: #621244; /*footer bg */
  --ccn-brand-purple-dark: #621244; /* footer circles */
  
  /* red theme for sidenav */
  --ccn-subpage-bg1: #8a1538; /* sidebar color */
  --ccn-subpage-bg2: #a61e46; /* sidebar ligher open section */
  --ccn-subpage-txt1: #ffffff; /* sidenav link */
  --ccn-subpage-txt2: #f1be46; /* sidebar hover */
  
  --cc-body-bg: #212529; /* off page background color */
  --cc-pagewrap-bg: white; /* pagewrap background color */
  --cc-pagewrap-txt: #212529; /* pagewrap general color */
     
  --cc-alink: #c5003e; /* brand red */
  --cc-ahover: #8a1538; /* brand medium */
  --cc-asec-link: #222; /* secondary link color */
  --cc-asec-hover: #444; /* secondary hover color */
  --cc-asec-divider: #ebb4bb; /* secondary divider color */
  
  --cc-pnav-link: #c5003e; /* brand red */
  --cc-pnav-hover: #8a1538; /* brand medium */
  --cc-pnav-dropdown: #ffffff; /* var(--cc-pnav-dropdown) dropdown background color */
  
  --cc-linework: #fcf2da; /* hr, sidenav, mobile nav */
  --cc-banner-wrap: #fcf2da; /* var(--cc-pnav-dropdown) dropdown background color */
}

body,html {
  height:100%;
  background-color:var(--cc-body-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility !important;
  font-family: 'Open Sans', sans-serif;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cc-pagewrap-bg);
  color:var(--cc-pagewrap-txt);
}

#page-header { }

#page-content { }

.container-fluid-full { }
.container-fluid { max-width:1280px; padding:0 24px; margin:0 auto; }
.container-fluid-ftn { max-width:1160px; padding:0 24px; margin:0 auto; }
.container-fluid-skinny { max-width:1024px; padding:0 24px; margin:0 auto; }

.container-fluid-narrow { max-width:960px; }
@media screen and (min-width: 1200px) {
  .container-fluid-full { max-width:90000px; padding-left:5%; padding-right:5%; }
}

/* legacy for backwards compatibility with older Citylight code */

.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; }
.form-vote-padding { padding-top:10px; padding-bottom:20px; }
@media all and (min-width: 768px) {
	.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; }
}
.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:8px 0px 16px 40px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:8px 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%; }

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:1280px; padding:0 24px; margin:0 auto; }
.container-fluid-feature p { font-size:17px; line-height:1.6; }
.container-fluid-feature p.intro { font-size:19px; line-height:1.5; }
.container-fluid-feature h5 { margin:0px 0px 12px 0px; } 

.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 #eee; border-bottom:1px solid #eee; margin-top:30px; margin-bottom:30px; }
.body-feature-callout p { font-weight:400; 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; }
}

.feature-header-image { width:100%; max-width:1200px; margin:0 auto; }

.sponsor-logos { margin:24px 0px; text-align:center;}
.sponsor-logos p { display:inline-block; max-width:120px; margin:6px 6px; border:4px solid #eee;}
.sponsor-logos p a { display:block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos p a:hover { border:2px solid #ddd; }
.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; }
}


/* global typography */

h1,h2,h3,h4 { font-family: 'Josefin Sans', sans-serif; color:var(--ccn-brand-red-plum); }

h1 { font-size: 2.5rem; margin-top:0px; margin-bottom: 1rem; font-weight:400; }
h2 { font-size: 1.75rem; margin-top:1rem; margin-bottom: 1rem; font-weight:400;  }

h2.larger { font-size:40px; line-height:1.2; }

h2.on-detail { font-size: 14px; margin-top:1.75rem; margin-bottom: 1.25rem; text-transform:uppercase; font-weight:600; letter-spacing:0.090rem; }

h3 { font-weight:400; font-size: 1.5rem; letter-spacing:0.025rem;  }
h3.ftn-label { text-transform:none; letter-spacing:0.010rem; font-size: 1.75rem; padding-top:24px; }

.cherry-red { background-color:#ff0000; color:#bada55; }
.forest-green { background-color:#ff0000; color:#bada55; }
.sunshine-yellow { background-color:#ff0000; color:#bada55; }
.mint-green { background-color:#ff0000; color:#bada55; }
.salmon { background-color:#ff0000; color:#bada55; } 
.burgundy { background-color:#ff0000; color:#bada55; }
.dusk-blue { background-color:#ff0000; color:#bada55; }
.lavender { background-color:#ff0000; color:#bada55; }

/* keep for legacy blog posts */
h4 { font-family: 'Josefin Sans', sans-serif; font-weight:400; font-size: 1.2rem; color:#78041A; text-transform:uppercase; letter-spacing:0.025rem; }
h5 { font-family: 'Open Sans', sans-serif; font-weight:400; color:#56001f; font-size:14px; line-height:1.4; }  /* post legacy captions */
h6 { font-family: 'Open Sans', sans-serif; font-weight:400; color:#56001f; font-size:14px; line-height:1.4; }. /* post legacy dateline */

p, li { font-size:16px; line-height:1.6; }

p.p600 { font-weight: 600; }

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

label { font-size:90%; text-transform:uppercase; font-weight:600; }

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid var(--cc-linework); opacity:1; }

/* removed from use 12/2023 */
hr.yellow-triangle { display:none; background: url('https://ctycms.com/co-cherry-creek/triangle-yellow-2023.svg') center center no-repeat; background-size:24px 20px; width:100%; height:20px; border:0; margin:10px 0;}


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

a div.lnk-primary { color: inherit; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:var(--cc-asec-link); font-weight:400; font-size:16px; line-height:20px; margin-top:4px; }
a div.lnk-secondary span { color:var(--cc-asec-divider); }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color:var(--cc-asec-hover); }

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



/* buttons */

a.ccn-link { font-weight:700; font-style:italic; text-transform:uppercase; font-size:14px; line-height:24px; letter-spacing:1px; }

.btn-margin { margin:0px 8px 8px 0px; }

.btn-google { background-color:#eee; font-weight:400; color:#666; border:none; border-radius:10px; font-size:10px; line-height:12px; padding:2px 8px; white-space:nowrap; margin-left:8px;  }
.btn-google:hover { background-color:#ddd; color:#222; }

.btn-ccn { font-family: 'Josefin Sans', sans-serif; background-color:var(--cc-alink); border:1px solid var(--cc-alink); color:white; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: 9px 14px 7px 14px; transition: all 0.15s linear 0s; }
.btn-ccn:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }


/*
.btn-brand { font-family: 'Josefin Sans', sans-serif; background-color:var(--cc-alink); border:1px solid var(--cc-alink); color:white; font-size:16px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: 9px 14px 7px 14px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-outline-brand { font-family: 'Josefin Sans', sans-serif; background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:16px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; padding: 9px 14px 7px 14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }
*/



.btn-brand, .btn-brand-pill { font-family: 'Josefin Sans', sans-serif; background-color:var(--cc-alink); border:1px solid var(--cc-alink);  color:white; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: 9px 14px 7px 14px; transition: all 0.15s linear 0s; }
.btn-brand:hover, .btn-brand-pill:hover {  background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-outline-brand, .btn-outline-brand-pill { font-family: 'Josefin Sans', sans-serif; background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: 9px 14px 7px 14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover, .btn-outline-brand-pill:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-naked { font-family: 'Josefin Sans', sans-serif; color:var(--cc-alink); 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(--cc-ahover); }

.btn-brand-pill, .btn-outline-brand-pill { padding: 6px 14px 4px 14px; }


.btn-brand-larger {
  font-family: 'Josefin Sans', sans-serif;
  background-color:var(--cc-alink);
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  padding: 20px 24px 16px 24px;
  letter-spacing: 0.075rem;
  border: 1px solid var(--cc-alink);
  font-size: 14px;
  line-height: 16px;
  transition: all 0.15s linear 0s;
  border-radius: 30px;
}
.btn-brand-larger:hover {  background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.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(--cc-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }


/* alert box */

.alert-wrap { background-color:var(--ccn-brand-purple-medium); }
.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; }


	
/* banner */

.no-banner { width:100%; border-top: 10px solid var(--ccn-brand-yellow30); }
.banner-b { width:100%; background-color:var(--cc-banner-wrap); background-position:center center; background-size:cover; border-bottom: 10px solid var(--ccn-subpage-bg1); }

.banner-b-cover { display:table; width:100%; background-color:rgba(0,0,0,0); }
.banner-b-cover-more { background-color:rgba(0,0,0,0); }
.banner-b-hold { display:table-cell; text-align:center; vertical-align:middle; padding:24px; height:140px; }
.banner-b-headline { font-size: 30px; line-height: 36px; color:#fff; text-shadow: 2px 2px 4px #000000; }
.banner-b-subhead { font-size: 18px; line-height: 23px; color:#fff; text-shadow: 2px 2px 4px #000000; margin-top:8px; }
.banner-where-to { width:100%; height:200px; background-color:#eee; background-position:center center; background-size:cover; }

@media all and (min-width: 992px) {
  .banner-b {  }
	.banner-b-hold { padding:40px; height:300px; }
	.banner-b-headline { font-size: 60px; line-height: 60px; }
	.banner-b-subhead {  font-size: 24px; line-height: 28px; }
}


/* detail header */

.full-color { width:100%; background:var(--ccn-brand-red-plum); }
.detail-header { width:100%; background:var(--ccn-brand-red-plum); }
.detail-header h1 { font-size: 3.0rem; margin:0; }

p.header-groups { margin:1rem 0; } 
a.btn-header-groups { background-color:inherit; padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:var(--cc-alink); border:2px solid var(--cc-alink); }
a.btn-header-groups:hover { color:var(--cc-ahover); border-color:var(--cc-ahover); }

.detail-header { width:100%; color:white; }
.detail-header-pattern { width:100%; height:115px; background: url('https://ctycms.com/co-cherry-creek/bg-pattern-darkopacity.svg') center center; }
.detail-header-content { width:100%; padding-top:24px; padding-bottom:12px; }
.detail-header-content h1 { color:white; text-transform:none; }
.detail-header-content h1.uppercase { text-transform:uppercase; }
.detail-header-content p.header-groups { margin-top:20px; color:white; } 
.detail-header-content p.header-groups a { color:white; text-decoration:underline; }
.detail-header-content p.header-groups a:hover { color:white; text-decoration:underline; }



/* 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: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: var(--ccn-brand-yellow20); /* inactive color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: var(--cc-ahover); /* hover color */
  color: white;
  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: var(--ccn-brand-yellow20); /* 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: var(--cc-alink); /* active color */
}













/* footer */

footer { background: linear-gradient(0deg, rgba(98,18,68,1) 0%, rgba(138,21,56,1) 39%, rgba(197,0,62,1) 100%); }

.footer-wrap { 
  padding:40px 0; 
  background: url('https://ctycms.com/co-cherry-creek/bg-pattern-darkopacity.svg') center center;
}
.footer-wrap p { color:white; }
.footer-wrap p.footer-headline { font-family: 'Josefin Sans', sans-serif; color:white; text-transform:uppercase; font-size:18px; margin-bottom:0; font-weight:600; letter-spacing:0.020rem; }

.footer-legal a { color:white; text-decoration:none; }
.footer-legal a:hover { color:white; text-decoration:underline; }

.footer-panel-actions { display:table; margin:1rem auto; }
.footer-panel-subscribe { display:table-cell; padding-right:12px; height:32px; vertical-align:middle; padding-bottom:2px; }
.footer-panel-social { display:table-cell; height:32px; vertical-align:middle; }
.footer-panel-social a { color:white; padding:0px 8px; font-size:20px; line-height:32px; }
.footer-panel-social a:hover { color:white; }

.footer-logo { width:200px; display:inline-block; margin-bottom:2rem; }

.footer-legal { font-size:13px; }

@media screen and (min-width: 992px) {
  .footer-panel-actions { margin-left:0px; }
  .footer-logo { width:240px; margin:0; }
}




/* sidenav drawer */

.sidenav-container { max-width:1232px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; width:100%; }
	.sidenav-col-nav { display:block; width:25%; vertical-align:top; background-color:var(--ccn-subpage-bg1); }
	.sidenav-col-content { display:block; width:75%; padding-right:30px; padding-left: 40px; vertical-align:top; }
}
@media all and (min-width: 1020px) {
	.sidenav-col-content { padding-left: 70px; padding-right: 70px;  }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:var(--ccn-subpage-bg1); padding:8px 0; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:20px; line-height:24px; }
.d-sidenav-section-label a { display:block; padding:10px 12px 10px 24px; color:var(--ccn-subpage-txt1); font-weight:600; font-family: 'Josefin Sans', sans-serif; text-decoration:none; margin-right:40px; }
.d-sidenav-section-label a:hover { color:var(--ccn-subpage-txt2); text-decoration:none;  }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; color:var(--ccn-brand-red-plum); font-size:20px; line-height:24px; }
.d-sidenav-section-toggle a { display:block; padding:10px 24px 10px 12px; color:var(--ccn-subpage-txt1); text-decoration:none;  }
.d-sidenav-section-toggle a:hover { color:var(--ccn-subpage-txt2m); text-decoration:none; }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 992px) {
  .d-sidenav-section { padding:2px 0; }
	.d-sidenav-section-label { display:block; width:100%; padding:16px 12px 10px 14px; }
  .d-sidenav-section-label a { margin-right:0; }
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border-top:1px solid white; background-color:var(--ccn-subpage-bg1); } 
.d-sidenav li { padding:0; margin:0; list-style:none; }

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

.d-sidenav > ul > li { border-bottom:1px solid white; }

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

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

.d-sidenav li.d-open { background-color:var(--ccn-subpage-bg2); }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:var(--ccn-subpage-bg1); }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:700; text-transform:uppercase; letter-spacing:0.020rem; font-size:13px; line-height:24px; vertical-align:top; color:var(--ccn-subpage-txt1); }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:13px; line-height:24px; vertical-align:top; color:var(--ccn-subpage-txt1); }
.d-sidenav li a:hover div { color:var(--ccn-subpage-txt2); }
.d-sidenav li.d-open a div.sn-indicator { color:var(--ccn-subpage-txt1); }

/* custom nav icons */

.ccn-icon-nav-open { display:block; width:100%; padding-bottom:100%; background:url('https://ctycms.com/co-cherry-creek/ccn_nav_open_red2.svg') center center; background-size:cover; }
.ccn-icon-nav-close { display:block; width:100%; padding-bottom:100%; background:url('https://ctycms.com/co-cherry-creek/ccn_nav_close_red.svg') center center; background-size:cover; }

.ccn-chevron-down { display:block; width:100%; padding-bottom:44%; background:url('https://ctycms.com/co-cherry-creek/ccn_chevron_down_red.svg') center center; background-size:cover; }
.ccn-chevron-up { display:block; width:100%; padding-bottom:44%; background:url('https://ctycms.com/co-cherry-creek/ccn_chevron_up_red.svg') center center; background-size:cover; }



/* custom nav icons */

.ccn-icon-nav-open { display:block; width:100%; padding-bottom:100%; background:url('https://ctycms.com/co-cherry-creek/ccn_nav_open_red2.svg') center center; background-size:cover; }
.ccn-icon-nav-close { display:block; width:100%; padding-bottom:100%; background:url('https://ctycms.com/co-cherry-creek/ccn_nav_close_red.svg') center center; background-size:cover; }

.ccn-chevron-down { display:block; width:100%; padding-bottom:44%; background:url('https://ctycms.com/co-cherry-creek/ccn_chevron_down_red.svg') center center; background-size:cover; }
.ccn-chevron-up { display:block; width:100%; padding-bottom:44%; background:url('https://ctycms.com/co-cherry-creek/ccn_chevron_up_red.svg') center center; background-size:cover; }



/* mobile nav */

.header-wrap { background-color:white; padding:4px 0; }

.nav-relative { }
.nav-hold { position:relative; width:100%; height:60px; }

.nav-toggle { position:absolute; width:30px; height:30px; top:15px; left:0px; }
.nav-logo { position:absolute; width:144px; height:36px; top:12px; left:56px; }
.nav-logo a { display:block; width:144px; height:36px; background-size:contain; background-repeat:no-repeat; }

#nav-drawer { display:none }

#primary-nav { padding-top:16px; }
#primary-nav ul { margin:0; padding:0; }  
#primary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#primary-nav ul li div.menu-set { display:table; border-top:1px solid var(--ccn-brand-red); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 6px 6px 6px;
  color:var(--cc-pnav-link);
  font-family: 'Josefin Sans', sans-serif;
  font-size:18px;
  line-height:36px;
  font-weight:700;
  letter-spacing:0.020rem;
  text-transform:uppercase;
}

#primary-nav ul li div.menu-set a.subnav-toggle { width:10%; text-align:right; }
#primary-nav ul li div.menu-set a:hover { color:var(--cc-pnav-hover); }
#primary-nav ul li div.menu-set a.subnav-toggle span { display:inline-block; width:32px; height:14px; }
#primary-nav ul ul { display:none; margin:0; padding:8px 0px 24px 0px; }

#primary-nav ul li ul li a { /* dropdowns */
  display: block;
  padding:10px 4px 10px 20px;
  font-size:18px;
  line-height:1.5;
  font-family: 'Josefin Sans', sans-serif;
  font-weight:400;
  text-transform:none;
  color:var(--cc-pnav-link);
}

#primary-nav ul li ul li a:hover { color:var(--cc-pnav-hover); }

#secondary-nav { padding:20px 0 24px 0; }

.search-toggle { display:none; }

#site-search {
  display:table;
  width:100%;	
  padding:8px 16px;
  margin:0;
  border:0;
  border-radius:3px;
  text-align:left;
  background-color:#FCF7FA;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:24px;
  color:var(--ccn-brand-red-plum);
  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:16px;
  line-height:24px;
  color:var(--ccn-brand-red-plum);
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:var(--ccn-brand-red-plum); opacity: 0.8; }
#site-search :-moz-placeholder { color:var(--ccn-brand-red-plum); opacity: 0.8; }
#site-search ::-moz-placeholder { color:var(--ccn-brand-red-plum); opacity: 0.8; }
#site-search :-ms-input-placeholder { color:var(--ccn-brand-red-plum); opacity: 0.8; }


/* desktop nav */

@media all and (min-width: 992px) {
  
  .header-wrap { padding:0; }
  .nav-relative { position:relative; width:100%; height:98px; }
  .nav-hold { }
 
  .nav-logo { display:block; position:absolute; top:21px; left:0px; }
  .nav-logo a { display:block; width:224px; height:56px; background-size:contain; background-repeat:no-repeat; }
  .nav-toggle { display:none; }

   #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; top:27px; right:66px; width:auto; height:44px; padding:0; }
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li { display:block; float:left; width:auto; }
  #primary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    padding:13px 24px 7px 24px;
    font-size:18px;
    line-height:24px;
  }
  
  @media all and (min-width: 1200px) {
    #primary-nav ul li div.menu-set a { padding-left:40px; padding-right:40px); }
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  #primary-nav ul li div.menu-set:hover a { color:var(--cc-pnav-hover); }

  #primary-nav ul li:hover a { background-color:var(--cc-pnav-dropdown); }
  #primary-nav ul li a:hover { color:var(--cc-pnav-hover); }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 220px;
    height:auto;
    padding:20px 0px;
    background-color:var(--cc-pnav-dropdown);
    display:none;
  }

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  #primary-nav ul li ul li { width:200px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    background-color:var(--cc-pnav-dropdown);
  }
  
  /* secondary nav */
 
  #secondary-nav {position:absolute; top:27px; right:0px; width:auto; height:44px; padding:0; }
   
  .search-box-block { display:none; }
  .search-hold { display:table; }
  .search-box { display:table-cell; vertical-align:top; }
  .search-toggle { display:table-cell; vertical-align:top; }
  .search-toggle a { display:block; width:40px; font-size:16px; line-height:44px; text-align:center; }
  
}





/* make flodesk accessible */
 
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__label { color:#333333!important; }
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__control { color:#333333!important; }
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__label { color:#333333!important; }
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__control { color:#333333!important; }
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__label { color:#333333!important; }
[data-ff-el="root"].ff-633f0292f60a3ebbf7084789 .ff-633f0292f60a3ebbf7084789__control { color:#333333!important; }


/* home hero */

.hero-hold { width:100%; background-color:var(--ccn-brand-red-plum); }
.hero-image { position:relative; width:100%; padding-bottom:56.25%; background-position: center center; background-size:cover; }
.hero-video-hold { position:absolute; z-index:1; width:100%; padding-bottom:56.25%; overflow:hidden; }
.hero-image-gradient { position:absolute; z-index:2; bottom:0px; width:100%; height:100%; background: linear-gradient(45deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); }
.hero-image-pattern { position:absolute; z-index:3; bottom:30px; width:100%; height:55px; background: url('https://ctycms.com/co-cherry-creek/bg-pattern-hero-home.svg') center center; opacity:0.2;}
.hero-content { width:100%; height:auto; padding-top:30px; padding-bottom:36px; }
.hero-content-headline { text-align:center; font-family: 'Josefin Sans', sans-serif; color:#fff; font-size:35px; line-height:1.2; text-transform:uppercase; }
.hero-content-headline-script { text-align:center; color:#fff; font-size:40px; line-height:1.2; font-family: 'scotch-display-condensed', sans-serif; font-weight: 700; font-style: italic; margin-bottom:6px; }
.hero-content-text { margin:9px 0px 24px 0; text-align:center; color:#fff; font-size:15px; line-height:1.5; }
.hero-content-cta { text-align:center; }

@media all and (min-width: 768px) {
	.hero-hold { position:relative; }
	.hero-image {  }
	.hero-video-hold { }
	.hero-image-gradient { background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); }
	.hero-image-pattern { bottom:70px; height:115px; }
	.hero-content { position:absolute;  z-index:10;  bottom:0px; }
	.hero-content-headline { text-align:left; max-width:560px; font-size:45px;  }
  .hero-content-headline-script { text-align:left; max-width:560px; font-size:55px; }
	.hero-content-text { text-align:left; font-size:16px; line-height:1.5; }
	.hero-content-cta { text-align:left; margin:24px 0px; }
}

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


@media all and (min-width: 1280px) {
	.hero-image { padding:0; height:720px; }
	.hero-video-hold { padding:0; height:720px; width:100%; }
	#hero-video  { max-height:none; min-width: 100%; min-height:100%; width: auto; height:auto; }
}



/* home dots */

.home-dots-hold { display:block; width:100%; margin:30px 0px; }
.home-dots-blockcell { display:block; width:100%; }
.home-dots-table { display:table; width:100%; }
.home-dots-cell { display:table-cell; width:50%; }
.home-dots-cell-a { border-right:1px solid var(--cc-linework); }
.home-dots-cell-b { border-right:1px solid #ffffff; }
.home-dots-cell-c { border-right:1px solid var(--cc-linework); }
.home-dots-cell-d { border-right:1px solid #ffffff; }
.home-dots-row-divider { display:table; width:100%; }
.home-dots-row-divider-cell { display:table-cell; width:50%; padding:24px; }
.home-dots-row-divider-cell span { display:block; width:100%; height:1px; background-color:var(--cc-linework); }

a.hdc { display:block; }
a.hdc span.hdc2 { display:block; width:70px; height:70px; background-color:#fff; border-radius:35px; margin:0 auto; padding:2px; transition: all 0.20s linear 0s; }
a.hdc:hover span.hdc2  { box-shadow: 0px 12px 24px #bbb; } 
span.hdc3 { display:block; width:66px; height:66px; background-color:#eeeeee; border-radius:35px; }
span.hdc3 img { display:block; width:66px; height:66px; }
a.hdc div { color:var(--cc-ahover); text-align:center; font-family: 'Josefin Sans', sans-serif; font-weight:700; font-size:14px; line-height:24px; text-transform:uppercase; letter-spacing:0.025rem; margin-top:16px; }
a.hdc div:hover { color:var(--cc-alink); }
  
@media all and (min-width: 768px) {
	.home-dots-hold { display:table; width:100%; margin:40px 0px; }
	.home-dots-blockcell { display:table-cell; width:50%;}
	.home-dots-row-divider { display:none; }
	.home-dots-row-divider-cell { display:none; }
	.home-dots-table { display:table; width:100%; }
	.home-dots-cell { display:table-cell; width:50%; }
	.home-dots-cell-b { border-right:1px solid var(--cc-linework); }
}


/* home gradient boxes */

.gradientboxes { width:100%; max-width:1280px; padding:0 12px; margin:0 auto; }

.gradientboxes a { display:block; }

.gradientbox1 { display:block; margin-bottom:12px; }
.gradientbox2 { display:block; margin-bottom:12px; }
.gradientbox3 { display:block; }

.gradientbox { 
  width:100%; 
  height:auto; 
  background: rgb(98,18,68);
  background: linear-gradient(-4deg, rgba(98,18,68,1) 0%, rgba(138,21,56,1) 39%, rgba(197,0,62,1) 100%);
  padding-left:16px;
}

.gradientbox-inner { 
  width:100%; 
  height:auto;
  position:relative;
}

.gradientbox-cover {
  position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 66%);
}

.gradientbox-image { 
  position:relative; 
  width:100%; 
  background-size:cover; 
  background-position:center center; 
}
.gradientbox-image1 { height:500px; }
.gradientbox-image2 { height:400px; }
.gradientbox-image3 { height:300px; }

.gradientbox-content { position:absolute; top:20px; left:20px; color:white; padding-right:10px; }
.gradientbox-content-headline { font-family: 'Josefin Sans', sans-serif; font-weight: 400; text-transform:uppercase; font-size:40px; line-height:1.2; }
.gradientbox-content-heading { font-family: 'Josefin Sans', sans-serif; font-size:20px; font-weight:600; margin-top:10px; }
.gradientbox-content-teaser { font-family: 'Josefin Sans', sans-serif;  font-size:16px; font-weight:500; margin-top:10px; }
.gradientbox-content-more { font-family: 'Josefin Sans', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.050rem; margin-top:10px; }

@media all and (min-width: 992px) {
  .gradientboxes { width:100%; height:700px; position:relative; overflow:hidden; padding:0; } 
  .gradientbox1 { width:56%; border-right:15px solid white; margin:0; position:absolute; top:0px; left:0px; }
  .gradientbox2 { width:44%; border-left:15px solid white; margin:0; position:absolute; top:0px; right:0px; }
  .gradientbox3 { width:44%; border-left:15px solid white; margin:0; position:absolute; bottom:0px; right:0px; }
  .gradientbox-image1 { height:700px; }
  .gradientbox-image2 { height:400px; }
  .gradientbox-image3 { height:270px; }
  .gradientbox-content { top:30px; left:30px; padding-right:50px; }
  .gradientbox-content-headline { font-size:32px; }
}




/* flodesk */

.flodesk-hold { padding-top:30px; padding-bottom:30px; }




/* home events */

.bg-yellow { background-color:var(--ccn-brand-yellow20); }

a.home-featured-a { display:block; }

.home-featured-a-headline { font-family: 'Josefin Sans', sans-serif; font-weight: 400; font-size:22px; color:var(--ccn-brand-red-medium); margin-top:24px; margin-bottom:2px; }
.home-featured-a-teaser { color:var(--cc-pagewrap-txt); margin-bottom:14px; }


/* cal boxes */

.cal-boxes { margin-bottom:40px }
a.calbox { display:table; width:100%; margin-bottom:12px; background-color:white; transition: all 0.20s linear 0s; }
a.calbox .calbox-date { display:table-cell; width:75px; background-color:var(--cc-alink); text-align:center; vertical-align:middle; padding:14px 0px; transition: all 0.20s linear 0s; }
a.calbox .calbox-label { display:table-cell; width:auto; vertical-align:middle; text-align:left; padding:6px 14px 6px 24px; }
a.calbox .calbox-icon { display:table-cell; width:24px; padding:0px 20px; vertical-align:middle; text-align:right; }

a.calbox .calbox-date span { display:block; color:white; transition: all 0.20s linear 0s; }
a.calbox .calbox-label span { display:block; }
	
span.calbox-date-a { font-size:10px; line-height:12px; font-weight:700; letter-spacing:0.090rem; text-transform:uppercase; }
span.calbox-date-b { font-size:35px; line-height:40px; font-family: 'Josefin Sans', sans-serif; padding-top:6px; }
span.calbox-date-c { font-size:10px; line-height:12px; font-weight:700; letter-spacing:0.090rem; text-transform:uppercase; }

span.calbox-label-a { font-size:12px; line-height:15px; font-weight:700; letter-spacing:0.090rem; text-transform:uppercase; color:var(--ccn-brand-red-plum); margin-bottom:12px; }
span.calbox-label-b { color:var(--cc-alink); font-family: 'Josefin Sans', sans-serif; font-size:24px; line-height:30px; }

a.calbox:hover .calbox-date { background-color: var(--ccn-brand-yellow); }
a.calbox:hover .calbox-date span { color:#fff; }





/* home color boxes */

.colorbox-wrap { background-color:#fff; margin:20px 0px; }
.colorbox-hold { width:100%; max-width:1280px; margin:0 auto; display:block; background: linear-gradient(0deg, rgba(98,18,68,1) 0%, rgba(138,21,56,1) 39%, rgba(197,0,62,1) 100%); }
.colorbox-image { display:block; width:100%; padding-bottom:62.5%; background:#666; background-position: center center; background-size:cover; }
.colorbox-content { display:block; width:100%; padding:60px 24px; text-align:center; }
.colorbox-tag { color:#fff; font-weight:700; font-size:12px; line-height:16px; text-transform:uppercase; letter-spacing:0.090rem; margin-bottom:30px; }
.colorbox-headline { color:#fff; font-family: 'Josefin Sans', sans-serif; font-size:30px; line-height:35px; text-transform:uppercase;  margin-bottom:30px; }
.colorbox-teaser { color:#fff; font-size:16px; line-height:24px; max-width:300px; margin:0 auto; }
.colorbox-cta { color:#fff; margin-top:30px;}

.colorbox-pattern-right { background: url('https://ctycms.com/co-cherry-creek/bg-pattern-darkopacity.svg') top right repeat-y; }
.colorbox-pattern-left { background: url('https://ctycms.com/co-cherry-creek/bg-pattern-darkopacity.svg') top left repeat-y; }

@media all and (min-width: 768px) {
	.colorbox-wrap { margin:40px 0px; }
	.colorbox-hold { display:flex; }
  .colorbox-reverse { flex-direction: row-reverse; }
	.colorbox-image { display:block; width:50%; height:auto; padding:0px; vertical-align:middle; }
	.colorbox-content { display:block; width:50%;  height:auto; padding:60px 24px; text-align:left; vertical-align:middle; }
  .colorbox-reverse .colorbox-content { padding-left:90px; }
	.colorbox-teaser { margin:0; }
}
@media all and (min-width: 992px) {
	.colorbox-content { padding-left:60px; }
  .colorbox-reverse .colorbox-content { padding-left:120px; }
}






/* citylight social grid */

.citylight-social-intro { margin:40px 0; }
.citylight-social-intro-cherry { display:inline-block; width:35px; height:63px; background:url('https://ctycms.com/co-cherry-creek/cherry-2023-100x180.svg') center center no-repeat; background-size:cover; }
.citylight-social-intro-scotch { font-family: 'scotch-display-condensed', sans-serif; font-weight: 700; font-style: italic; font-size:45px; color:var(--ccn-brand-red-medium); margin-top:4px; }
  
  
.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; }
}




/* Legacy CODE ccn-cards in HTML as on Business Resources Page */

.ccn-cards {
  margin-right: -10px;
  margin-left: -10px;
  padding-bottom: 20px;
}
.ccn-cards  > .col, .ccn-cards  > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom:10px;
}

.ccn-cards a { display:block; width:100%; height:100%; box-shadow: 0px 0px 10px #ccc; background-color:#fff; transition: all 0.20s linear 0s; border-top: 10px solid var(--ccn-brand-yellow20); padding:20px; }
.ccn-cards a:hover { box-shadow: 0px 0px 10px #aaa; border-color:var(--ccn-brand-red-medium); }

.ccn-cards a .ccn-cards-headline { display:block; color:var(--cc-alink); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-bottom:8px; }
.ccn-cards a .ccn-cards-subhead { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; }




/* basic landing page */

.cherrycards-hold { margin:20px 0px; }
@media all and (min-width: 768px) {
	.cherrycards-hold { margin:40px 0px 20px 0px; }
}

a.cherrycard { display:block; background-color:#fff; height:100%; box-shadow: 0px 0px 20px #ccc; padding-left:20px; padding-right:20px; padding-bottom:20px; transition: all 0.20s linear 0s; }
a.cherrycard .cherrycard-image { width:100%; padding-bottom:66.66%; background-position: center center; background-size:cover; border-top: 10px solid var(--cc-alink); transition: all 0.20s linear 0s; }

.cherrycard-label { color: var(--ccn-brand-red-plum); font-weight:700; font-size:12px; line-height:16px; text-transform:uppercase; letter-spacing:0.090rem; margin-top:18px; margin-bottom:13px; }
.cherrycard-headline { color: var(--cc-alink); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-bottom:13px; }
.cherrycard-text { color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; margin-bottom:12px; }
.cherrycard-more { }

a.cherrycard:hover { box-shadow: 0px 0px 20px #aaa; }
a.cherrycard:hover .cherrycard-image { border-color:var(--cc-ahover); }


/* more links */

.more-link { display:table; height:24px; }
.more-link .more-label { display:table-cell; height:24px; vertical-align:middle; font-weight:700; font-size:12px; line-height:16px; text-transform:uppercase; letter-spacing:0.090rem; padding-right:6px; color:var(--cc-alink); }
.more-link .more-label-white { color:white; }
.more-link .more-icon { display:table-cell; height:24px; vertical-align:middle; width:24px; height:24px; background-color:var(--cc-alink); border-radius:12px; transition: all 0.20s linear 0s; }
.more-icon-chevron { width:24px; height:24px; display:block; background: url('https://ctycms.com/co-cherry-creek/ccn_more.svg') center center no-repeat; }
a:hover .more-link .more-label { color:var(--cc-ahover); }
a:hover .more-link .more-label-white { color:white; }
a:hover .more-link .more-icon { background-color:var(--cc-ahover); }





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


/* basic + circle cards */

.circle-cards { margin:40px 0 0 0; }
.circle-card { display:table; margin: 0 0 40px 0; }
.circle-card-left { display:table-cell; width:100px; vertical-align:top; }
.circle-card-right { display:table-cell; width:auto; padding-left:24px; vertical-align:top; }
.circle-card-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; border-radius:50%; }
.circle-card-content { }
.circle-card-content h2 { margin-top:0px; }
@media all and (min-width: 992px) {
  .circle-card-left { width:150px; }
  .circle-card-right { padding-left:30px; }
}




/* mapbox styles */

.smarker { width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:var(--ccn-brand-red-medium); }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:9px; 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:20px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:2px 0px 6px 0px; font-family: 'Josefin Sans', sans-serif; color: var(--ccn-brand-red-plum); font-weight:600; font-size:20px; line-height:1.15; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:10px 0px; color:var(--cc-pagewrap-txt); font-size:14px; line-height:1.15; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; }


/* point-section */

.mint-border-bottom { border-bottom:10px solid var(--ccn-brand-yellow20); }

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

.section-filters { text-align:center; margin:30px 0px; }
.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: 16px;
font-size: 12px;
text-align: center;
display:inline-block;
color:var(--cc-ahover);
background-color:white;
border:1px solid var(--cc-alink);
border-radius:20px;
padding: 5px 15px;
white-space: nowrap;
margin:4px 2px;
font-weight:600;
letter-spacing:0.100rem;
text-transform:uppercase;
}
.section-filters a:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; text-decoration: none; }
.section-filters a.selected { background-color:var(--cc-alink); border-color:var(--cc-alink); color:white; }


/* minicards */

.minicards { margin:60px 0px 30px 0px; }
.col-minicard-margin { margin-bottom:20px; }
a.minicard { display:table; width:100%; height:100%; box-shadow: 0px 0px 10px #ccc; background-color:white; transition: all 0.20s linear 0s; border-top: 10px solid var(--ccn-brand-yellow20);  }
a.minicard .minicard-label { display:table-cell; width:auto; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:left; }
a.minicard .minicard-icon { display:table-cell; width:24px; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:right; }
span.minicard-pname { display:block; color:var(--cc-alink); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-top:2px; margin-bottom:6px; }
span.minicard-paddress { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; }
a.minicard:hover { box-shadow: 0px 0px 10px #aaa; border-color:var(--cc-ahover); }


/* parking minicards */

.pminicards { margin:60px 0px 30px 0px; }
.pminicard { margin-bottom:20px; width:100%; box-shadow: 0px 0px 10px #ccc; background-color:#fff; transition: all 0.20s linear 0s; border-top: 10px solid var(--ccn-brand-yellow20); }
.pminicard:hover { box-shadow: 0px 0px 10px #aaa; border-color:var(--cc-ahover); }
.pminicard-main { display:block; width:100%; }
.pminicard-content { display:block; width:100%; padding:0px 20px; }
.pminicard-options { display:block; width:100%; padding:0px 12px; }
@media all and (min-width: 768px) {
	.pminicard-main { display:table; }
	.pminicard-content { display:table-cell; width:50%; vertical-align:middle; padding:0px 10px 0px 20px; }
	.pminicard-options { display:table-cell; width:50%; vertical-align:middle; padding:0px 0px 0px 10px; }
}

.pminicard-content-hold { display:table; width:100%; height:100%; }
.pminicard-label { display:table-cell; height:100%; width:auto; min-height:120px; vertical-align:middle; padding:10px 0px; text-align:left; }
.pminicard-icon { display:table-cell; height:100%; width:24px; min-height:120px; vertical-align:middle; padding:10px 0px; text-align:right; }

.pminicard-ptag { display:block; font-weight:700; font-size:12px; line-height:16px; color:var(--ccn-brand-red-plum); text-transform:uppercase; letter-spacing:0.050rem; }
.pminicard-pname { display:block; font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; padding:10px 0px 2px 0px;  }
.pminicard-paddress { display:block; font-size:16px; line-height:24px; color:var(--cc-pagewrap-txt); }


.pminicard-options-hold { display:table; width:100%; height:100%; border-top:1px solid var(--ccn-brand-yellow20); padding:12px 0px }
.pminicard-option-a { display:table-cell; height:100%; width:33%; text-align:center; border-left:0px; }
.pminicard-option-b { display:table-cell; height:100%; width:33%; text-align:center; border-left:1px solid var(--ccn-brand-yellow20); }
.pminicard-option-c { display:table-cell; height:100%; width:33%; text-align:center; border-left:1px solid var(--ccn-brand-yellow20); }
@media all and (min-width: 768px) {
	.pminicard-options-hold { border-top:0px; }
	.pminicard-option-a { border-left:1px solid var(--ccn-brand-yellow20); }
}

.pminipop-icon { width:100%; }
.pminipop-icon img { width:32px; height:30px; margin:0 auto; }
.pminipop-opener { width:100%; padding:10px 0px; }
.pminipop-opener img { width:24px; height:24px; margin:0 auto; }
.pminipop-label { font-weight:700; font-size:12px; line-height:16px; color:var(--ccn-brand-red-plum); text-transform:uppercase; letter-spacing:0.050rem; }

.ppop { cursor:pointer; }

.pminicard-extras { display:block; width:100%; }
.pminicard-extra-payment { display:none;  padding:10px 20px; }
.pminicard-extra-cost { display:none;  padding:10px 20px; }
.pminicard-extra-options { display:none;  padding:10px 20px; }
@media all and (min-width: 768px) {
	.pminicard-extras { padding-left:50%; }
	.pminicard-extra-payment { margin-left:10px; border-left:1px solid var(--ccn-brand-yellow20); }
	.pminicard-extra-cost { margin-left:10px; border-left:1px solid var(--ccn-brand-yellow20); }
	.pminicard-extra-options { margin-left:10px; border-left:1px solid var(--ccn-brand-yellow20); }
}


/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { color:var(--cc-alink); padding:0px 8px; font-size:20px; line-height:32px; }
.point-social-icons a:hover { color:var(--cc-ahover); }

#point-detail { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:60vh; min-height:200px; max-height:600px; 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; }
}

.ftn-border-top { border-top:5px solid var(--ccn-brand-yellow20); margin-top:16px; }

.ftn { text-align:left; }
.ftn ul { margin:16px 0; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; }

.ftncategory { display:block; color:var(--ccn-brand-red-plum); font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; font-size:12px; line-height:16px; }
.ftnlabel { display:block; color: inherit; font-family: 'Josefin Sans', sans-serif; text-transform:none; font-size:20px; line-height:24px; margin:12px 0px 4px 0px; }
.ftnaddress { display:block; color:var(--cc-pagewrap-txt); font-size:14px; line-height:22px; }

.ftnname { display:block; color:var(--cc-alink); font-family: 'Josefin Sans', sans-serif; text-transform:none; font-size:20px; line-height:24px; margin:4px 0px 0px 0px; }
.ftndistance { display:block; color:var(--cc-pagewrap-txt); font-size:14px; line-height:22px; }


/* parking detail */

.park-box { display:table; width:100%; margin-bottom:10px; }
.park-box-icon { display:table-cell; width:40px; vertical-align:middle; }
.park-box-label { display:table-cell; width:auto; vertical-align:middle; font-weight:600; }


/* event-detail */

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



/* Post 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(--cc-alink); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:var(--cc-ahover); }
.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:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}

.awesome-box { display:table; width:100%; }
.awesome-box-icon { display:table-cell; width:40px; vertical-align:top; text-align:center; }
.awesome-box-link { display:table-cell; width:auto; vertical-align:top; text-align:left; }


/* Where to Post */

.listicle-container { margin-top:-30px; margin-bottom:30px;}
.listicle-box { width:100%; max-width:1200px; margin:24px auto; }
.listicle-row { width:100%; }
.listicle-content { position:relative; display: block; width:100%; height:100%; background-color:var(--ccn-brand-yellow20); padding:4px;}
.listicle-content hr { height:2px; background-color:var(--ccn-brand-yellow); border:none; width:40px; margin:16px 0px; }
.listicle-inside { border:1px solid white; padding:20px; }
.listicle-image { position:relative; display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center;}
@media all and (min-width: 768px) {
	.listicle-box { display:table; }
	.listicle-row { display:table-row; }
	.listicle-content { width:50%; display:table-cell; padding:16px; }
	.listicle-inside { padding:50px; }
	.listicle-image { width:50%; display:table-cell; padding:0px; background-size:cover; background-position:center center;}
}
@media all and (min-width: 1020px) {
	.listicle-inside { padding:80px; }
}

.cherry-picked-map-container { width:100%; max-width:1200px; margin:40px auto 30px auto; padding:0px; }




/* bbq-results */

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:var(--ccn-brand-yellow20); font-size:18px; 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; font-family: 'Josefin Sans', sans-serif; color:var(--ccn-brand-red-plum); padding-top:2px; }
.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(--ccn-brand-yellow20); 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:75px; margin:0 auto 24px auto; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { text-align:center; color:white; background-color:var(--cc-alink); font-size:10px; line-height:12px; font-weight:700; letter-spacing:0.090rem; text-transform:uppercase; margin-top:6px; padding-top:14px; }
.bbqdate-day { text-align:center; color:white; background-color:var(--cc-alink); font-size:35px; line-height:40px; font-family: 'Josefin Sans', sans-serif; padding-top:6px; }
.bbqdate-tip { text-align:center; color:white; background-color:var(--cc-alink); font-size:10px; line-height:12px; font-weight:600; letter-spacing:0.010rem; text-transform:none; padding-bottom:14px; }

.bbqdate-ongoing { text-align:center; color:white; background-color:var(--cc-alink); font-size:10px; line-height:30px; font-weight:700; letter-spacing:0.030rem; text-transform:uppercase; margin-top:6px; }

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

    

/* bbq-controls */

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:var(--ccn-brand-yellow20); 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; font-family: 'Josefin Sans', sans-serif; color:var(--ccn-brand-red-plum); font-weight:600; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

#bbq-calendar table { width:100%; background-color:var(--ccn-brand-yellow20); margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:1px solid white; 
  background-color:var(--ccn-brand-yellow20);
  color:var(--ccn-brand-red-plum); /* color of days of the week */
  font-size:10px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px solid white;
  background-color:var(--ccn-brand-yellow20);
  color:var(--ccn-brand-yellow20); /* color of inactive dates */
  font-family: 'Josefin Sans', sans-serif;
  font-weight:500;
  letter-spacing:0.050rem;
  font-size:14px;
  line-height:40px;
  text-align:center;
  }
#bbq-calendar a { display:block; text-decoration:none; padding-top:2px; }
#bbq-calendar a.ontoday { font-weight:700; text-decoration:underline; }
#bbq-calendar td:hover a { background-color:var(--ccn-brand-yellow); color:var(--cc-alink); }
#bbq-calendar td.highlight a { background-color:var(--ccn-brand-yellow); color:var(--cc-alink); }
#bbq-calendar td.highlight a:hover { text-decoration:none; background-color:var(--cc-ahover); }

.bbq-p { text-align:center; font-size:13px; 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 white; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:var(--ccn-brand-yellow20); padding:4px 24px 0px 24px; font-size:14px; line-height:36px; text-align:center; 
    font-family: 'Josefin Sans', sans-serif;
    font-weight:400;
    letter-spacing:0.010rem;
}
#bbq-categories a.highlight { background-color:var(--ccn-brand-yellow); color:var(--cc-alink);  }
#bbq-categories a:hover { text-decoration:none; background-color:var(--ccn-brand-yellow); color:var(--cc-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; }





/* jobs accordion */

.job-panel { background-color:var(--ccn-brand-yellow10); padding:24px 30px; margin-bottom:8px; }



/* happy hours isotope */

.cherry-isotope-filters { text-align:center; margin:30px 0px; }
.cherry-isotope-filters h3 { text-align:center; font-size:14px; line-height:16px; letter-spacing: 0.100rem; text-transform:uppercase; font-style:normal; font-weight:700; }
.cherry-isotope-filters button {
  font-weight:400;
  text-decoration: none;
  line-height: 16px;
  font-size: 12px;
  text-align: center;
  display:inline-block;
  color:var(--cc-ahover);
  background-color:white;
  border:1px solid var(--cc-alink);
  border-radius:20px;
  padding: 5px 15px;
  white-space: nowrap;
  margin:4px 2px;
  font-weight:600;
  letter-spacing:0.100rem;
  text-transform:uppercase;
}
.cherry-isotope-filters button:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; text-decoration: none; }
.cherry-isotope-filters button.button-selected { background-color:var(--cc-alink); border-color:var(--cc-alink); color:white; }

.cherry-isotope { margin:24px 0px; width:100%; }
.cherry-isotope-sizer,.cherry-isotope-item { width: 100%; }
.cherry-gutter-sizer { width:0%; }
@media all and (min-width: 768px) {
	.cherry-isotope-sizer,.cherry-isotope-item { width: 47%; }
  .cherry-gutter-sizer { width:3%; }	
}

a.hhcard { display:block; width:100%; height:100%; box-shadow: 0px 0px 10px #ccc; background-color:white; transition: all 0.20s linear 0s; border-top: 10px solid var(--ccn-brand-yellow20); margin-bottom:24px; }
a.hhcard:hover { box-shadow: 0px 0px 10px #aaa; border-color:#78041A; }
.hhtable { width:100%; display:table; }
.hhcard-label { display:table-cell; width:auto; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:left; }
.hhcard-icon { display:table-cell; width:24px; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:right; }
span.hhcard-pname { display:block; color:var(--ccn-brand-red-plum); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-bottom:16px; }
span.hhcard-when { display:block; color:var(--ccn-brand-red-medium); font-size:14px; line-height:20px; margin-bottom:12px; font-weight:600; text-transform:uppercase; }
span.hhcard-what { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; margin-bottom:12px; }
span.hhcard-paddress { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; }


a.promocard { display:block; width:100%; height:100%; box-shadow: 0px 0px 10px #ccc; background-color:white; transition: all 0.20s linear 0s; border-top: 10px solid var(--ccn-brand-yellow20); margin-bottom:24px; }
a.promocard:hover { box-shadow: 0px 0px 10px #aaa; border-color:#78041A; }
.promotable { width:100%; display:table; }
.promocard-label { display:table-cell; width:auto; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:left; }
.promocard-icon { display:table-cell; width:24px; min-height:120px; vertical-align:middle; padding:20px 20px; text-align:right; }
span.hhcard-pname { display:block; color:var(--ccn-brand-red-plum); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-bottom:16px; }
span.hhcard-when { display:block; color:var(--ccn-brand-red-medium); font-size:14px; line-height:20px; margin-bottom:12px; font-weight:600; text-transform:uppercase; }
span.hhcard-what { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; margin-bottom:12px; }
span.hhcard-paddress { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; }
span.promocard-title { display:block; color:var(--ccn-brand-red-plum); font-family: 'Josefin Sans', sans-serif; font-size:28px; line-height:30px; margin-bottom:16px; }
span.promocard-subtitle { display:block; color:var(--ccn-brand-red-medium); font-size:14px; line-height:20px; margin-bottom:12px; font-weight:600; text-transform:uppercase; }
span.promocard-text { display:block; color:var(--cc-pagewrap-txt); font-size:16px; line-height:24px; margin-bottom:12px; }
span.promocard-where { display:block; font-family: 'Josefin Sans', sans-serif; color:var(--ccn-brand-red-medium); font-size:14px; line-height:20px; margin-bottom:12px; }
span.promocard-where span { color:var(--ccn-brand-red-plum); padding-right:2px; }



/* snake layout - for backwards compatibility */

.snake-row { display:block; }
.snake-image { display: block; width:100%; padding:24px 0px 0px 0px; }
.snake-content { display: block; width:100%; padding:0px 0px 24px 0px; }
@media all and (min-width: 768px) {
	.snake-row { display:flex; align-items: center; }
	.snake-row-alternate { display:flex; flex-direction: row-reverse; align-items: center; }
	.snake-image { width:50%; padding:12px 24px; }
	.snake-content { width:50%; padding:12px 24px; }
}
@media all and (min-width: 992px) {
	.snake-content {  }
}

/* snake layout - new version */

.nsnake-row { display:block; }
.nsnake-image { display: block; width:100%; padding:24px 0px 0px 0px; }
.nsnake-image-square { display:block; width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.nsnake-content { display: block; width:100%; padding:16px 0 24px 0px; }
@media all and (min-width: 768px) {
	.nsnake-row { display:flex; align-items: center; }
	.nsnake-row-alternate { flex-direction: row-reverse; }
	.nsnake-image { width:50%; padding:24px 24px; }
	.nsnake-content { width:50%; padding:24px 24px; }
}








/* solr search */

.site-search-nav { display:table; margin:24px 0px; }
.site-search-nav-control { display:table-cell; vertical-align:middle; padding-right:16px; border:0px solid #eee; }
.site-search-nav-counter { display:table-cell; font-style:italic; padding-right:16px; border:0px solid #eee; }


ul.site-search { margin:10px 0px; padding:0; list-style-type:none; }
ul.site-search li { margin-bottom:16px; }
ul.site-search li span.solr_type { display:block; text-transform:uppercase; font-size:12px; line-height:18px; font-weight:700; letter-spacing:0.100rem; }
ul.site-search li a { font-size:20px; line-height:30px; }
ul.site-search li span.solr_highlight { display:block; font-size:15px; line-height:22px; }
ul.site-search li span.solr_highlight em { font-style:normal; font-weight:700; }


/* picnic */

:root { /* duplicate these vars from _styles_picnic.css; */
  --picnic-ctrl-bg-default: #621244;
  --picnic-ctrl-brdr: #621244;
  --picnic-ctrl-txt: #ffffff;
  --picnic-ctrl-txt-dayname: #ebb4bb; /* days of the week */;
  --picnic-ctrl-navarrows:#ffffff;
  --picnic-ctrl-navarrows-hover:#f1be46;
  --picnic-ctrl-selected: #ffffff;
  --picnic-ctrl-selected-bg: #8a1538;
  --picnic-ctrl-inrange: #ffffff;
  --picnic-ctrl-inrange-bg: #c5003e;
}

.picnic-container { max-width:1500px; margin:1rem auto; }

#picnic-basket { display:block; width:100%; }
.picnic-controls { display:block; width:100%; padding: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: 360px; }
  .picnic-results { flex-grow: 1; padding-left:0px; }
}  
  
  
.picnic-drawer { margin-bottom:1rem; } 
a.picnic-drawer-toggle { display:table; width:100%; text-decoration:none; color:#111; }
a.picnic-drawer-toggle:hover { text-decoration:none; color:#111; }
@media all and (min-width: 992px) {
  .picnic-drawer { display:none; }
}

.picnic-drawer-toggle-label { display:table-cell; width:auto; text-align:left; padding:0 24px; font-size:15px; line-height:40px; font-weight:600; }
.picnic-drawer-toggle-icon { display:table-cell; width:24px; text-align:right; padding:0 24px; }
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; }

.picnic-calendar-hold { width:100%; padding:0 24px 24px 24px; margin-bottom:1rem; }
.picnic-categories-hold { width:100%; padding:0 24px 24px 24px; margin-bottom:1rem; }


.picnic-shortcuts { font-size:12px; margin-top:5px; text-align:center; }
.picnic-shortcuts a { color:var(--picnic-ctrl-selected-bg); }
.picnic-shortcuts a:hover { color:var(--picnic-ctrl-inrange-bg); }

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-bg-default); 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-blanket .container-fluid { padding-left:24px; padding-right:24px; }

.picnic-results-headline { 
  color: #16145f;
  font-size: 2.0rem;
  line-height:1.05;
  margin-top: 0px;
  margin-bottom: 1rem;
}

#picnic-blanket .pnc { margin-bottom:16px; }
#picnic-blanket .pnc a { display:block; height:100%; text-decoration:none; background-color:#fff; border-top: 10px solid var(--cc-alink); border-radius:0px; box-shadow: 0px 0px 20px #ccc; position:relative; }
#picnic-blanket .pnc a:hover { border-top: 10px solid var(--cc-ahover); } 
  
.pnci { width:100%; padding-bottom:80%; background-position:center center; background-size:cover; }
.pnc0 { padding:24px 24px; color:var(--picnic-ctrl-txt); }
.pnc1 { font-weight:400; font-size:12px; line-height:1.25; margin-bottom:9px; font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.090rem;font-family: 'Josefin Sans', sans-serif;
  color: var(--ccn-brand-red-medium);}
.pnc2 { font-weight:400; font-size:20px; line-height:1.25; margin-bottom:9px; font-family: 'Josefin Sans', sans-serif;
  color: var(--ccn-brand-red-plum);font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: 0.025rem; }
.pnc3 { font-size:15px; line-height:1.5; margin-bottom:9px;
  font-weight: 400;
  xfont-family: 'Josefin Sans', sans-serif;
  color: var(--ccn-brand-red-medium);
}


.pncb { position:absolute; top:14px; left:14px; background-color:#8a1538; color:white; text-align:center; padding:14px 0; width:80px; z-index:10;}
.pncb1 { font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.090rem;
  text-transform: uppercase; 
}
.pncb2 { font-size: 30px;
  line-height: 36px;
  font-family: 'Josefin Sans', sans-serif;
  padding-top: 6px;
}
.pncb3 { font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 0.090rem;
  text-transform: uppercase;
}