:root {
  --cty-brand-purple: #5400b0; 
}

body,html {
  height:100%;
  font-family: 'Calibri', sans-serif;
  background-color:#fafafa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

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

#page-header {
  position: static;
  width:100%;
  background-color:#fff;
  color:#000;
}

#page-header.is-fixed {
  position: fixed;
  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; }}


/* nav-logo-hover */

.nav-logo .nav-logo-color-1 { fill:#5400B0; transition: all 250ms ease;  }
.nav-logo .nav-logo-color-2 { fill:#E32400; transition: all 250ms ease;  }
.nav-logo:hover .nav-logo-color-1 { fill:#E32400; }
.nav-logo:hover .nav-logo-color-2 { fill:#5400B0; }


/* responsive support */

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

.gutter-dtla.row { margin-right: -10px; margin-left: -10px; }
.gutter-dtla > [class^="col-"], .gutter-dtla > [class^=" col-"] { padding-right: 10px; padding-left: 10px; }

.hold-width { max-width:800px; margin:0 auto; }
.padding-top { padding-top:24px; }
.padding-top-half { padding-top:12px; }
.padding-bottom { padding-bottom:24px; }
.padding-bottom-half { padding-bottom:12px; }
.form-padding { margin:24px 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: 0px; padding:8px; }
@media all and (min-width: 768px) {
	.padding-top { padding-top:48px; }
	.padding-top-half { padding-top:24px; }
	.padding-bottom { padding-bottom:48px; }
	.padding-bottom-half { padding-bottom:24px; }
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px; }
	.form-boxed { padding:16px; }
}


#scroll-top-pan { display:none; text-align:right; font-size:14px; color:#5400b0; padding-bottom:1rem; }
@media all and (min-width: 992px) {
  #scroll-top-pan { 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:6px 0px 14px 30px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:6px 30px 14px 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%; }

.content-80 { width:100%!important; height:auto!important; }
.content-flux-lazyimage { margin-bottom:24px; }
@media all and (min-width: 768px) {
	.content-80 { width:80%!important; height:auto!important; }
}

/* responsive features */

figure,figcaption,img { display: block; }
figcaption { font-weight:500; font-size:16px; line-height:1.4; margin:8px 0px 16px 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 {  } 
	.body-feature-right { float:right; padding:0; margin:6px 0px 12px 30px; width:60%; }
	.body-feature-right p, .body-feature-right figure { }
	.body-feature-callout { } 
	.body-feature-callout p { padding:24px 24px 14px 24px; }
	.body-feature-left figcaption {  }
	.body-feature-right figcaption {  }
	.body-feature-full p, .body-feature-full div, .body-feature-full figure { margin-left:0px; margin-right:0px; }
	.body-feature-full figcaption { padding-left:0px; padding-right:0px;}
}


/* sponsor logos */

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


/* alert box */

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

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

.alert-content { 
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.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 */

html { font-size: 90%; } /* 14.4px */
@media all and (min-width: 768px) {
	html { font-size: 100%; } /* 16px */
}

h1 { font-family: 'futura-pt', sans-serif; font-weight:800; color:#000; font-size: 3.125rem; margin-top:0px; margin-bottom: 1rem; text-transform:uppercase; }
h2 { font-family: 'futura-pt', sans-serif; font-weight:700; font-size: 1.875rem; font-weight:700; color:#000; margin-top:1rem; margin-bottom: 1rem; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; font-weight:700; color:#666; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { font-family: 'futura-pt', sans-serif; font-weight:700; font-size: 1.3rem; font-weight:700; color:#000; text-transform:uppercase; }
h4 { color:#000; }
h5 { color:#000; } 
h6 { color:#000; }

p, li { font-size: 1.25rem; line-height:1.4; color:#000; }
li {  }

p.intro { font-size: 1.5rem; line-height:1.3; color:#666; }

hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid #ddd; clear:both; opacity:1; }

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

a.link-simple { font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; }

/* for events cal*/
a div.lnk-primary { color:#000; font-weight:700; font-size:20px; line-height:24px; }
a div.lnk-secondary { color:#666; font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#e32400; }
a:hover div.lnk-secondary { color:#444; }


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


dl { margin:20px 0px;}
dt { display: block; background-color: #fff; cursor: pointer; padding: 10px 2px; font-size: 20px; line-height: 20px; margin-top: 1px; border-top: 2px solid #eee; text-align: left; }
dd { display:block; padding:12px 16px;}

dt.is-closed { }
dt.is-closed:before{ float:right; position: relative; top: 1px; display: inline-block; content: "\f107"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; line-height: 1.5; }
dt.is-open { }
dt.is-open:before{ float:right; position: relative; top: 1px; display: inline-block; content: "\f106"; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; line-height: 1.5; }


label { font-size:16px; font-weight:700; color:#666; }
.form-control, .form-select { border-radius:0; background-color:#fcfcfc; border-color:#ddd; }

.btn-brand { min-width:180px; padding:5px 12px 7px 12px; background-color:#e32400; font-weight:700; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #e32400; font-size:15px; border-radius:0; transition: all 250ms ease; }
.btn-brand:hover { background-color:#707070; border-color:#707070; color:#fff; }

.btn-stackable { margin:8px 4px; }

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

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

ul.btn-stackable { display:block; margin:0; padding:0; }
ul.btn-stackable li { list-style-type:none; margin:0; padding:0; display:inline-block; }
ul.btn-stackable li .btn { margin:0px 6px 12px 0px; }


.section-header { border-top: 1px solid #ddd; clear:both; font-size:20px; letter-spacing:0.100rem; text-transform:uppercase; font-weight:700; text-align:center; margin-top: 1.5rem; margin-bottom: 1.5rem; padding-top:12px; }

.image-57 { width:100%; padding-bottom: 56.25%; background-color:#fafafa; background-position: center center; background-size:cover; }
.image-60 { width:100%; padding-bottom: 60%; background-color:#fafafa; background-position: center center; background-size:cover; }
.image-67 { width:100%; padding-bottom: 67%; background-color:#fafafa; background-position: center center; background-size:cover; }
.image-74 { width:100%; padding-bottom: 74%; background-color:#fafafa; background-position: center center; background-size:cover; }
.image-100 { width:100%; padding-bottom: 100%; background-color:#fafafa; background-position: center center; background-size:cover; }



/* by the numbers */

div.by-the-numbers-style p { font-family: 'futura-pt', sans-serif; }
div.by-the-numbers-style p strong { display:block; color:#5400B0; font-size:60px; line-height:70px; }

div.report-footnote p { margin-top:24px; font-size:18px; line-height:1.25; max-width:890px;}

/* footer */

.footer-regular { color:#fff; font-family: 'calibri', sans-serif; font-weight:400; font-size:16px; line-height:26px; }
.footer-bold { color:#fff; font-family: 'futura-pt', sans-serif; font-weight:700; font-size:16px; line-height:26px; text-transform:uppercase; }
.footer-bold a { color:#fff; white-space:nowrap; }
.footer-circle { display:inline-block; width:26px; height:26px; font-size:18px; line-height:26px; border-radius:50%; text-align:center; background-color:#fff; color:#e32400; margin-left:8px;}

.footer-connect-wrap { display:block; width:100%; background-color:#e32400; }
.footer-connect-hold { display:block; width:100%; }
.footer-subscribe { display:block; width:100%; background-color:#e32400; text-align:center; padding:12px 24px; }
.footer-social { display:block; width:100%; background-color:#5400B0; text-align:center; padding:12px 24px; }

.footer-social-icons { margin:12px 0px 12px 0px; }
.footer-social-icons a { display:inline-block; width:26px; height:26px; font-size:14px; line-height:26px; border-radius:50%; text-align:center; margin:0 6px; }
.footer-social-icons a { text-decoration:none; color:#5400B0; background-color:#fff; border:none; transition: all 0.15s linear 0s;}
.footer-social-icons a:hover { color:#5400B0; background-color:#fff; }

.block-then-inline { display:block; }
.center-then-left { text-align:center; }
.center-then-right { text-align:center; }

.footer-logo-hold { display:block; width:100%; }
.footer-logo-logo { display:block; width:100%; }
.footer-logo-safety { display:block; width:100%; text-align:center; }

.footer-logo { display:block; width:112px; margin:0 auto; padding:12px 0px; }
.footer-safety { color:#5400B0; font-size:16px; line-height:18px; margin:0 auto; padding:12px 0px 0px 0px; max-width:390px; }
.footer-safety a { color:#5400B0; text-decoration:underline; }
.footer-details { display:block; padding:20px 0px; }
.footer-detail-col-a { display:block; padding-bottom:10px; }
.footer-detail-col-b { display:block; padding-bottom:10px; }

.footer-details p { color:#555; font-size:14px; line-height:19px; margin:0; margin-bottom:8px; }
.footer-details p span { color:#757575; margin-left:3px; margin-right:3px; }
.footer-details p a { color:#444; text-decoration:underline; }
.footer-details p a:hover { color:#444; text-decoration:underline; }

@media screen and (min-width: 992px) {
	
	.footer-connect-wrap { background: linear-gradient(90deg, #e32400 50%, #5400B0 50%); }
	
	.footer-connect-hold { display:table; width:100%; max-width:1320px; margin:0 auto; }
	.footer-subscribe { display:table-cell; width:50%; vertical-align:top; text-align:left; border-right:1px solid #fff; }
	.footer-social { display:table-cell; width:50%; vertical-align:top; text-align:left;  }
	
	.footer-social-icons { margin:0; }
	.footer-social-icons a { margin:0px 0px 0px 12px; }
	
	.block-then-inline { display:inline-block; }
	.center-then-left { text-align:left; }
	.center-then-right { text-align:right; }
	
	.footer-logo-hold { display:table; width:100%; }
	.footer-logo-logo { display:table-cell; width:140px; vertical-align:middle; }
	.footer-logo-safety { display:table-cell; width:auto; vertical-align:middle; text-align:left;  }
	
	.footer-logo { margin:0; padding:20px 0px; }
	.footer-safety { padding:20px 0px; margin:0; }
	
	.footer-details { display:table; width:100%; }
	.footer-details p { margin-bottom:1px; }
	.footer-detail-col-a { display:table-cell; width:40%; vertical-align:top; padding-left: 12px; }
	.footer-detail-col-b { display:table-cell; width:60%; vertical-align:top; }
	
	
}

/* sidenav */

#sidenav { display:none; }
#snavsection { display:table; background-color:#666; width:100%; }
#snavsection .sidenav-toggle-label { display:table-cell; width:auto; vertical-align:top; padding:12px 16px; font-size:18px; line-height:30px; }
#snavsection .sidenav-toggle { display:table-cell; width:40px; vertical-align:top; cursor:pointer; font-weight:400; color:#fff; text-align:left; font-size:16px; line-height:30px; padding:12px 16px; }
#snavsection a { text-transform:uppercase; font-weight:700; color:#fff; }
#snavsection a:hover { color:#eee; }
#sidenav-drawer { display:none; }
@media all and (min-width: 992px) {
	#sidenav { display:block; }
	#sidenav { margin-top:60px; padding-bottom:60px; padding-left:24px; }
	#snavsection { margin-top:60px; }
	#snavsection .sidenav-toggle-label { display:block; width:100%; padding:8px 16px;}
	#snavsection .sidenav-toggle { display:none; }
	#sidenav-drawer { display:block!important; margin-bottom:16px; }
}

#sidenav ul { padding:0; margin:0; }
#sidenav > 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 #ddd; }
#sidenav > ul > li:last-child { border-bottom:none; }

#sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  background-color:#fff;
}

#sidenav li a div.sn-indicator { display:table-cell; width:30px; text-align:left; padding:12px 0px 12px 16px; font-weight:700; 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:12px 20px 12px 0px; font-weight:700; font-size:18px; line-height:24px; vertical-align:top; color:#5400B0; text-transform:uppercase; }
#sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 45px; font-weight:400; font-size:17px; line-height:24px; vertical-align:top; color:#666666; }
 
#sidenav li a:hover div { background-color:#f6f3fa; color:#5400B0; }
#sidenav li a.activeitem div { background-color:#f6f3fa; color:#5400B0; }
#sidenav li a.activeitem ul li { background-color:#fff; }
#sidenav li ul li a:hover div { background-color:#fff; }
#sidenav li a.activeiteminner div { color:#5400B0; }

.callout-sidenav { display:table; width:100%; background-color:#f0f0f0; }
.callout-sidenav-content {  display:table-cell; width:50%; vertical-align:middle; text-align:center; padding:24px 20px; }
.callout-sidenav-headline { color:#000; font-size:19px; line-height:23px; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; margin-bottom:8px; }
.callout-sidenav-teaser { color:#666666; font-size:15px; line-height:19px; margin-bottom:15px; }
.callout-sidenav-cta { margin-bottom:8px;  }



/* maps sidenav */

#msidenav { display:block; }
#msidenav { margin-top:60px; padding-bottom:60px; padding-left:24px; }

#msidenav #snavsection { display:block; width:100%; padding:8px 20px; font-size:18px; line-height:30px; text-transform:uppercase; background-color:#666; font-weight:700; color:#fff; }

#msidenav ul { padding:0; margin:0; margin-top:8px; }
#msidenav li { padding:0; margin:0; list-style:none; }
#msidenav li.maps-category { display:block; text-transform:uppercase; font-size:18px; line-height:20px; padding:4px 20px 12px 30px; font-weight:700; color:#222; }

#msidenav li a.mappy { display:block; background-color:#fff; font-size:18px; line-height:20px; padding:8px 20px 8px 20px; font-weight:400; color:#777; }
#msidenav li a.mappy-selected { background-color:#f6f3fa; }
#msidenav li a.mappy:hover { background-color:#f6f3fa; color:#5400B0; }



/* cards */

.blockcards { clear:both; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.blockcard { border-top: 1px solid #ddd; padding:30px 0px; }
.blockcard-image { width:100%; padding-bottom:20px; }
.blockcard-image-image { width:100%; padding-bottom: 60%; background-color:#fafafa; background-position: center center; background-size:cover; }
.blockcard-content { width:100%; }
.blockcard-content h2 { margin-top:-3px; margin-bottom:2px; text-transform:uppercase; }
.blockcard-content p { font-size: 16px; margin-top: 1rem; margin-bottom:0; }
.blockcard-content p.intro { font-size: 20px; margin-top:1px; }
@media all and (min-width: 992px) {
	.blockcard { display:table; width:100%; }
	.blockcard-image { display:table-cell; width:50%; vertical-align:middle; padding-bottom:0px; padding-right:30px; }
	.blockcard-content { display:table-cell; width:50%; vertical-align:middle; }
}

/* report cards */

.reportcards { clear:both; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.reportcard { border-top: 1px solid #ddd; padding:30px 0px; }
.reportcard-image { width:100%; padding-bottom:20px; }
.reportcard-image-image { width:160px; margin:3px; }
.reportcard-image-image img { display:block; border:1px solid #ddd; box-shadow: 0px 0px 6px rgba(0,0,0,0.16);}
.reportcard-content { width:100%; }
.reportcard-maxwidth { max-width:500px; }
.reportcard-content h2 { margin-top:-3px; margin-bottom:4px; }
.reportcard-content p { font-size: 16px; margin-top: 1px; margin-bottom:16px; }
.reportcard-content p.intro { font-size: 20px; margin-top:1px; margin-bottom:6px; }
@media all and (min-width: 992px) {
	.reportcard { display:table; width:100%; }
	.reportcard-image { display:table-cell; width:30%; vertical-align:middle; padding-bottom:0px; }
	.reportcard-image-image { margin:3px auto; }
	.reportcard-content { display:table-cell; width:70%; vertical-align:middle; padding-right:30px; padding-left:30px;}
}

.reportcard-detail { max-width:280px; margin:10px 3px;}
.reportcard-detail-image img { display:block; border:1px solid #ddd; box-shadow: 0px 0px 6px rgba(0,0,0,0.16);}
.report-detail-content { max-width:900px; }
.report-detail-content h1 { text-transform:none; }

/* callout boxes */

.callout-wrapper { display:block; width:100%; background-color:#f0f0f0; }
.callout-photo { display:block; width:100%; padding-bottom:54%; background-position:center center; background-size:cover; }
.callout-content { display:block; width:100%; text-align:center; padding:20px;}
.callout-headline { color:#000; font-size:25px; line-height:30px; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; margin-bottom:8px; }
.callout-teaser { color:#666666; font-size:20px; line-height:27px; margin-bottom:15px; }
.callout-cta { margin-bottom:8px;  }
@media all and (min-width: 768px) {
	.callout-wrapper { display:table; width:100%; max-width:844px; margin:0 auto; }
	.callout-photo { display:table-cell; width:50%; vertical-align:middle; padding:0;}
	.callout-content { display:table-cell; width:50%; vertical-align:middle; text-align:left; padding:40px; }
}

/* home page */

.home-hero-hold { width:100%; height:450px; position:relative; background-color:#fafafa; margin-bottom:24px; overflow:hidden; }
.home-hero-image { position:relative; z-index:1; width:100%; height:450px; background-position: center center; background-size:cover; }
.home-hero-content { position:absolute; z-index:2; bottom:0px; right:0px; width:100%; background-color:rgba(0,0,0,0.72); padding:12px 24px; }
.home-hero-content h1 { color:#fff; }
.home-hero-content p { color:#fff; }
@media all and (min-width: 768px) {
	.home-hero-hold { margin-bottom:40px; }
	.home-hero-content { padding:40px; }
}
@media all and (min-width: 992px) {
	.home-hero-content { width:50%; }
  .home-hero-image { height: 600px; }
  .home-hero-hold { 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);	
}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }



/* home page video */

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

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

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

.hero-video-darken { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; background-color:rgba(0,0,0,0); }
.hero-video-content-hold { width:100%; max-width:900px; text-align:center; }
.hero-video-content { padding:90px 24px 90px 24px; }



/* home triptych */

.triptych-hold { display:block; width:100%; }
.triptych-cell-single { display:block; width:100%; }
.triptych-cell-double { display:block; width:100%; }
.triptych-cell-half { display:block; width:100%; }
.triptych-image { width:100%; max-width:600px; padding-bottom:52%; background-color:#fafafa; background-position:center center; background-size:cover; margin-bottom:20px; }
.triptych-image-tall { padding-bottom:52%; }
.triptych-content { padding-bottom:20px; }
.tripytch-link h2 { font-size:30px; margin-top:5px; margin-bottom:10px; transition: all 250ms ease; }
.tripytch-link:hover h2 { color:#e32400; } 
.triptych-content p { color:#666; font-size:20px; line-height:28px; margin-bottom:10px; }
.triptych-content span { font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; color:#e32400; font-size:15px; }

@media all and (min-width: 768px) {
	.triptych-hold { display:table; }
	.triptych-cell-single { display:table-cell; width:50%; vertical-align:top; }
	.triptych-cell-double { display:table-cell; width:50%; vertical-align:top; }
	.triptych-left { padding-right:10px; }
	.triptych-right { padding-left:10px; }
}

@media all and (min-width: 992px) {
	.triptych-hold { display:table; }
	.triptych-cell-single { display:table-cell; width:33%; vertical-align:top; }
	.triptych-cell-double { display:table-cell; width:66%; vertical-align:top; }
	.triptych-cell-half { display:table-cell; width:50%; vertical-align:top; }
	.triptych-image-tall { padding-bottom:82%;}
	.triptych-image  { max-width:800px; }
}
@media all and (min-width: 992px) {
	.triptych-cell-single { width:50%; }
	.triptych-cell-double { width:50%; }
	
}


/* home quick links */

.home-quick-links { display:block; }
.home-quick-links h2 { text-transform:uppercase; margin:24px 0px 12px 0px;  transition: all 250ms ease; }
.home-quick-links:hover h2 { color:#e32400; } 
.home-quick-links p { font-size:22px; line-height:28px;}

/* home featured events */

a.featured-events div.f-events { font-family: 'calibri', sans-serif; color:#5400B0; font-size:15px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:16px 0px 8px 0px; }
a.featured-events h3.f-events { text-transform:none; font-size:22px; line-height:28px; }
a.featured-events p.f-events { font-size:17px; line-height:24px; }	
a.featured-events:hover h3.f-events { color:#e32400; }


/* landing */

.landing-intro { display:block; width:100%; padding:0px 0px 20px 0px; }
.landing-intro-image { display:block; width:100%; }
.landing-intro-content { display:block; width:100%; padding:24px 0px; }
.landing-intro-content h1 { color:#191919; font-size:75px; }
.landing-intro-content p.intro { font-size:28px; max-width:420px; }
.landing-intro-content p { font-size:22px; }

@media all and (min-width: 768px) {
	.landing-intro { display:flex; width:100%; align-items: center; }
	.landing-intro-image { display:block; width:50%; padding:0px 10px 0px 0px; }
	.landing-intro-content { display:block; width:50%; padding:30px 0px 30px 90px; }
}

.landing-snake { display:block; width:100%; border-top: 1px solid #ddd; padding:20px 0px; }
.landing-snake-image { display:block; width:100%; }
.landing-snake-content { display:block; width:100%; padding:24px; }
.landing-snake-content h2 { font-size: 32px; margin-bottom:8px; margin-top:0px; text-transform:uppercase; }
.landing-snake-content p.intro { font-size: 21px;  }
.landing-snake-content p { font-size: 17px;  }
.landing-callout { border-top: 1px solid #ddd; padding:20px 0px; }
@media all and (min-width: 768px) {
	.landing-snake { display:flex; width:100%; align-items: center; }
	.landing-snake-odd { flex-direction: row-reverse; }
	.landing-snake .landing-snake-image { display:block; width:50%; padding:0px 10px 0px 0px; }
	.landing-snake .landing-snake-content { display:block; width:50%; padding:30px 0px 30px 90px; }
	.landing-snake-odd .landing-snake-image { display:block; width:50%; padding:0px 0px 0px 10px; }
	.landing-snake-odd .landing-snake-content { display:block; width:50%; padding:30px 90px 30px 0px; }
}

/* featured businesses */

.featured-image { position:relative; }
.featured-neighborhood { position:absolute; top:0px; width:100%; background-color:rgba(0,0,0,0.50); color:#fff; padding:5px 15px; font-size:15px; letter-spacing:0.100rem; text-transform:uppercase; font-weight:700; }
.featured-content { padding:18px 0px; }
.featured-content h3 { text-transform:none; font-size:20px; line-height:26px; }
.featured-content p { font-size:16px; }




/* guide page + blog post articles */

.section-filters {  }
.section-filters a {
	display:block;
	width:100%;
	font-weight:700;
	text-decoration: none;
	font-size:15px;
	line-height:21px;
	text-align: center;
	color:#5400B0;
	background-color:#ffffff;
	letter-spacing:  0.100rem;
	border:1px solid #5400B0;
	padding:8px 8px;
	margin:0;
	white-space: nowrap;
	text-transform:uppercase;
	margin-bottom:20px;
}
.section-filters a:hover { background-color:#5400B0; border-color:#5400B0; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#5400B0; border-color:#5400B0; color:#fff; }



.gcard-wrap { margin:30px 0px 10px 0px; }
.gcard-margin { margin-bottom:20px; }
a.gcard { display:block; width:100%; height:100%; background-color:#F0F0F0; transition: all 0.25s linear 0s; }
a.gcard .gcard-image { position:relative; }
a.gcard .gcard-neighborhood { position:absolute; top:0px; width:100%; background-color:rgba(0,0,0,0.50); color:#fff; padding:5px 15px; font-size:15px; letter-spacing:0.100rem; text-transform:uppercase; font-weight:700; }
a.gcard .gcard-content { padding:18px 20px; }
a.gcard .gcard-tag { color:#5400B0; font-size:14px; line-height:18px; font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; margin-bottom:8px; }
a.gcard .gcard-label { color:#000; font-family: 'futura-pt', sans-serif; font-weight:700; font-size:22px; line-height:26px; margin-bottom:8px; }
a.gcard .gcard-date { color:#555; font-size:15px; line-height:20px; margin-bottom:8px;}
a.gcard .gcard-address { color:#333; font-size:16px; line-height:20px; margin-bottom:16px; }
a.gcard .gcard-offer { color:#333; font-size:17px; line-height:22px; margin-bottom:16px; }

a.gcard:hover { background-color:#666666; }
a.gcard:hover .gcard-neighborhood { background-color:rgba(0,0,0,0.75); }
a.gcard:hover .gcard-tag { color:#fff; }
a.gcard:hover .gcard-label { color:#fff; }
a.gcard:hover .gcard-date { color:#fff; }
a.gcard:hover .gcard-address { color:#fff; }
a.gcard:hover .gcard-offer { color:#fff; }


/* feature cards */

a.fcard { display:block; width:100%; height:100%; background-color:#ffffff; transition: all 0.25s linear 0s; max-width:500px;}
a.fcard .fcard-image { width:100%; padding-bottom: 67%; background-color:#fafafa; background-position: center center; background-size:cover; }
a.fcard .fcard-content { padding:18px 20px; }
a.fcard .fcard-headline { font-family: 'futura-pt', sans-serif; font-weight:700; color:#111; font-size:20px; line-height:1.4; margin-bottom:8px;}
a.fcard .fcard-subhead { color:#000; font-size:17px; line-height:1.4; margin-bottom:16px; }

a.fcard:hover { background-color:#666666; }
a.fcard:hover .fcard-headline { color:#fff; }
a.fcard:hover .fcard-subhead { color:#fff; }




/* sidebar filters and links */

p.sidebar-list-label { text-transform:uppercase; margin-bottom:6px; }
ul.sidebar-list { margin:8px 0px 30px 0px; padding:0; }
ul.sidebar-list li { list-style-type:none; margin-left:0; padding-left:16px; font-size:19px; line-height:23px; margin-bottom:8px; }
ul.sidebar-list li a { color:#666; }
ul.sidebar-list li a:hover { color: #e32400; }



/* post detail styles */

.gdetail-img { margin-bottom:24px; }
.gdetail-tag { color:#5400B0; font-size:14px; line-height:18px; font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; margin-bottom:16px; }
h1.gdetail-h1 { text-transform:none; font-size:30px; line-height:32px; margin-bottom:16px; }
.gdetail-date { color:#666; font-size:15px; line-height:20px; margin-bottom:16px; }

.sharing-box { display:table; margin:10px 0; }
.sharing-label { display:table-cell; text-align:left; padding:10px 0px; }
.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:#e32400; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#e32400; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }

.mentioned { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin-bottom:20px;}


/* staff page */

h2.staff-page { color:#666; margin:20px 0px; }
h4.staff-page { font-family: 'calibri', sans-serif; text-transform:uppercase; font-weight:700; color:#5400B0; letter-spacing:0.100rem; margin:20px 0px; font-size:16px; }
.staff-style > [class^="col-"] { padding-bottom:30px; }
.staff-style h3 { text-transform:none; font-weight:700; margin:12px 0px 2px 0px; }
.staff-style p { font-size:16px; color:#000; margin:2px 0px; }
.staff-style p.staff-title { color:#666; }


/* other */

.smarker-num {
  font-family: 'futura-pt', sans-serif;
	font-weight: 600;
	font-size: 12px;
}


/* map category */

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

.mapboxgl-map { font-family:inherit; }

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:24px 16px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content h3 { font-family: 'futura-pt', sans-serif; color:#000; font-weight:700; font-size:20px; line-height:26px; margin-bottom:12px; text-transform:none; }
.mapboxgl-popup-content h5 { font-family: 'calibri', sans-serif; color:#666; font-size:16px; line-height:20px; margin-bottom:16px; font-weight:400; }
.mapboxgl-popup-content p { font-family: 'calibri', sans-serif; margin:4px 0px; }

.mapboxgl-popup-content p.mapbox-pop-name {
	margin: 6px 0px;
  font-family: 'futura-pt', sans-serif;
	color: #111;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
}
.mapboxgl-popup-content p.mapbox-pop-address {
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	color: #222;
}
.mapboxgl-popup-content p.mapbox-pop-link {
	margin: 6px 0px;
	font-size: 14px;
	line-height: 20px;
}

.map-detail { background-color:#F0F0F0; }
.map-detail-margin-top { margin-top:50px; }
.map-small-border { width:100%; height:240px; border:2px solid #F0F0F0; }
.map-detail-content { padding:24px 24px; text-align:center; }
.map-detail-content-pname { color:#000; font-weight:700; font-size: 20px; line-height:26px; margin-bottom:12px; }
.map-detail-content-paddress { color:#666; font-size: 16px; line-height:22px; margin-bottom:14px; }
.map-detail-content-gmaps { margin-bottom:8px; }


.large-map { width:100%; height:512px; margin-bottom:32px; border:2px solid #F0F0F0; background-color:#F0F0F0; }

.map-static-small { position:relative; width:100%; height:240px; border:2px solid #f0f0f0; background-color:#fafafa; overflow:hidden; }
.map-static-small-image { position:absolute; top: 50%; left:50%; width:900px; height:600px; margin-left:-438px; margin-top:-282px; background-size:cover;  }


.smarker-static { position:relative; width: 24px; height: 36px; margin-left:438px; margin-top:264px; }
.smarker-static-bg { position:absolute; z-index:1; width:24px; height:36px; fill:#5400B0; }
.smarker-static-i { position:absolute; z-index:2; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#ffffff; }

/* bbq-controls */

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#666666; font-size:20px; line-height:1.0; padding:10px 0px; font-weight:700; letter-spacing:0.100rem;}
.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-size:16px; line-height:20px; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

.bbq-cal-header a { color:#fff; }

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; border-bottom:1px #ddd solid;  }   
#bbq-calendar th { /* days of the week */
  border-top:1px #ddd solid; 
  background-color:#fff;
  color:#222; /* color of days of the week */
  font-size:12px;
  line-height:32px;
  font-weight:700;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #ddd solid;
  background-color:#fff;
  color:#666; /* color of inactive dates */
  font-size:14px;
  line-height:38px;
  font-weight:700;
  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:#ddd; color:#111; }
#bbq-calendar a:hover { background-color:#eee; }
#bbq-calendar td.highlight a:hover { background-color:#eee; }


#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; border-top:1px solid #ddd; }
#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #ddd; list-style-type:none; }
#bbq-categories a { display:block; background-color:#fff; padding:0 24px; font-size:14px; line-height:37px; text-align:center; font-weight:700; }
#bbq-categories a.highlight { background-color:#ddd; color:#111; }
#bbq-categories a:hover { background-color:#eee; }



/* bbq-results */

.bbq-results-header { display:table; width:auto; margin:0; padding:0; font-size:32px; line-height:40px; font-weight:700; }
.bbq-results-header-left { display:table-cell; width:auto; vertical-align:middle; text-align:center;  }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:none; padding:0 24px; font-family: 'futura-pt', sans-serif; }
.bbq-results-header-right { display:table-cell; width:auto; vertical-align:middle; text-align:center; }


.bbq-results-filters { display:block; margin:20px 0px 10px 0px;  }
.bbq-results-filters-left { display:block; padding-bottom:20px; }
.bbq-results-filters-right { display:block; padding-bottom:20px; }
@media all and (min-width: 768px) {
	.bbq-results-filters { display:table; width:100%; }
	.bbq-results-filters-left { display:table-cell; vertical-align:top; text-align:left; }
	.bbq-results-filters-right { display:table-cell; vertical-align:top; }
	.bbq-cal-header { margin-top:60px; } /* align with buttons on desktop */
}

.bbq-results-filters-left a {
	display:inline-block;
	width:auto;
	font-weight:700;
	text-decoration: none;
	font-size:16px;
	line-height:20px;
	text-align: center;
	color:#5400B0;
	background-color:#ffffff;
	letter-spacing:  0.100rem;
	border:1px solid #5400B0;
	padding:8px 20px;
	margin-right:4px;
	white-space: nowrap;
	text-transform:uppercase;
	margin-bottom:4px;
}
.bbq-results-filters-left a:hover { background-color:#5400B0; border-color:#5400B0; color:#fff; text-decoration: none; }
.bbq-results-filters-left a.selected { background-color:#5400B0; border-color:#5400B0; color:#fff; }



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

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

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

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { text-align:center; color:#fff; background-color:#5400B0; font-size:14px; line-height:24px; font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; margin-top:5px; }
.bbqdate-day { text-align:center; color:#000; background-color:#ddd; font-size:30px; line-height:41px; font-family: 'futura-pt', sans-serif; }
.bbqdate-tip { text-align:center; color:#5400B0; background-color:inherit; font-size:14px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#fff; background-color:#5400B0; font-size:12px; line-height:24px; font-weight:700; letter-spacing:0.025rem;text-transform:uppercase; margin-top:5px; }

.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, point detail, buiding detail */

.max900 { max-width:900px; }

.point-detail-image { width:100; padding-bottom:50%; background-position:center center; background-size:cover; }


.evdetail-tag { color:#5400B0; font-size:15px; line-height:19px; font-weight:700; letter-spacing:0.100rem; text-transform:uppercase; margin-bottom:16px; }
h1.evdetail-h1 { text-transform:none; font-size:34px; line-height:34px; margin-bottom:16px; }

.detail-box-wrap { background-color:#F0F0F0; padding:8px 24px; margin:32px 0px; }
.detail-box-wrap p, .detail-box-wrap td { font-size:17px; line-height:24px; }


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

.awesome-box { display:table; width:100%; }
.awesome-box-icon { display:table-cell; width:40px; vertical-align:top; text-align:center; font-size:14px; color:#222; line-height:28px; }
.awesome-box-link { display:table-cell; width:auto; vertical-align:top; text-align:left; }

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

table.phours { width:100%; margin-bottom:1rem; }
table.phours tr { vertical-align:top; }
table.phours th { width:96px; }
table.phours td { padding-left:20px; width:auto; padding-bottom:4px; } 
	
	
/* basic lightbox */

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


/* Owl Gallery */

.carousel-margin { margin-bottom:30px; }

.owl-wrapper { margin-bottom:24px; }

.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: 24px;
  margin: 5px;
  padding: 4px 7px;
  background: #ddd; /* inactive color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #e32400; /* 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: #ddd; /* 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: #e32400; /* active color */
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { 
  padding: 5px 16px 7px 16px!important;;
  background-color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  color: #da3832;
  border:1px solid #da3832;;
  letter-spacing: 0.100rem;
  font-size: 15px;
  border-radius: 0;
  transition: all 250ms ease;
}

/* ist-dropdown */

.ist-wrap { margin:30px 0px 12px 0px; }

.ist-dropdown { position:relative; width:100%; margin-bottom:16px; font-size:16px; line-height:20px; }
.ist-dropdown-closed { width:100%; border:1px solid #5400B0; background-color:#fff; color:#5400B0; }
.ist-dropdown-open { display:none; position:absolute; width:100%; z-index:999; background-color:#5400B0; color:#fff;}

.ist-dropdown-intro { padding:8px 20px; cursor:pointer; }
.ist-dropdown-intro-text { font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; }
.ist-dropdown-intro-open { float:right; }
.ist-dropdown-intro-close { float:right; }

.ist-dropdown-content { width:100%; padding:8px 20px; border-top:2px solid #fff;}

.ist-list { margin:10px 0;}
.ist-list a { color:#d9d0e2; font-weight:700; }
.ist-list a:hover { color:#fff; text-decoration:none; }
.ist-list a.ist-selected { color:#fff!important; text-decoration:none; }

.ist-reset { width:100%; }
.ist-reset a { display:block; border:1px solid #ddd; background-color:#fff; color:#666; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; text-align:center; padding:8px 0px; }
.ist-reset a:hover { border-color:#bbb; color:#222; }


/* covid dining */

.pcovid-padding { padding-bottom:20px; }
.pcovid { border:1px solid #e1e1dc; padding:16px 20px; height:100%; }
.pcovid h2 { margin:0 0 6px 0; font-size:23px; line-height:1.5; text-transform:none; }
.pcovid p { margin:0 0 6px 0; }

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

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

.pcovid-options > div { margin:8px 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:#5400B0; border:none; margin-right:4px; }

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


/* together dtla */

.together-bg { background:#e9e1e0 url('https://ctycms.com/ca-dtla/together-bg.svg') center center; background-size: 110px auto; }

.together-bg-white { background-color:#fff; }
.together-bg-blue { background-color:#d2e4f4; }
.together-bg-black { background-color:#414241; }

.together-hold-width { width:100%; max-width:680px; margin:30px auto; }

.together-people { margin:40px 0px; }


a.together-guide { display:block; width:100%; margin-bottom:24px; }
.together-guide-image { width:100%; background-position: center center; background-size:cover; transition: all 200ms ease; }
.together-guide-image-border { width:100%; height:300px; }
.together-guide-label { width:100%; height:auto; padding:6px 0px 0px 0px; transition: all 200ms ease; }
.together-guide-label { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 30px; line-height:34px; color: #000; text-align:center; }

a.together-guide:hover .together-guide-image-border { border:4px solid #d67e98; }
a.together-guide-selected .together-guide-image-border { border:4px solid #d67e98; }

.together-guide-html { width:100%; }
.together-guide-panels { width:100%; padding-bottom:30px; position:relative; }
.together-guide-panels-contents { max-width:1060px; }
.together-guide-panels-close { position:absolute; right:0px; top:12px; width:30px; height:30px; font-size:30px; line-height:30px; }
.together-guide-panels-close a { color:#222; }


.together-margin-bottom { margin-bottom:30px; }
a.together-events { display:table; position:relative; width:100%; height:100%; background-color:#e4e4e3; transition: all 200ms ease; }
a.together-events:hover { background-color:#f4dee5; }
.together-events-image { display:table-cell; width:45%; vertical-align:top; background-position:center center; background-size:cover; }
.together-events-content { display:table-cell; width:55%; vertical-align:top; padding:20px; height:150px; }
.together-events-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 21px; line-height:24px; color: #000;}
.together-events-dates { color: #000; }

a.together-dining { display:block; position:relative; width:100%; padding-bottom:82%; margin-bottom:30px; border:4px solid #fff;  transition: all 200ms ease; }
.together-dining-image { position:absolute; z-index:1; width:100%; height:100%; background-position: center center; background-size:cover; transition: all 200ms ease; }
.together-dining-cover { display:none; position:absolute; z-index:2; width:100%; height:100%; background-color:rgba(214,126,152,0.8); }
.together-dining-label { position:absolute; z-index:3; width:100%; height:auto; bottom:0; background-color:#fff; padding:6px 0px; transition: all 200ms ease; }
.together-dining-label { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 30px; line-height:34px; color: #000; text-align:center; }
.together-dining-teaser { display:none; position:absolute; z-index:4; width:100%; height:auto; top:0; padding:24px; transition: all 200ms ease; }
a.together-dining:hover { border-color:#d67e98; }
a.together-dining:hover .together-dining-label { background-color:#d67e98; }
a.together-dining:hover .together-dining-cover { display:block; }
a.together-dining:hover .together-dining-teaser { display:block; }


/* office games */

.office-games-bg { background:#fbf9f7; }

.office-games-bg-white { background:white; }

.office-games-hold-width { width:100%; max-width:800px; margin: 0 auto; }

/* dog days */

.dog-days-bg-xxx { background:#8accd4 url('https://ctycms.com/ca-dtla/dog-days-bg-2025.svg') center center; background-size: 110px auto; }
.dog-days-bg { background:#8accd4; }

.dog-days-red25 { background-color:#fb0707; background-color:#E32400; }
.dog-days-white { background-color:#ffffff; }
.dog-days-red { background-color:#fb0707; background-color:#E32400; }
.make-white h2 { color:white!important; }
.make-white p { color:white!important; }

.dog-days-header { width:100%; max-width:1320px; margin:0 auto; }

.dog-days-intro { width:100%; max-width:800px; margin:0 auto; }

.dog-days-red-image { margin:30px 0px; }
.dog-days-enter-to-win { margin:30px 0px; color:#000; color:white; }
.dog-days-enter-to-win h2 { color:#000; color:white; text-transform:uppercase; }
.dog-days-enter-to-win p { color:#000; color:white; }

.btn-dog-days { min-width:180px; padding:5px 12px 7px 12px; background-color:#fff; font-weight:700; text-transform:uppercase; color:#E32400; letter-spacing:0.100rem; border:1px solid #fff; font-size:15px; border-radius:0; transition: all 250ms ease; }
.btn-dog-days:hover { background-color:#dedfde; border-color:#dedfde; color:#000; }


a.dog-market { display:block; position:relative; width:100%; padding-bottom:82%; margin-bottom:30px; border:4px solid #99d9e3; transition: all 200ms ease; overflow:hidden; }
.dog-market-image { position:absolute; z-index:1; width:100%; height:100%; background-position: center center; background-size:cover; transition: all 200ms ease; }
.dog-market-cover { display:none; position:absolute; z-index:2; width:100%; height:1000px; background-color:rgba(250,10,7,0.9); }
.dog-market-label { position:absolute; z-index:3; width:100%; height:auto; bottom:0; background-color:#99d9e3; padding:6px 12px; transition: all 200ms ease; }
.dog-market-label { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 30px; line-height:34px; color: #000; text-align:center;  }
.dog-market-teaser { display:none; position:absolute; z-index:4; width:100%; height:auto; top:0; padding:24px; transition: all 200ms ease; }
a.dog-market:hover { border-color:#E32400; }
a.dog-market:hover .dog-market-label { background-color:#E32400;color:white;  }
a.dog-market:hover .dog-market-cover { display:block; color:black; color:white; }
a.dog-market:hover .dog-market-teaser { display:block; color:black; color:white;  }
a.dog-market:hover .dog-market-teaser p { color:inherit; }

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

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

/* Holiday 2020  */

:root {
  --cty-holiday-red: #e32400; /* was #ff1a30 */
  --cty-holiday-red-solid: rgba(227,36,0,1); /* was rgba(255,25,48,1); */
  --cty-holiday-red-hover: rgba(227,36,0,0.75); /* was rgba(255,25,48,0.75); */
  
  --cty-holiday-silver: #fffdf5; /* was #e2e3e4 */
  
  --cty-holiday-alt: #e32400; /* was #0db0a1; turquise */
  --cty-holiday-alt-solid: rgba(227,36,0,0); /* was rgba(15,176,161,0); */
  --cty-holiday-alt-hover: rgba(227,36,0,0.7); /* was rgba(15,176,161,0.7); */
}

.h2023-bg { background:#bc9858; }
@media all and (min-width: 1200px) {
  .h2023-bg { background:#bc9858 url('https://img.ctykit.com/cdn/ca-dtla/Holidays22-1080x1080Stripes.jpg') center center; background-size:100px 100px; }
}
.h2023-max-width { width:100%; max-width:1320px; background-color:#fff; margin:0 auto; }
.h2023-max-width-skinny { width:100%; max-width:990px; background-color:#fff; margin:0 auto; }

div.h2023-intro h2 { margin:20px 10px 3px 10px; text-transform:uppercase; font-size:40px; line-height:1.1; color:var( --cty-holiday-red); }
div.h2023-intro p { margin:3px 10px 20px 10px; }

h3.h2023-h3 { margin:0; text-transform:uppercase; text-align:center; font-size:70px; line-height:1.0; color:white; }

.h2022-enter-to-win-wrap { background-color:var( --cty-holiday-red); padding-top:24px; padding-bottom:24px; }

.h2023-enter-to-win h2 { color:white; text-transform:uppercase; font-size:40px; max-width:580px; margin-top:0px; margin-bottom:16px; }
.h2023-enter-to-win p { color:white; }

.btn-h2023 { min-width:180px; padding:5px 12px 7px 12px; background-color:white; font-weight:700; text-transform:uppercase; color:var( --cty-holiday-red); 
  letter-spacing:0.100rem; border:1px solid white; font-size:15px; border-radius:0; transition: all 250ms ease; }
.btn-h2023:hover { background-color:var( --cty-holiday-red); border-color:white; color:white; }

.h2023-card { display:block; margin-bottom:30px; }
.h2023-card-image-hold { width:100%; overflow:hidden; position:relative; }
.h2023-card-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; transition: all 350ms ease; }
.h2023-card-cover { position:absolute; top:0px; width:100%; height:100%; background-color:var(--cty-holiday-alt-solid); transition: all 350ms ease;   }
.h2023-card-label { width:100%; padding:8px; text-align:center; color:white; background-color:var( --cty-holiday-alt); font-family: 'futura-pt', sans-serif; font-weight:700; font-size:24px; }
.h2023-card:hover .h2023-card-cover { background-color:var(--cty-holiday-alt-hover);  }

.h2022-hero-patterns-wrap { 
  background-color: var( --cty-holiday-red);
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='12' viewBox='0 0 44 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12v-2L0 0v10l4 2h16zm18 0l4-2V0L22 10v2h16zM20 0v8L4 0h16zm18 0L22 8V0h16z' fill='%23000000' fill-opacity='0.10' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.h2023-margin-bottom { margin-bottom:30px; }
a.h2023-events { display:table; position:relative; width:100%; height:100%; background-color:var( --cty-holiday-silver);  border:2px solid var( --cty-holiday-silver);  transition: all 200ms ease; }
a.h2023-events:hover { background-color:var( --cty-holiday-red);  border-color: var( --cty-holiday-red); }
.h2023-events-image { display:table-cell; width:150px; vertical-align:top; background-position:center center; background-size:cover; }
a.h2023-events .h2023-events-content { display:table-cell; width:auto; vertical-align:top; padding:20px; height:150px; color: inherit; }
a.h2023-events:hover .h2023-events-content { color:white; }
.h2023-events-content { color:var( --cty-holiday-red); }
.h2023-events-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 23px; line-height:25px; }
.h2023-events-dates { font-size:18px; }

.h2023-silver-wrap { background-color:var( --cty-holiday-silver); }
a.h2022-dining { display:block; position:relative; width:100%; height:240px; margin-bottom:30px; overflow:hidden; }
a.h2022-dining .h2022-dining-image { position:absolute; z-index:1; width:100%; height:240px; background-position: center center; background-size:cover; }
a.h2022-dining .h2022-dining-slideup { position:absolute; z-index:2; width:100%; height:240px; background-color:var(--cty-holiday-red-solid); top: 185px; padding:16px; transition: all 300ms ease;  }
a.h2022-dining .h2022-dining-slideup h3 { color:white; margin-top:0; text-transform:none; margin-bottom:12px; }
a.h2022-dining .h2022-dining-slideup p { color:white; line-height:1.25; }

a.h2022-dining:hover .h2022-dining-slideup { background-color:var(--cty-holiday-red-hover); top:0px; }


.btn-outline-brand-h2022 { background-color:white; font-weight:700; text-transform:uppercase; color:var( --cty-holiday-red); letter-spacing:0.100rem; 
  border:1px solid var( --cty-holiday-red); font-size:15px; border-radius:0; transition: all 0.15s linear 0s; }
.btn-outline-brand-h2022:hover { background-color:var( --cty-holiday-red); border-color:white; color:white; }

h1.holshopo { color:var( --cty-holiday-red); }
.holshopo-card { width:100%; background-color:white; }
.holshopo-card-image { width:100%; padding-bottom:66%; background-position: center center; background-size:cover; margin-bottom:18px; }
.holshopo-card-name { font-family: 'futura-pt', sans-serif; font-weight: 700; color:var( --cty-holiday-red); font-size: 28px; line-height:1.25; margin-bottom:6px; }
.holshopo-card-address { color:var( --cty-holiday-red); font-size: 15px; line-height:1.25; margin-bottom:12px; margin-top:-6px; }
.holshopo-card-text { color:inherit; font-size: 18px; line-height:1.25; margin-bottom:16px; }


/* overlay */

.overlay-open { cursor:pointer; }

#overlay {
  display: none;
  position: fixed; top:0px;
  height: 100%;
  width: 100%;
  z-index:9999;
  background: rgba(187,152,87,0.9);
  overflow-y: auto; 
}

#overlay.overlay-gameday {
  background: rgba(29,83,49,0.9);
}

#overlay.overlay-summer {
  background: rgba(45,122,135,0.9);
}

#overlay.overlay-vistity {
  background: rgba(62,8,73,0.9); /* brand purple */
}

#overlay-panel-hold { display:table; height:100%; width:100%; margin:0px auto; }
#overlay-panel-centered { display:table-cell; height:100%; width:100%; vertical-align:middle; }
#overlay-panel-padding { }
#overlay-panel-content { display:block; position:relative; width:100%; height:auto; background-color:#ffffff; margin:0 auto; }
#overlay-close { position:absolute; top:0px; right:0px; background-color:#E61E35; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; cursor:pointer; }

#overlay-content h1, #overlay-content h2, #overlay-content h3, #overlay-content p { color:#111; }


#overlay-panel-content { width:300px; } 
@media screen and (min-width: 568px) { #overlay-panel-content { width:560px; } } 
@media screen and (min-width: 768px) { #overlay-panel-content { width:760px; } } 
@media screen and (min-width: 1300px) { #overlay-panel-content { width:1300px; } } 

#overlay-content {  padding:60px 24px 40px 24px; }

.owl-wrapper-h2023 { margin:24px 0; }

.shopo-card { width:100%; background-color:#fff; }
.shopo-card-image { width:100%; padding-bottom:66%; background-position: center center; background-size:cover; margin-bottom:18px; }
.shopo-card-name { font-family: 'futura-pt', sans-serif; font-weight: 700; color:#fd3d33; font-size: 28px; line-height:1.25; margin-bottom:6px; }
.shopo-card-address { color:#fd3d33; font-size: 15px; line-height:1.25; margin-bottom:12px; margin-top:-6px; }
.shopo-card-text { color:#111; font-size: 18px; line-height:1.25; margin-bottom:16px; }



/* campaign dtla is open */

.cdio-bg { background: #D5D7D8 url('https://ctycms.com/ca-dtla/DTLAisOpen-Background-312x312.png'); }
.cdio-max-width { width:100%; max-width:1320px; background-color:#fff; margin:0 auto; }

.cdio-hold-into { max-width:999px; margin:0 auto; }
.cdio-hold-into h1 { color:#1F133B!important; }

.cdio-white-wrap { background-color:#fff; }
.cdio-navy-wrap {background-color:#1F133B; }

.cdio-signup-wrap { background-color:#1F133B; padding-top:24px; padding-bottom:16px; }
.cdio-signup-wrap h2 { color:#fff; text-transform:uppercase; font-size:40px; margin-top:0px; margin-bottom:12px; }
.cdio-signup-wrap p { color:#fff; margin-bottom:32px;}

.cdio-intro h2 { margin:20px 10px 20px 10px; text-transform:uppercase; font-size:40px; line-height:1.1; color:#1F133B; }

.cdio-card { display:block; margin-bottom:30px; }
.cdio-card-image-hold { width:100%; overflow:hidden; position:relative; border:0px solid #e32400; }
.cdio-card-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; transition: all 350ms ease; }
.cdio-card-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(227,36,0,0); transition: all 350ms ease; }
.cdio-card-label { width:100%; padding:8px; text-align:center; color:#1f133b; background-color:#bfc0bf; font-family: 'futura-pt', sans-serif; font-weight:700; font-size:24px; transition: all 350ms ease; }

.cdio-card:hover .cdio-card-cover { background-color:#e32400; }
.cdio-card:hover .cdio-card-label { color:#fff; background-color:#e32400; }
.cdio-card:hover .cdio-card-cover { background-color:rgba(227,36,0,0.7);  }

.cdio-margin-bottom { margin-bottom:30px; }
a.cdio-events { display:table; position:relative; width:100%; height:100%; background-color:#fff;  border:0px solid #fff;  transition: all 200ms ease; }
a.cdio-events:hover { background-color:#e32400; border-color: #fff; }
.cdio-events-image { display:table-cell; width:150px; vertical-align:top; background-position:center center; background-size:cover; }
.cdio-events-content { display:table-cell; width:auto; vertical-align:top; padding:20px; height:150px; }
.cdio-events-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 23px; line-height:25px; color: #1F133B; }
.cdio-events-dates { font-size:18px; color: #1F133B; }
a.cdio-events:hover .cdio-events-headline { color:#fff; }
a.cdio-events:hover .cdio-events-dates { color:#fff; }

.cdio-dining-intro h2 { margin:20px 10px 20px 10px; text-transform:uppercase; font-size:40px; line-height:1.1; color:#1F133B; }
a.cdio-dining { display:block; position:relative; width:100%; height:240px; margin-bottom:30px; overflow:hidden; }
a.cdio-dining .cdio-dining-image { position:absolute; z-index:1; width:100%; height:240px; background-position: center center; background-size:cover; }
a.cdio-dining .cdio-dining-slideup { position:absolute; z-index:2; width:100%; height:240px; background-color:rgba(253,51,61,0.75); top:0px; padding:16px; transition: all 300ms ease;  }
a.cdio-dining .cdio-dining-slideup h3 { color:#fff; margin-top:0; text-transform:none; margin-bottom:12px; }
a.cdio-dining .cdio-dining-slideup p { color:#fff; line-height:1.25; }

@media (hover: hover) {
  a.cdio-dining .cdio-dining-slideup { background-color:rgba(31,19,59,1); top: 185px; }
  a.cdio-dining:hover .cdio-dining-slideup { background-color:rgba(253,51,61,0.75); top:0px; }
}

a.cdio-dining-link { display:inline-block; text-transform:uppercase; padding:0 0 30px 0; font-size:20px; font-weight:600; text-decoration:underline; }
a.cdio-dining-link:hover { }

#overlay.overlay-cdio {
  background: rgba(31,19,59,0.9); 
}

#overlay-content h1.cdio-overlay-h1 { color:#1F133B; }


/* DTLA Summer 2022 */

.summer-bg { width:100%; background-color:#f8f5e2; }
.summer-max-width { width:100%; max-width:1320px; margin:0 auto; }

.summer-logo { padding:30px 30px; }
@media screen and (min-width: 1320px) {
  .summer-logo { padding:45px 0px; }
}

.padding-top-24px { padding-top:24px; }
.padding-bottom-24px { padding-bottom:24px; }
.margin-bottom-24px { margin-bottom:24px; }
.summer-pale-bg { background-color:#f0f0f0; }
.summer-white-bg { background-color:#ffffff; }

.summer-ctabox-image-3x2 { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.summer-ctabox-h2-xxxx { color:#e32400; font-family: 'futura-pt', sans-serif; font-size: 40px; line-height:1.0; font-weight:700; text-transform: uppercase; margin:0 0 1rem 0; max-width:700px; }
.summer-ctabox-h2 {
 color: #000;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  margin-bottom: 8px;
}

.summer-ctabox-p { font-size: 20px; line-height: 1.4; margin:0 0 1rem 0; max-width:700px; } 

.summer-intro h1, .summer-intro h2, .summer-intro h3 { color:#e32400; font-family: 'futura-pt', sans-serif; font-size: 40px; line-height:1.0; font-weight:700; text-transform: uppercase; margin:0 0 0 0; max-width:700px; }
.summer-intro p { font-size: 20px; line-height: 1.4; margin:0 0 0 0; max-width:700px; }


a.summer-events { display:table; position:relative; width:100%; height:100%; background-color:#fefcf6; border:2px solid #fefcf6; transition: all 350ms ease; }
a.summer-events:hover { background-color:#e32400;  border-color: #e32400; }
.summer-events-image { display:table-cell; width:150px; vertical-align:middle; background-position:center center; background-size:cover; }
.summer-events-content { display:table-cell; width:auto; vertical-align:middle; padding:20px; height:150px; }

a.summer-events .summer-events-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 23px; line-height:25px; margin-bottom:12px; color:#e32400; }
a.summer-events:hover .summer-events-headline { color:#ffe600; }
a.summer-events .summer-events-dates { font-size:20px; line-height: 1.4; color: #000; }
a.summer-events:hover .summer-events-dates { color: #fff; }
  
a.summer-dining { display:block; position:relative; width:100%; height:240px; margin-bottom:24px; overflow:hidden; }
a.summer-dining .summer-dining-image { position:absolute; z-index:1; width:100%; height:240px; background-position: center center; background-size:cover; }
a.summer-dining .summer-dining-slideup { position:absolute; z-index:2; width:100%; height:240px; background-color:#fefcf6; top: 185px; padding:16px; transition: all 300ms ease;  }
a.summer-dining .summer-dining-slideup h3 { color:#e32400; margin-top:0; text-transform:none; margin-bottom:12px; }
a.summer-dining .summer-dining-slideup p { color:#000; line-height:1.25; }
a.summer-dining:hover .summer-dining-slideup h3 { color:#111; }
a.summer-dining:hover .summer-dining-slideup { background-color:rgba(236,177,46,0.75); top:0px; }

.summer-card { display:block; margin-bottom:24px; }
.summer-card-image-hold { width:100%; overflow:hidden; position:relative; }
.summer-card-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; transition: all 350ms ease; }
.summer-card-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(197,174,128,0); transition: all 350ms ease;   }
.summer-card .summer-card-label { width:100%; padding:8px; text-align:center; color:#e32400; background-color:#f8f5e2; font-family: 'futura-pt', sans-serif; font-weight:700; font-size:24px; transition: all 350ms ease; }
.summer-card:hover .summer-card-label { color:#e32400; background-color:000; }
.summer-card:hover .summer-card-cover { background-color:rgba(236,177,46,0.75);  }



/* Game Day 2021  */

div.g2021-top-intro h2 { margin:0px 10px 10px 10px; text-transform:uppercase; font-size:42px; line-height:1.1; color:#ec2027; font-weight: 800; }
div.g2021-top-intro p { margin:0px 10px 0px 10px; }

div.g2021-intro { padding-bottom:20px; }
div.g2021-intro h2 { margin:20px 10px 3px 10px; text-transform:uppercase; font-size:36px; line-height:1.1; color:#ec2027; font-weight: 800; }
div.g2021-intro p { margin:3px 10px 20px 10px; }


h3.g2021-h3 { margin:0; text-transform:uppercase; text-align:center; font-size:70px; line-height:1.0; color:#fff; }

.g2021-bg { background:#e9e9e8; }
.g2021-max-width { width:100%; max-width:1320px; background-color:#fff; margin:0 auto; }
.g2021-max-width-skinny { width:100%; max-width:990px; background-color:#fff; margin:0 auto; }


.g2021-enter-to-win-wrap { background-color:#ec2027; padding-top:24px; padding-bottom:24px; }

.g2021-enter-to-win h3 { color:#fff; text-transform:uppercase; font-size:40px; line-height:1.2; margin-top:0px; margin-bottom:0; font-weight: 700; }
.g2021-enter-to-win p { color:#fff; }

.btn-g2021 { min-width:180px; padding:5px 12px 7px 12px; background-color:#fff; font-weight:700; text-transform:uppercase; color:#ec2027; letter-spacing:0.100rem; border:1px solid #fff; font-size:15px; border-radius:0; transition: all 250ms ease; }
.btn-g2021:hover { background-color:#dedfde; border-color:#dedfde; color:#000; }

.g2021-card { display:block; margin-bottom:30px; }
.g2021-card-image-hold { width:100%; overflow:hidden; position:relative; }
.g2021-card-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; transition: all 350ms ease; }
.g2021-card-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(236,32,39,0); transition: all 350ms ease;   }
.g2021-card-label { width:100%; padding:8px; text-align:center; color:#fff; background-color:#ec2027; font-family: 'futura-pt', sans-serif; font-weight:700; font-size:24px; }
.g2021-card:hover .g2021-card-cover { background-color:rgba(236,32,39,0.75);  }


.g2021-margin-bottom { margin-bottom:30px; }
a.g2021-events { display:table; position:relative; width:100%; height:100%; background-color:#e2e3e4;  border:2px solid #e2e3e4;  transition: all 200ms ease; }
a.g2021-events:hover { background-color:#ec2027;  border-color: #ec2027; }
a.g2021-events .g2021-events-image { display:table-cell; width:150px; vertical-align:top; background-position:center center; background-size:cover; }
a.g2021-events .g2021-events-content { display:table-cell; width:auto; vertical-align:top; padding:20px; height:150px; }
a.g2021-events .g2021-events-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 23px; line-height:25px; color: #ec2027;}
a.g2021-events:hover .g2021-events-headline { color:#fff; }
a.g2021-events .g2021-events-dates { font-size:18px; color: #000; }
a.g2021-events:hover .g2021-events-dates { font-size:18px; color: #fff; }
  
.g2021-silver-wrap { background-color:#f5f5f6; }

a.g2021-dining { display:block; position:relative; width:100%; height:240px; margin-bottom:30px; overflow:hidden; }
a.g2021-dining .g2021-dining-image { position:absolute; z-index:1; width:100%; height:240px; background-position: center center; background-size:cover; }
a.g2021-dining .g2021-dining-slideup { position:absolute; z-index:2; width:100%; height:240px; background-color:rgba(236,32,39,1); top: 185px; padding:16px; transition: all 300ms ease;  }
a.g2021-dining .g2021-dining-slideup h3 { color:#fff; margin-top:0; text-transform:none; margin-bottom:12px; }
a.g2021-dining .g2021-dining-slideup p { color:#fff; line-height:1.25; }
a.g2021-dining:hover .g2021-dining-slideup { background-color:rgba(236,32,39,0.75); top:0px; }




/* campaign dtla's comeback */

.comeback-wrap { width:100%; background-color:#e9e9e8; }
.comeback-max-width { width:100%; max-width:1320px; background-color:#fff; margin:0 auto; }

h2.comeback-h2 { margin: 10px 0px 10px 0px; text-transform: uppercase; font-size: 36px; line-height: 1.1; color: #EC2027; font-weight: 800; }

.comeback-news { margin-bottom:24px; }
.comeback-news a { display:block; background-color:#e9e9e8; width:100%; height:100%; transition: all 300ms ease; }
.comeback-news a:hover { background-color:#eeeeef; }
.comeback-news-image { width:100%; padding-bottom: 66%; background-color:#ddd; background-position:center center; background-size:cover; }
.comeback-news-content { padding:20px 18px; }
.comeback-news-content-h2 { color:#EC2027; font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 26px; line-height:1.1; margin-bottom:8px; }
.comeback-news-content-p { color:#000; font-size: 18px; line-height:1.4; }
.comeback-news-content-cta { margin-top:8px; }

.comeback-red-box { background-color:#EC2027; border-left:8px solid #fff; border-right:8px solid #fff; margin-bottom:24px; }
@media screen and (min-width: 992px) {
  .comeback-red-box { border-left:24px solid #fff; border-right:24px solid #fff; }
}

h2.comeback-h2-redbox { margin: 14px 10px 14px 4px; text-transform: uppercase; font-size: 36px; line-height: 1.1; color: #fff; font-weight: 800; }

.comeback-source { margin-bottom:24px; }
.comeback-source a { display:block; position:relative; width:100%; height:496px; overflow:hidden; }
.comeback-source-image { position:absolute; z-index:1; width:100%; height:496px; background-color:#ddd; background-position:center center; background-size:cover; border-bottom:96px solid #EC2027; }
.comeback-source a .comeback-source-content { position:absolute; z-index:2; width:100%; height:400px; background-color:rgba(236,32,39,1); top: 400px; padding:20px 18px; transition: all 300ms ease; }
.comeback-source a:hover .comeback-source-content { background-color:rgba(236,32,39,0.75); top:0px; }
.comeback-source-content h3 { color:#fff; font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 26px; line-height:29px; text-align:left; height:60px; }
.comeback-source-content p { color:#fff; text-align:left; }

.comeback-silver-box { background-color:#e9e9e8; border-left:8px solid #fff; border-right:8px solid #fff; }
@media screen and (min-width: 992px) {
  .comeback-silver-box { border-left:24px solid #fff; border-right:24px solid #fff; }
}
.comeback-silver-box h2 { text-transform: uppercase; font-size: 38px; line-height: 1.1; color: #EC2027; font-weight: 800; margin-bottom:8px; }



/* solr search */

.site-search-nav { display:table; margin:24px 0px; font-size:18px; }
.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:14px; line-height:18px; font-weight:700; letter-spacing:0.100rem; }
ul.site-search li a { font-size:22px; line-height:1.4; }
ul.site-search li span.solr_highlight { display:block; font-size:18px; line-height:1.4; }
ul.site-search li span.solr_highlight em { font-style:normal; font-weight:700; }


/* campaign elements */

.camp-hold-width { width:100%; max-width:900px; margin:0 auto; }

.camp-card-slider { display:block; position:relative; width:100%; height:240px; margin-bottom:24px; overflow:hidden; }
.camp-card-slider-image { position:absolute; z-index:1; width:100%; height:240px; background-position: center center; background-size:cover; }

.camp-card-slider-name { position:absolute; z-index:2; width:100%; height:auto; background-color:rgba(253,51,61,1); bottom: 0px; padding:10px 12px; }
.camp-card-slider-name h3 { color:#fff; margin-top:0; text-transform:none; margin:0; font-size:17.5px; }

.camp-card-slider-slideup { position:absolute; z-index:2; width:100%; height:240px; background-color:rgba(253,51,61,1); top: 185px; padding:16px; transition: all 300ms ease;  }
.camp-card-slider-slideup h3 { color:#fff; margin-top:0; text-transform:none; margin-bottom:12px; }
.camp-card-slider-slideup p { color:#fff; line-height:1.25; }
/* .camp-card-slider:hover .camp-card-slider-slideup { background-color:rgba(253,51,61,0.75); top:0px; } */

.camp-card-margin {  margin-bottom:24px; }
.camp-card-sbs { display:table; position:relative; width:100%; height:100%; background-color:inherit; }
.camp-card-sbs-image { display:table-cell; width:200px; height:200px; vertical-align:middle; background-color:#fff; }
.camp-card-sbs-image-img { display:block; width:200px; height:200px; background-position:center center; background-size:cover; }
.camp-card-sbs-content { display:table-cell; width:auto; vertical-align:middle; padding:20px; background-color:#fff; }
.camp-card-sbs-content-headline { font-family: 'futura-pt', sans-serif; font-weight: 700; font-size: 23px; line-height:25px; color: #ec1c24; }
.camp-card-sbs-content-text { } 
.camp-card-sbs-content-text p { font-size:18px; margin-top:8px; margin-bottom:0; }

.camp-hoverlay { display:table; width:100%; margin:24px auto; }
.camp-hoverlay-content { display:table-cell; width:auto; vertical-align:top; padding-right:30px }
.camp-hoverlay-content h2 { color:#fff!important; }
.camp-hoverlay-content p { color:#fff!important; }
.camp-hoverlay-logo { display:table-cell; width:100px; vertical-align:top; }




.camp-owl-wrapper { width:100%; height:500px; margin:5px 0px 20px 0px; overflow:hidden; } 

.owl-camp-slide { }
.camp-activation-card { position:relative; width:100%; height:500px; }
.camp-activation-card-image { position:absolute; top:0px; width:100%; height:500px; background-color:#eee; background-position:center center; background-size:cover; }
.camp-activation-card-content { position:absolute; bottom:0px; width:100%; height:auto; text-align:center; background-color:rgba(0,0,0,0.6); padding:12px 24px; }

.camp-activation-card-content-title { color:#fff; font-family: 'futura-pt', sans-serif; font-weight: 600; font-size:24px; line-height:1.1; margin:8px 0; text-transform:uppercase; }
.camp-activation-card-content-artist { color:#fff; font-family: 'futura-pt', sans-serif; font-weight: 600; font-size:20px; line-height:1.1; margin:8px 0; text-transform:uppercase; }
.camp-activation-card-content-location { color:#fff; font-family: 'futura-pt', sans-serif; font-weight: 600; font-size:16px; line-height:1.1; margin:8px 0; }


.camp-owl-wrapper .owl-carousel .owl-nav { overflow: hidden; height: 0px; }
.camp-owl-wrapper .owl-carousel .owla-nav-btn {
  position: absolute;
  width: 40px; 
  height: 40px;
  text-align:center;
  font-size:20px;
  line-height:40px;
  cursor: pointer;
  top: 50% !important;
  margin-top:-20px;
  color:#fff;
  background-color:#ec1c24;
  transition: all 0.15s linear 0s;
}

.camp-owl-wrapper .owl-carousel .owla-prev-slide { left: -2px; }
.camp-owl-wrapper .owl-carousel .owla-next-slide { right: -2px; }

@media all and (min-width: 768px) {
  .camp-owl-wrapper { height:600px; }
  .camp-activation-card { height:600px; }
  .camp-activation-card-image { height:600px; }
  .camp-owl-wrapper .owl-carousel .owla-prev-slide { left: 56px; }
  .camp-owl-wrapper .owl-carousel .owla-next-slide { right: 56px; }
}
@media all and (min-width: 1300px) {
  .camp-owl-wrapper { height:750px; }
  .camp-activation-card { height:750px; }
  .camp-activation-card-image { height:750px; }
}



/* mobile nav -------------------------------------- */ 

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

  .header-wrap { background-color:#ffffff; padding:22px 0px; border-bottom:1px solid #DDDDDD; };
  .container-fluid-nav { width:100%; padding:0; margin:0; }
  .nav-wrap { }
  .nav-label { height:30px; padding:0px 24px; }
  .nav-logo { float:left; width:135px; height:30px; }
  .nav-toggle { float:right; width:30px; height:30px; font-size:24px; line-height:30px; color:#666666; cursor:pointer;  }
  .nav-toggle-open { display:block; width:30px; height:30px; font-size:26px; line-height:30px; text-align:right; }
  .nav-toggle-close { display:none; width:30px; height:30px; font-size:26px; line-height:30px; text-align:right; }

  /* nav drawer */
  #nav-drawer { display:none; }
  .toggle-off .toggle-up, .toggle-on .toggle-down { display:none; }
  .toggle-off .toggle-down, .toggle-on .toggle-up { display:block; }
  .toggle2-off .toggle2-up, .toggle2-on .toggle2-down { display:none; }
  .toggle2-off .toggle2-down, .toggle2-on .toggle2-up { display:block; }

  /* primary nav */
  #primary-nav { padding-top:30px; }
  #primary-nav ul { margin:0; padding:0; }  
  #primary-nav ul > li { list-style: none; margin:0; padding:0; background-color:#5400B0; border-top:1px solid #fff; }
  #primary-nav ul ul { display:none; margin:0; padding:0; }
  #primary-nav ul ul > li { list-style: none; margin:0; padding:0; background-color:#ffffff; border-bottom:1px solid #ccc; }
  #primary-nav ul ul > li:hover { background-color:#F6F3FA; }
  #primary-nav ul ul ul { display:none; margin:0; padding:0; }
  #primary-nav ul ul ul > li { list-style: none; margin:0; padding:0; background-color:#ffffff; border-color:#fff; }
  #primary-nav ul ul ul > li:hover { background-color:#ffffff; }
  .menu-set { display:table; width:100%; }
  .menu-set a { display:table-cell; width:80%; text-align:left; }
  .menu-set .mobile-toggle { display:table-cell; width:20%; text-align:right; cursor:pointer; font-size:22px; line-height:40px; color:#fff; padding-right:24px; vertical-align:middle; }
  .menu-set .mobile-toggle2 { display:table-cell; width:20%; text-align:right; cursor:pointer; font-size:22px; line-height:40px; color:#5400B0; padding-right:24px; vertical-align:middle; }

  #primary-nav a.level-1 { display:block; padding:0px 0px 0px 24px; font-family: 'futura-pt', sans-serif; color:#fff; font-size:18px; line-height:40px; font-weight:700; text-transform:uppercase; }
  #primary-nav a.level-2 { display:block; padding:10px 0px 10px 40px; color:#5400B0; font-size:18px; line-height:22px; font-weight:700; text-transform:uppercase; }
  #primary-nav a.level-3 { display:block; padding:10px 0px 10px 60px; color:#666; font-size:18px; line-height:22px; font-weight:400; text-transform:none; }
  #primary-nav a.level-3:hover { color:#5400b0; }

  /* secondary nav */

  #secondary-nav { padding-top:12px; padding-bottom:12px; }
  .nav-desktop-ui { display:none; }
  .nav-links a {
    display: block;
    width: auto;
    padding:6px 24px;
    font-size:16px;
    line-height:20px;
    color:#000000;
    font-family: 'futura-pt', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    text-align:left;
  }
  .nav-links a:hover { color:#e32400; }
  .nav-search { padding:0 24px; }
  
  #site-search {
    display:table;
    width:100%;	
    padding:4px 16px 8px 16px;
    margin:20px 0 0 0;
    border:1px solid #ddd;
    border-radius:0px;
    text-align:left;
    background-color:#f0f0f0;
  }

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

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

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

}

/* desktop nav -------------------------------------- */ 

@media screen and (min-width: 992px) { 
  
  .header-wrap { background: linear-gradient(#ffffff 72px, #5400B0 72px);}
  .container-fluid-nav { width:100%; max-width:1320px; padding:0 24px; margin:0 auto; }
  .nav-wrap { position:relative; width:100%; height:112px; max-width:1320px; margin:0 auto; }
  .nav-label { }
  .nav-logo { position:absolute; top:20px; width:135px; height:30px; }
  .nav-toggle { display:none; }

  /* primary-nav */
  #nav-drawer { display:block!important; } /* slidetoggle fix */
  #primary-nav { position:absolute; bottom:0; width:100%; height:auto; }
  #primary-nav .mobile-toggle { display:none; }
  #primary-nav ul { padding: 0; margin: 0; list-style: none; display:block; width:100%; }
  #primary-nav li { padding: 0; margin: 0; display:inline-block; width:25%; float:left; border-right:1px solid #fff;}
  #primary-nav li:last-child { border-right:none; }
  #primary-nav a {
    display: block;
    width: 100%;
    padding:8px 0px;
    margin:0;
    border:0;
    background-color:#5400b0;
    font-family: 'futura-pt', sans-serif;
    font-weight:700;
    font-size:19px;
    line-height:24px;
    color:#fff;
    font-weight:700;
    letter-spacing:0;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    }
  #primary-nav li:hover a { background-color:#e32400; }
  #primary-nav li a:hover { color:#fff; }

  /* drop down lists */

  #primary-nav ul ul ul { display:none!important; }
  #primary-nav .mobile-toggle2 { display:none; }
  #primary-nav > ul > li > ul { 
    position: absolute;
    width: 25%;
    height:auto;
    padding:20px 0px;
    background-color:#e32400;
    display:none!important;
  }
  #primary-nav > ul > li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  #primary-nav ul li ul li { width:100%; border:0; }
  #primary-nav li ul li a { 
    display:block;
    width:100%;
    padding:4px 24px 8px 24px;
    margin:0;
    background-color:inherit;
    font-family: 'calibri', sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:22px;
    color:#fff;
    letter-spacing:0;
    text-decoration:none;
    text-align:left;
    text-transform:uppercase;
  }
  #primary-nav li ul li a:hover { background-color:#ea5d44; }

  /* secondary nav */

  #secondary-nav { position:absolute; display:block; top:20px; right:0px; width:450px; height:30px;  }
  .secondary-nav-hold { position:relative; width:450px; height:30px; }
  .nav-search-closed { position:absolute; width:450px; height:30px; top:0px; left:0px; display:table; z-index:1; }
  .nav-search-open { position:absolute; width:450px; height:30px; top:0px; left:0px; display:none; z-index:2; background-color:#fff; }
  .nav-search-hold { width:450px; height:30px; display:table; }
  .nav-desktop-ui { display:table-cell; width:50px; height:30px; text-align:center; vertical-align:middle; padding-left:20px; }
  .nav-links { display:table-cell; width:auto; height:30px; text-align:right; vertical-align:middle; }
  .nav-search { display:table-cell; width:auto; height:30px; text-align:right; vertical-align:middle;  }
  .nav-links a {
    margin-left:20px;
    font-size:15px;
    line-height:30px;
    color:#000000;
    font-family: 'futura-pt', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
  }
  .nav-links a:hover { color:#e32400; }
  .nav-links a.nav-links-selected { color:#e32400; }
  #search-button-open { color:#000;  }
  #search-button-open:hover { color:#e32400; cursor:pointer; }
  #search-button-close { color:#000;  }
  #search-button-close:hover { color:#e32400; cursor:pointer; }
  #site-search {
    display:table;
    width:200px;
    float:right;	
    padding:0px 4px;
    margin:0;
    border:none;
    border-bottom:2px solid #666;
    text-align:left;
    }

  #site-search input[type="text"]{
    display:table-cell;	
    font-size:15px;
    line-height:24px;
    font-family: 'futura-pt', sans-serif;
    font-weight:700;
    color:#666;
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    width:90%;
    height:24px; /* ie11*/
    text-align:left;  
    vertical-align:middle;
  }

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

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


/* report detail modal */

.modal-backdrop { background-color: #5400b0; }
.modal-backdrop.show { opacity:0.75; }



/* public art */

.pa-sticky-wrap { background-color:white; margin-top:50px;}
.pa-sticky-hold { display:block; }
.pa-sticky-content { width:100%; background-color:white; padding:0px 24px; min-height:100px; }
.pa-sticky-map { width:100%; height:auto; min-height:320px; background-color:white; padding-top:40px;}
#pa-stickymap { width:100%; height:70vh; background-color:#E8E0D8; }
.dtla-list-mapit-style { display:none; }
@media all and (min-width: 992px) {
	.pa-sticky-hold { display:flex; width:100%; max-width:3000px; margin:0 auto; background-color:#000; min-height:100vh; }
	.pa-sticky-hold-reverse { flex-direction: row-reverse; } /* not used */
  .pa-sticky-content { flex: 1 1 auto; height:auto; width:35%; padding:0px 40px; }
	.pa-sticky-map { flex: 1 1 auto; height:auto; width:65%; padding:0; }
	#pa-stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
  .dtla-list-mapit-style { display:inline-block; }
}

a.pa-stickymap-card { width:100%; display:block; position:relative; padding-top:35px; }
.pa-stickymap-card-image { display:block; width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.pa-stickymap-card-content { display:block; width:100%; vertical-align:top; background-color:#f4f4f4; padding:20px 24px; }
.pa-stickymap-card-number { position:absolute; top:20px; left:20px; width:30px; height:30px; background-color:var(--cty-brand-purple); color:white; border-radius:15px; 
  font-family: 'futura-pt', sans-serif; text-align:center; font-size:16px; line-height:30px; font-weight:600; }

.dtla-tag-style {
  color: var(--cty-brand-purple);
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
  letter-spacing: 0.100rem;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.dtla-list-label-style { 
  color:#000;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -0.020rem;
  margin-bottom: 16px;
}

.dtla-list-museum-style { 
  color:#000;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 0.030rem;
  text-transform: uppercase;
  margin-top:-10px;
  margin-bottom: 12px;
}
.dtla-list-address-style {
  color:#000;
  font-size:17px;
}

.dtla-list-mapit-style {
  margin-left: 10px;
  background-color: #D14200;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.100rem;
  border: 0;
  font-size: 10px;
  line-height: 16px;
  transition: all 0.15s linear 0s;
  padding: 1px 8px;
  border-radius: 60px;
}

#public-art-detail { border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#public-art-detail #clmap { width:100%; height:60vh; min-height:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
  #public-art-detail #clmap { width:100%; height:70vh; min-height:350px; max-height:700px; }
	/*#public-art-detail { border: 1px solid #E6E4E0; width:100%; max-width:1320px; margin:0 auto; }
  #public-art-detail #clmap { border:2px solid white; }*/
}


/* life is better campaign */

.bettercard { display:block; width:100%; background-color:#f0f0f0; margin:1rem 0 1.5rem; }
.bettercard-image { display:block; width:100%; padding-bottom:58%; background-position:center center; background-size:cover; }
.bettercard-content { display:block; width:100%; padding:24px; }
@media all and (min-width: 992px) {
	.bettercard { display:flex; flex-direction: row-reverse; align-items: center; }
	.bettercard-image { width:50%;height:300px; padding:0; }
  .bettercard-content { width:50%; }
  
}

.bettercard-content-sub { color: #555;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 8px; 
  text-transform:uppercase;
}
.bettercard-content-head { color: #000;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 8px; }
.bettercard-content-datetime {color: #555;
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 8px; }
.bettercard-content-text { color: #333;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;}
.bettercard-content-link { }


.bid-sponsor-logos { margin:2rem 0 0 0; }
.bid-logo { display:inline-block; margin:0px 12px 12px 0; background-color:#fff; }
.bid-logo span { display:block; border:2px solid #eee; }
.bid-logo a { display:block; transition: all 400ms ease; border:2px solid #eee; }
.bid-logo a:hover { border-color:#bbb; }
.bid-logo-img { width:90px; height:90px; border:8px solid #fff; background-position:center center; background-size:contain; background-repeat:no-repeat; }
@media all and (min-width: 768px) {
  .bid-logo { margin:0px 16px 16px 0; }
	.bid-logo-img { width:140px; height:140px; }
}


/* subscribe page */

.mc-row { display:table; width:100%; margin:1rem 0; }
.mc-col-check { display:table-cell; vertical-align:top; width:50px; text-align:center;  }
.mc-col-icon { display:table-cell; vertical-align:top; width:60px; text-align:left; padding-top:4px; }
.mc-col-content { display:table-cell; vertical-align:top; width:auto; text-align:left; padding-left:20px; font-family: 'calibri', sans-serif; }
.mc-col-content-headline { font-weight:700; font-size:17px; line-height:1.35; letter-spacing:0.050rem; margin-bottom:3px; text-wrap:balance; }
.mc-col-content-text { font-weight:400; font-size:16px; line-height:1.35; text-wrap:balance; }