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

#page-wrap {
  position:relative;
  width:100%;
  background-color:#ffffff;
  color:#49443e;
}
#page-header { }
#page-content { }

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


/* responsive support */

.container-fluid-upcoming-events { max-width:1000px; padding:0 30px; margin:0 auto; }
.container-fluid { max-width:1300px; padding:0 20px; margin:0 auto; }
@media all and (min-width: 768px) { .container-fluid { padding:0 30px; }}
@media all and (min-width: 992px) { .container-fluid { padding:0 50px; }}

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

.horizontal-padding { padding-left:20px; padding-right:20px; }
@media all and (min-width: 768px) { .horizontal-padding { padding-left:30px; padding-right:30px; }}
@media all and (min-width: 992px) { .horizontal-padding { padding-left:50px; padding-right:50px; }}

.form-wrap { background-color:#FaFaFa; border:1px solid #ddd; border-radius:4px; padding:20px; margin-top:24px; margin-bottom:24px;}


/* 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:4px 0px 16px 28px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:4px 28px 16px 0px; max-width:48%; height:auto!important; }

p > .img-responsive { margin:24px 0; }
p > .img-fluid { margin:24px 0; }

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



/* responsive features */

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

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

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

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

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


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

.alert-wrap { }
.alerts-class { background-color:#DC2E28; color:white; }
.alerts-message, .alerts-dismiss { color:inherit; padding:16px 0 14px 0; font-size: 13px;
  line-height: 22px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
 }
.alerts-message strong { 
  font-weight: 900; 
} 
.alerts-link { color:inherit; text-decoration:underline; }
.alerts-link:hover { color:inherit; text-decoration:underline; }
.alert-first { }
.alerts-dismiss > button { margin:0; padding:0; border:0; background-color:inherit; color:inherit; font-size:20px; line-height:24px; }
#dismiss-alert { color:inherit; }

.alert-navy { background-color:#033a53; color:white; } .alert-navy #dismiss-alert { color:white; }
.alert-blue { background-color:#02b0ca; color:white; } .alert-blue #dismiss-alert { color:white; }
.alert-green { background-color:#c2d501; color:#033a53; } .alert-blue #dismiss-alert { color:#033a53; }


/* alert box 

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

.alert-prefix {
  font-family: 'alternate-gothic-no-1-d',sans-serif;	 
  color: #fff;
  font-size: 27px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:18px;
}

.alert-content { 
  color: #fff;
  font-size: 13px;
  line-height: 22px;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

.alert-message { padding-bottom:20px; }
a.alert-link { color:#fff; text-decoration:underline; font-weight:900; }
a.alert-link:hover { color:#fff; text-decoration:underline; }

.alert-dismiss { 
  color:#fff;
  font-size:20px;
  line-height:20px; 
  font-weight: 400;
  padding-bottom:20px;
}

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

*/

/* global typography */

.silver-wrap { width:100%; background-color:#f5f5f5; }

h1, h2.h1-style { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; text-transform:uppercase; color:#023a53; font-size:40px; line-height:42px;  margin-top:0px; margin-bottom: 1rem; font-style:normal; }

h2 { font-weight:900; color:#00b0ca;; color:#00b0ca; font-size:14px; line-height:26px; font-style:italic; text-transform:uppercase; letter-spacing:0.100rem; }
h3 { font-weight:900; color:#00b0ca;; font-size:13px; line-height:24px; font-style:italic; text-transform:uppercase; letter-spacing:0.100rem; }
h4 { font-weight:900; color:#00b0ca;; font-size:12px; line-height:23px; font-style:italic; text-transform:uppercase; letter-spacing:0.100rem; }

h2.on-detail { font-weight: 900; color: #49443e; font-size: 16px; line-height: 24px; font-style: italic; text-transform:none; letter-spacing:0; margin: 20px 0; }

p, li { color:#49443e; font-size:16px; line-height:1.6; }

p > u, p > mark { background-color:inherit; font-weight:900; color:#00b0ca; font-size:12px; line-height:24px; font-style:italic; text-decoration:none; text-transform:uppercase; letter-spacing:0.100rem; }

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

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,.1); }

hr.wiggle { display:block; width:100px; height:8px; margin:16px 0; padding:0; border:0; text-align:left; }
hr.wiggle-navy { background:url('https://ctycms.com/dc-capitol-riverfront/wiggle-navy.svg'); background-size: 100px 8px;}
hr.wiggle-blue { background:url('https://ctycms.com/dc-capitol-riverfront/wiggle-blue.svg'); background-size: 100px 8px;}
hr.wiggle-white { background:url('https://ctycms.com/dc-capitol-riverfront/wiggle-white.svg'); background-size: 100px 8px;}
hr.wiggle-center { margin:10px auto; text-align:center;}

a { color:#023a53; text-decoration:none; }
a:hover { color:#105370; text-decoration:none; }

p a, li a { font-weight:700;}
p a:hover, li a:hover { text-decoration:underline; }

a.crbid-link { font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:24px; color:#023a53; letter-spacing:0.100rem; }
a.crbid-link:hover { color:#105370; text-decoration:none; }

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

.btn-brand { background-color:#023a53; font-weight:900; font-style:italic; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; 
border:2px solid #023a53; border-radius:100px; font-size:12px; padding: 6px 16px 6px 16px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#00b0ca;; border-color:#00b0ca;; color:#fff; text-decoration:none; }

.btn-outline-brand { background-color:#fff; font-weight:900; font-style:italic; text-transform:uppercase; color:#023a53; letter-spacing:0.100rem; 
border:2px solid #023a53; border-radius:100px; font-size:12px; padding: 6px 16px 6px 16px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#00b0ca;; border-color:#00b0ca;; color:#fff; text-decoration:none; }

.btn-brand-pill { background-color:#023a53; border:1px solid #023a53;  color:#fff; font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-brand-pill:hover {  background-color:#00b0ca; border-color:#00b0ca; color:#fff; text-decoration:none; }

.btn-outline-brand-pill { background-color:#fff; border:1px solid #023a53; color:#023a53; font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-outline-brand-pill:hover { background-color:#00b0ca; border-color:#00b0ca; color:#fff; text-decoration:none; }

.btn-naked { font-weight:900; font-style:italic; text-transform:uppercase;  font-size:12px; line-height:24px; color:#023a53; letter-spacing:0.100rem; margin:4px 2px 4px 0px; padding: 3px 14px 3px 0px; transition: all 0.15s linear 0s; }
.btn-naked:hover { color:#105370; text-decoration:none; }

a.crbid-link { font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:24px; color:#023a53; letter-spacing:0.100rem; }
a.crbid-link:hover { color:#105370; text-decoration:none; }


.btn-crbid { 
  background-color:inherit;
  display:inline-block;
  padding: 3px 14px 3px 18px;
  text-align:center;
  font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:24px; color:#023a53; letter-spacing:1px;
  border:2px solid #023a53;
  border-radius:500px;
  transition: all 0.15s linear 0s;
  margin-top:12px;
  margin-bottom:12px;
  text-decoration:none;
}
.btn-crbid:hover { background-color:#EAE9E7; color:#105370;  }

.add-arrow::after { font-weight: 900; }
.add-angle::after { font-weight: 900; }

.circuluar { display:inline-block; border:2px solid #fff; border-radius:50%; color:#fff; width:34px; height:34px; text-align:center; font-size:14px; line-height:32px; }

a.circle-button-navy { 
color:#023a53;
text-transform:uppercase;
font-size:11px;
line-height:34px; 
font-family: inherit;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
letter-spacing: 1px;
display:block;
margin:0;
padding:0;
}

a.circle-button-navy:hover { text-decoration:none;}

a.circle-button-navy > span { display:block; float:left; width:32px; height:32px; font-size:11px; line-height:28px; border-radius:50%; text-align:center; margin-right:8px; }
a.circle-button-navy > span { text-decoration:none; color:#023a53; border:2px solid #023a53; background-color:inherit; transition: all 0.15s linear 0s; }
a.circle-button-navy:hover > span { color:#fff; border-color:#023a53; background-color:#023a53; }

a.circle-button-navy-right > span { float:right; margin-left:8px; }


/* footersubscribe */

#footersubscribe { padding-top:48px; background-color:#023a53; }
#footersubscribe .as-h3 { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:44px; line-height:46px; color:#c3d500; letter-spacing:1px; text-align:center; margin:0; padding:0; }
#footersubscribe .as-h5 { font-weight:900; font-style:italic; text-transform:uppercase; font-size:11px; line-height:14px; color:#fff; letter-spacing:2px; text-align:center; margin:0; padding:0; }

#getthescoop { width:100%; }
#getthescoop form { padding:30px 20px 0 20px; margin:0; }

#getthescoop input[type="text"]{
  display:block;
  width:100%; 
  font-weight:500; font-size:12px; line-height:30px; letter-spacing:1px; color:#fff;
  background:transparent;
  border-bottom:2px solid #c3d500;
  border-top:0;
  border-right:0;
  border-left:0;
  padding:0;
  margin:0;
}

#getthescoop .email-submit {
  display:block;
  text-align:center;
  width:90px;	
  font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:40px; color:#c3d500; letter-spacing:1px;
  border:2px solid #c3d500;
  border-radius:500px;
  padding:0;
  background-color:inherit; transition: all 0.15s linear 0s;
}
#getthescoop .email-submit:hover { color:#fff; border:2px solid #c3d500; background-color:#c3d500;}
#getthescoop ::-webkit-input-placeholder { color: #ccc;  font-style:italic;}
#getthescoop :-moz-placeholder { color: #ccc; opacity: 1;  font-style:italic;}
#getthescoop ::-moz-placeholder { color: #ccc; opacity:1;  font-style:italic;}
#getthescoop :-ms-input-placeholder { color: #ccc;  font-style:italic;}

.scoopleft { padding:0; margin:0;}
.scoopright { width:90px; margin:20px auto; }

@media all and (min-width: 768px) {
	#footersubscribe { padding-bottom:40px;}
	#footersubscribe .as-h3 { text-align:left; margin-left:20px;}
	#footersubscribe .as-h5 { text-align:left; margin-left:20px;}
	#getthescoop form { display:table; width:100%; padding:0px; margin:0; padding-top:16px; padding-right:20px; }
	#getthescoop .scoopleft { display:table-cell; padding-right:20px;}
	#getthescoop .scoopright { display:table-cell; width:90px; padding:0; margin:0; }
}

@media all and (min-width: 992px) { 
	#footersubscribe .as-h3 { margin-left:50px;}
	#footersubscribe .as-h5 { margin-left:50px;}
	#getthescoop form { margin-right:50px;}
}

/* footer */

#footer { background-color:#023a53; padding-top:30px; padding-bottom:40px; }

.footer-nav a { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:21px; line-height:24px; color:#fff; letter-spacing:2px; display:block; margin:0px 24px 10px 0;}
.footer-nav a:hover { text-decoration:none; color:#eee; }

.social-icons { display:block; float:right; width:100px; text-align:right;}
.social-icons a { display:inline-block; width:34px; height:34px; font-size:12px; line-height:32px; border-radius:50%; text-align:center; margin:0 0 12px 10px; }
.social-icons a { text-decoration:none; color:#00b0ca;; border:2px solid #00b0ca;; background-color:inherit; transition: all 0.15s linear 0s;}
.social-icons a:hover { color:#fff; border-color:#00b0ca;; background-color:#00b0ca;; }

.footer-nav-terms, .footer-nav-terms a { font-weight:500; font-size:11px; line-height:18px; color:#00b0ca;; }

.left-top { float:left; text-align:left; margin-top:10px; }
.right-bottom { float:right; text-align:right; margin-top:10px;}

@media all and (min-width: 768px) { 
	.social-icons { width:100%;}
	.footer-nav a { float:left; }
}
@media all and (min-width: 992px) { 
	#footer { padding-bottom:55px;}
	.footer-nav-terms { display:inline;}
	.left-top { float:left; text-align:left; margin-top:-8px; }
	.right-bottom { float:left; text-align:left; margin-top:-8px; }
	.right-bottom .footer-nav-terms { margin-left:25px; }
}




/* section banner */

.section-banner { display:block; width:100%; padding-bottom:32%; background-color:#eee; background-size:cover; background-position: center center; }
.section-banner-short { display:none; }
@media all and (min-width: 768px) { 
	.section-banner-short { display:block; width:100%; height:275px; background-color:#eee; background-size:cover; background-position: center center; }
}

/* section headers */

#section { padding-top: 24px; padding-bottom: 20px; }

#section span { font-family:'alternate-gothic-no-1-d',sans-serif; text-transform:uppercase; font-size:50px; line-height:52px; color:#fff; letter-spacing:0.100rem; }
#section.default { background-color:#023a53; } /* new blue */ 
#section.green { background-color:#c9dd03;} /* new green */
#section.yellow { background-color:#ffb612;} /* new yellow */
#section.red { background-color:#de3831;} /* new red */
#section.magenta { background-color:#a60063;} /* new magenta */

#section .parks-hours { font-family:'alternate-gothic-no-1-d',sans-serif; text-transform:uppercase; font-size:24px; line-height:26px; color:#fff; }
#section .parks-hours b { color:#e5eaab; margin-right:8px; }
@media all and (min-width: 768px) {
	#section .parks-hours { line-height:52px; }
}

#section .post-tag { font-family: 'aktiv-grotesk', sans-serif; font-weight:900; color:#00b0ca;; font-size:12px; line-height:21px; font-style:italic; text-decoration:none; text-transform:uppercase; letter-spacing:0.100rem; }

/* Parks Subhead */

#sectionparks { padding-top: 34px; padding-bottom: 30px; background-color:#EAE9E7; }
#sectionparks span { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:40px; line-height:42px; color:#023a53; letter-spacing:1px; }




/* sidenav drawer */

.sidenav-container { max-width:1300px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; background-color:#EAE9E7; }
.sidenav-col-content { display:block; width:100%; padding-right:20px; padding-left:20px; background-color:#fff; }
@media screen and (min-width: 768px) {
	.sidenav-row { display: flex; width:100%; }
	.sidenav-col-nav { display:block; width:30%; padding:50px 0px; }
	.sidenav-col-content { display:block; width:70%; padding-right:50px; padding-left:50px; }
}

.toggle-plus, .toggle-minus { display:inline-block; border:2px solid #023a53; border-radius:50%; color:#023a53; width:34px; height:34px; text-align:center; font-size:14px; line-height:32px; } 
.toggle-open .toggle-plus, .toggle-closed .toggle-minus { display:none; }
.toggle-open .toggle-minus, .toggle-closed .toggle-plus { display:block; }

.d-sidenav { width:100%; }
.d-sidenav-section { display:table; width:100%; padding:10px 0px; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; padding:10px 12px 10px 20px; vertical-align:top; font-size:27px; line-height:30px; }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:64px; padding:10px 20px 10px 12px; vertical-align:top; cursor:pointer; color:#023a53; font-size:12px; line-height:30px; }
.d-sidenav-section-label a { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; text-transform:uppercase; color:#023a53; letter-spacing:0.100rem; }
.d-sidenav-section-label a:hover { color:#00b0ca;; text-decoration:none }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 768px) {
	.d-sidenav-section { padding:0; }
	.d-sidenav-section-label { display:block; width:100%; padding:10px 30px; }
	.d-sidenav-section-toggle { display:none; }
	#d-sidenav-drawer { display:block!important; }
}
@media all and (min-width: 992px) {
	.d-sidenav-section-label { padding:10px 50px; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { } 
.d-sidenav li { padding:0; margin:0; list-style:none; }

.d-sidenav > ul > li { }
.d-sidenav > ul > li:last-child { }

.d-sidenav li ul { padding-bottom:14px; }
.d-sidenav li ul li { }

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

.d-sidenav li.d-open { background-color:#00b0ca; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 20px; vertical-align:top; }
.d-sidenav li a div.sn-label { font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:20px; letter-spacing:0.100rem; color:#023a53; }
 
.d-sidenav li a:hover div { background-color:#00b0ca; }

@media all and (min-width: 768px) { .d-sidenav li a div.sn-label { padding-left:30px; padding-right:30px; } }
@media all and (min-width: 992px) { .d-sidenav li a div.sn-label { padding-left:50px; padding-right:50px; } }

.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:10px 20px 10px 20px; vertical-align:top; }
.d-sidenav li a div.sn-label-nested { font-weight:700; font-style:normal; text-transform:none; font-size:13px; line-height:16px; letter-spacing:0.050rem; color:#023a53; }

@media all and (min-width: 768px) { .d-sidenav li a div.sn-label-nested { padding-left:30px; padding-right:30px; } }
@media all and (min-width: 992px) { .d-sidenav li a div.sn-label-nested { padding-left:50px; padding-right:50px; } }

.d-sidenav li a:hover div.sn-label-nested { color:#ffffff; }
.d-sidenav li.d-sub-selected a div.sn-label-nested { color:#ffffff; }





/* home */

.home-max-width { max-width:1800px; padding:0; margin:0 auto;}




/* home page video */

.hero-wrap {}

.hero-wrap {
  position: relative;
  width:100%; 
  height:400px;
  top: 0;
  overflow:hidden;
  background:#444;
  background: url('https://img.ctykit.com/cdn/dc-capitol-riverfront/video-no-video-1200x674-65.jpg') no-repeat center center;
  background-size: cover;
}
@media all and (min-width: 768px) {
	.hero-wrap { height:0px; padding-bottom: 56.25%; }
}
 
#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; }

.hero-video-content-hold { position: absolute; z-index: 101; display:table; width:100%; height:100%; }
.hero-video-content { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:24px; }

.hero-text-main { color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:50px; line-height:50px; letter-spacing:1px; margin-bottom:12px; }
.hero-text-link { cursor:pointer; color:#fff; }
.hero-text-text { margin-left:10px; font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:32px; letter-spacing:1px; }
.hero-text-main, .hero-text-link { text-shadow: 0px 0px 2px #222; }


/* domino collage */

.domino-table { display:block; width:100%; }
.domino-tr { display:block; width:100%;}
.domino-cell-a { position:relative; display: block; width:100%; padding-bottom: 100%; border-top:1px solid #fff; }
.domino-cell-b { position:relative; display: block; width:100%; padding-bottom: 100%; border-top:1px solid #fff; }
.domino-cell-c { position:relative; display: block; width:100%; padding-bottom: 200%; border-top:0px solid #fff; }
.domino-cell-d { position:absolute; top:0; display: block; width:100%; padding-bottom: 101%; border-top:1px solid #fff;}
.domino-cell-e { position:absolute; bottom:0; display: block; width:100%; padding-bottom: 100%; border-top:1px solid #fff;}
@media all and (min-width: 768px) {
	.domino-table { display:table; width:100%; }
	.domino-tr { display:table-row; width:100%; }
	.domino-cell-a { display:table-cell; position:relative; width:50%; padding-bottom:50%; vertical-align:top; border-right:1px solid #fff;}
	.domino-cell-b { display:table-cell; position:relative; width:25%; padding-bottom:25%; vertical-align:top; border-right:1px solid #fff;}
	.domino-cell-c { display:table-cell; position:relative; width:25%; padding-bottom:25%; vertical-align:top; border-right:1px solid #fff; border-top:0px;}
}

.domino-bg { position:absolute; display:block; width:100%; height:100%; background-size: cover; background-position: center center; }
.domino-content { display:block; width:100%; height:auto; position:absolute; padding:40px; }
.domino-content-drop { bottom:0px; }
.domino-filter-top-left { display:block; position:absolute; width:100%; height:100%; background: linear-gradient(135deg, rgba(27,66,89,0.9) 0%, rgba(27,66,89,0.6) 33%, rgba(27,66,89,0) 66%); }
.domino-filter-bottom-left { display:block; position:absolute; width:100%; height:100%; background: linear-gradient(45deg, rgba(27,66,89,0.9) 0%, rgba(27,66,89,0.6) 33%, rgba(27,66,89,0) 66%); }

.domino-content a { color:#fff; text-decoration:none;}
.domino-content a:hover { color:#fff; text-decoration:none;}

.domino-subhead { color:#fff; font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:18px; letter-spacing:1px; }
.domino-mainhead { margin-top:8px; color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:50px; line-height:45px; letter-spacing:1px; max-width:400px;}
@media all and (min-width: 768px) {
	.domino-mainhead { font-size:30px; line-height:25px;}
}
@media all and (min-width: 1150px) {
	.domino-mainhead { font-size:50px; line-height:45px;}
}
.domino-park-box { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color:#c3d500; text-align:center; }

.domino-park-box-text { padding-top:50%; }
.domino-park-box-text { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; color:#023a53; font-size:34px; line-height:36px; margin:-75px auto 0 auto;}
.domino-park-box-text hr { margin-top:20px; margin-bottom:20px;}
.domino-park-box-text a { font-weight:900; font-style:italic; text-transform:uppercase; color:#023a53; font-size:12px; line-height:14px; letter-spacing:1px; margin:0 auto;}

a.domino-instagram-link { margin:20px 0px; text-align:center; color:#fff; display:block; }
a.domino-instagram-link > .fab  { display:inline-block; vertical-align:top; margin-right:16px; font-size:26px; line-height:26px; }
a.domino-instagram-link > .social-handle { display:inline-block; padding-top:5px; vertical-align:top; font-weight:900; font-style:italic; text-transform:uppercase; font-size:14px; line-height:14px; letter-spacing:1px;  }




/* home video overlay */

#video-overlay { display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(3, 53, 76, 0.9); z-index:9999;}
.video-content { width:100%; max-width:990px; margin:5% auto; padding:30px; }
.video-close { width:100%; text-align:right; padding-bottom:16px; }
.video-close #hide-movie { cursor:pointer; }



/* home promo */

/* home lower promo */

.home-promo-wrap { 
  background-color:#fff;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  padding-bottom:100px;
}
@media all and (min-width: 420px) { .home-promo-wrap { padding-bottom:180px; }}
@media all and (min-width: 768px) { .home-promo-wrap { padding-bottom:240px; }}
@media all and (min-width: 900px) { .home-promo-wrap { padding-bottom:280px; }}
@media all and (min-width: 1024px) { .home-promo-wrap { padding-bottom:320px; }}
@media all and (min-width: 1200px) { .home-promo-wrap { padding-bottom:420px; }}

@media all and (max-width: 767px) { .home-promo-wrap { background-image:url('https://img.ctykit.com/cdn/dc-capitol-riverfront/home-bg-600-65.jpg'); }}
@media all and (min-width: 768px) { .home-promo-wrap { background-image:url('https://img.ctykit.com/cdn/dc-capitol-riverfront/home-bg-1200-65.jpg'); }}

.promo-intro { max-width:800px; margin:0 auto; padding:60px 0px 30px 0px; }
.promo-intro h3 { color:#de3831;  font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:40px; line-height:35px; letter-spacing:1px; }

.promo-box { padding-bottom:30px;}
@media all and (min-width: 768px) { .promo-box { padding-left:20px; padding-right:20px;} }

.promo-img { width:100%; padding-bottom:57%; background-size:cover; background-position:center center; background-color:#eee; }

.promo-color-1 h4 { color:#00b0ca;; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:36px; line-height:32px; margin:40px 0 0 0;}
.promo-color-2 h4 { color:#023a53; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:36px; line-height:32px; margin:40px 0 0 0;}

.promo-color-1 a span { color:#00b0ca;; display:inline-block; border:2px solid #00b0ca;; border-radius:50%; background-color:inherit; width:36px; height:36px; text-align:center; font-size:14px; line-height:32px; transition: all 0.15s linear 0s;}
.promo-color-1 a:hover span { color:#fff; border:2px solid #00b0ca;; background-color:#00b0ca;; }

.promo-color-2 a span { color:#023a53; display:inline-block; border:2px solid #023a53; border-radius:50%; background-color:inherit; width:36px; height:36px; text-align:center; font-size:14px; line-height:32px; transition: all 0.15s linear 0s;}
.promo-color-2 a:hover span { color:#fff; border:2px solid #023a53; background-color:#023a53; }




/* basic snake */

.snake-header { width:100%; background-color: #eae9e7; padding:40px 20px; }

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

.stats-table { }
.stats-table tbody {}
.stats-table th, .stats-table td, .stats-table tr { border:0; }

.stats-table > tbody > tr > td, .stats-table > thead > tr > td  { 
	margin:0;
	padding: 0px;
	vertical-align: top;
	border:0;
	width:50%;
	padding-top:1px;
	padding-right:32px;
	background-color:#fff;
}

.stats-table > tbody > tr > th, .stats-table > thead > tr > th { 
	margin:0;
	padding: 0px;
	vertical-align: top;
	border:0;
	width:50%;
	padding-top:24px;
	padding-right:24px;
	background-color:#fff;
	padding-bottom:none;
	color:#22B9C2; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:60px; line-height:70px;
}

.stats-table th {  }
.stats-table td { font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:14px; letter-spacing:1px; }


/* snake doubles */


.dsnake-container { width:100%; max-width:1500px; background-color:#fff; margin:0 auto;}

.dsnake-box { width:100%; }
.dsnake-row { }
.dsnake-content-a { position:relative; display: block; width:100%; height:100%; background-color:#fff; padding:30px;}
.dsnake-content-b { position:relative; display: block; width:100%; height:100%; background-color:#fff; padding:30px;}
.dsnake-cell1 { position:relative; display: block; width:100%; padding-bottom: 100%; }
.dsnake-cell2 { position:relative; display: block; width:100%; padding-bottom: 100%; border-top:1px solid #fff;}
@media all and (max-width: 767px) {
	.dsnake-row > .dsnake-content-b { display:none; }
}
@media all and (min-width: 768px) {
	.dsnake-box { display:table; }
	.dsnake-row { display:table-row; }
	.dsnake-content-a { width:50%; display:table-cell; padding:60px; }
	.dsnake-content-b { width:50%; display:table-cell; padding:60px; }
	.dsnake-cell1 { width:25%; display:table-cell; vertical-align:top; padding-bottom:50%; border-right:1px solid #fff; }
	.dsnake-cell2 { width:25%; display:table-cell; vertical-align:top; padding-bottom:50%; border-top:0px solid #fff;}
	.dsnake-row-odd > .dsnake-content-b { display:none; }
	.dsnake-row-even > .dsnake-content-a { display:none; }
}
@media all and (min-width: 1020px) {
	.dsnake-content-a { width:50%; display:table-cell; padding:100px; }
	.dsnake-content-b { width:50%; display:table-cell; padding:100px; }
}


.dsnake-bg { z-index:1; display:block; width:100%; height:100%; position:absolute; background-size:cover; background-position:center center;}

.dsnake-filter { z-index:2; display:block; position:absolute; width:100%; height:100%; background: linear-gradient(45deg, rgba(27,66,89,0.9) 0%, rgba(27,66,89,0.6) 33%, rgba(27,66,89,0) 66%); }


.dsnake-content { z-index:3; display:block; width:100%; height:auto; position:absolute; padding:40px; bottom:0px; }

.dsnake-content a { color:#fff; text-decoration:none;}
.dsnake-content a:hover { color:#fff; text-decoration:none;}

.dsnake-subhead { color:#fff; font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:18px; letter-spacing:1px; }
.dsnake-mainhead { margin-top:8px; color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:50px; line-height:45px; letter-spacing:1px; max-width:400px;}




/* media links */

.linklined { border-bottom:2px solid #EAE9E7; margin-top:24px; margin-bottom:10px;}
.linkhead { display:inline-block; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; color:#023a53; font-size:32px; line-height:40px; }
a.valink { float:right; font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:40px; color:#023a53; letter-spacing:1px; }
a.valink:hover { color:#00b0ca;; text-decoration:none; }
a.valink i { color:#00b0ca;; }

.lk {  }
.lk a { display:block; background-color:inherit; margin:0; padding:16px 20px; transition: all 0.15s linear 0s; }
.lk a:hover { text-decoration:none; background-color:#eae9e7;}

.lkimg { float:left; width:186px; margin-right:20px; padding-bottom:16px;}

.lk0 { font-weight:900; color:#49443e; font-size:12px; line-height:24px; font-style:italic; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
.lk1 { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:27px; line-height:30px; color:#023a53;}
.lk2 { font-weight:500; font-size:12px; line-height:14px; color:#49443e; }
.lk2 span { color:#00b0ca;; margin:0 3px;}
.lk a:hover .lk1 { color:#00b0ca;;}

.lk-img { margin:10px 0;}


/* Basic Staff Gallery */

.staff-gallery { margin-top:30px; }

.slk { margin-bottom:30px; }
.slk-video { background-color:#fafafa; }
.slk a { display:block; background-color:inherit; margin:0; transition: all 0.15s linear 0s; cursor:pointer; }
.slk a:hover { text-decoration:none; background-color:#eae9e7;}

.slkbox { padding:16px 20px; }

.slk0 { font-weight:900; color:#49443e; font-size:12px; line-height:24px; font-style:italic; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}

.slk1 { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:30px; line-height:32px; color:#023a53;}
.slk2 { font-weight:400; font-size:13px; line-height:18px; color:#49443e; margin-top:3px; }

.slk a:hover .slk1 { color:#00b0ca;;}

.slk3 { margin-top:20px; margin-bottom:0px;}
.slk4 { margin-top:0px; margin-bottom:20px;}

.slk-contact { margin:24px 0px 14px 2px; font-size: 13px; line-height:36px; }
.slk-contact a { color:#00b0ca;; white-space: nowrap; }
.slk-contact a:hover {  color:#00b0ca;; text-decoration:none; }
.slk-contact span.slkicon { font-size:18px; vertical-align:middle; color:#023a53; }
.slk-contact span.slklabel { font-size: 13px; padding-left:6px; margin-right:24px; vertical-align:middle; font-weight:700; }


/* specials gallery */

.isotope-filters { margin:24px auto 0px auto; text-align:center; max-width:1100px;}
.isotope-filters button {
display:inline-block;
text-align: center;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
font-size: 12px;
line-height: 40px;
text-decoration: none;
color: #00b0ca;;
background-color:#EAE9E7;
letter-spacing: 1px;
border: 2px solid #00b0ca;;
border-radius: 500px;
padding:0px 20px;
white-space: nowrap;
transition: all 0.15s linear 0s;
margin:0px 6px 10px 0px;
}
.isotope-filters button:hover { background-color:#00b0ca;; color:#fff; text-decoration: none; cursor:pointer;}
.isotope-filters button.button-selected { background-color:#00b0ca;; color:#fff; }

.isotope { width:100%; }
.isotope-sizer,.isotope-item { width: 100%; }
@media all and (min-width: 768px) {
	.isotope-sizer,.isotope-item { width: 50%; }
}
@media all and (min-width: 992px) { 
	.isotope-sizer,.isotope-item { width: 33.33%; }
}


.specials-container { display:block; width:100%; max-width:1500px; background-color:#fff; margin:0 auto; }
.specials-box-intro { padding:30px; }
@media all and (min-width: 992px) {
	.specials-container { display:block; width:100%; }
	.specials-box-intro { padding:80px; }
}

a.specials-iso { display:block; border-right:1px solid #fff; border-bottom:1px solid #fff; }
a.specials-iso:hover { text-decoration:none; }

.specials-bg { width:100%; height:auto; background-position:center center; background-size:cover; }
.specials-cover { width:100%; height:auto; 
	background: rgb(2,58,83); /*https://cssgradient.io/*/
	background: linear-gradient(90deg, rgba(2,58,83,0.95) 0%, rgba(2,58,83,0.65) 60%, rgba(2,58,83,0.5) 100%);
}
.specials-content {  width:100%; height:auto; padding:30px; }

.specials-mainhead { margin:16px 0px; color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:50px; line-height:45px; letter-spacing:1px; text-shadow:1px 1px 1px #023A53; }
.specials-subhead { min-height:160px; }
@media all and (min-width: 992px) {
	.specials-content { padding:30px 40px; }
	.specials-mainhead { font-size:50px; line-height:45px;}
}

.specials-subhead p { color:#fff; font-weight:500; font-style:normal; text-transform:none; font-size:16px; line-height:22px; }
.specials-subhead p strong { font-weight:900; letter-spacing:0.025rem; text-shadow:1px 1px 1px #023A53;}
.specials-subhead h2 { font-weight:900; letter-spacing:0.045rem; text-shadow:1px 1px 1px #023A53; margin-bottom:6px; color:#fff; font-size:17px; line-height:24px; }

.specials-location { margin: 40px 0 0 0; color:#fff; font-weight:900; font-style:italic; text-transform:uppercase; font-size:14px; line-height:18px; letter-spacing:1px; }







/* Owl Gallery */

.owl-wrapper { }

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #EAE9E7; /* inactive crbid color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #023a53; /* crbid 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: #EAE9E7; /* inactive crbid 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: #de3831; /* active crbid */
}


/* Owl Gallery - Sticky */

.sticky-needs-width { width:100%; height:100%; }
@media all and (min-width: 768px) {
	.sticky-needs-width { position:absolute; top:0; bottom:0; left:0; right:0; }
}

.owl-wrapper-sticky { display:block; height:100%  }

.owl-wrapper-sticky .owl-carousel { position: relative; height:100%; }

.owl-wrapper-sticky .owl-stage-outer { }
.owl-wrapper-sticky .owl-nav { margin:0; padding:0; }
.owl-wrapper-sticky .owl-stage-outer { height:100%; }
.owl-wrapper-sticky .owl-stage { height:100%; }
.owl-wrapper-sticky .owl-item { height:100%; width:100%; } 

.owl-wrapper-sticky .owl-slide { display:block; width:100%; height:100%; position:relative; } 
.owl-tall-image { display:block; position:absolute; top:0; left: 0; right: 0; bottom: 0;  width:100%; height:100%; background-size: cover; background-position: center center; }
.owl-tall-cover { display:block; position:absolute; width:100%; height:100%; background: linear-gradient(135deg, rgba(27,66,89,0.9) 0%, rgba(27,66,89,0.6) 33%, rgba(27,66,89,0) 66%); }
.owl-tall-content { display:block; width:100%; height:auto; position:absolute; padding:40px; top:0; left:0; }

.owl-tall-content a { color:#fff; text-decoration:none;}
.owl-tall-content a:hover { color:#fff; text-decoration:none;}
.owl-tall-subhead { color:#fff; font-weight:900; font-style:italic; text-transform:uppercase; font-size:12px; line-height:18px; letter-spacing:1px; }
.owl-tall-mainhead { margin-top:8px; color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:50px; line-height:45px; letter-spacing:1px; max-width:400px;}

.owl-wrapper-sticky .owl-prev { position:absolute; left:0; top:50%;}
.owl-wrapper-sticky .owl-next { position:absolute; right:0; top:50%;}

.owl-wrapper-sticky .owl-nav button.owl-next, 
.owl-wrapper-sticky .owl-nav button.owl-prev {
  display: block;
  width:40px;
  font-size: 14px;
  line-height:40px; 
  color: #fff;
  margin-top:-20px;
  background: #23B7C3; 
  border-radius:0;
  margin:0;
}
.owl-wrapper-sticky .owl-nav button.disabled { background: #23B7C3; opacity:1.0; }
.owl-wrapper-sticky .owl-nav button.owl-next:hover { background: #23B7C3; opacity:1.0; }
.owl-wrapper-sticky .owl-nav button.owl-prev:hover { background: #23B7C3; opacity:1.0; }



/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#023A53; }
.smarker-bg .st0 { filter: drop-shadow( 0px 2px 1px rgba(0,0,0,0.2) );}
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#ffffff; }

.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:24px 16px; background-color:#ffffff; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }

.mapboxgl-popup-content h3 { font-family: 'aktiv-grotesk', sans-serif; margin:0px; color:#023A53; font-weight:900; font-size:15px; line-height:20px; text-transform:uppercase; }
.mapboxgl-popup-content h5 { font-family: 'aktiv-grotesk', sans-serif; margin:4px 0px 0px 0px; font-size:12px; line-height:20px; color:#49443e; }
.mapboxgl-popup-content p { font-family: 'aktiv-grotesk', sans-serif; margin:12px 0px 0px 0px; font-size:14px; line-height:20px; }

.mapboxgl-popup-content p.mapbox-pop-name { font-family: 'aktiv-grotesk', sans-serif; margin:0px; color:#023A53; font-weight:900; font-size:15px; line-height:20px; text-transform:uppercase; }
.mapboxgl-popup-content p.mapbox-pop-address { font-family: 'aktiv-grotesk', sans-serif; margin:4px 0px 0px 0px; font-size:12px; line-height:20px; color:#49443e; }
.mapboxgl-popup-content p.mapbox-pop-link { font-family: 'aktiv-grotesk', sans-serif; margin:12px 0px 0px 0px; font-size:14px; line-height:20px; }


.btn-mapbox { background-color:#023A53; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #023A53; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-mapbox:hover { background-color:#00b0ca; border-color:#00b0ca; color:#ffffff; }


/* point section sticky + events bbq sticky */

.sticky-hold {  }
.sticky-content { width:100%; background-color:#fff; min-height:100px; }
.sticky-map { width:100%; height:80vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:80vh; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; width:100%; max-width:1300px; margin:0 auto; min-height:100vh; }
	.sticky-content { flex: 1 1 auto; height:auto; }
	.sticky-map { flex: 1 1 auto; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}

.stickybbq-hold {  }
.stickybbq-content { width:100%; background-color:#fff; min-height:100px; }
.stickybbq-slideshow { width:100%; }
#stickyowl { width:100%; height:500px; background-color:#012433; }
@media all and (min-width: 768px) {
	.stickybbq-hold { display:flex; width:100%; max-width:1300px; margin:0 auto; min-height:100vh; }
	.stickybbq-content { flex: 1 1 auto; height:auto; }
	.stickybbq-slideshow { flex: 1 1 auto; height:auto; padding:0; }
	#stickyowl { position:relative; width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}

.filter-box {
  width:100%;
  height:auto;
  background-color:#EAE9E7;
  text-align:left;
  padding-top: 32px;
  padding-bottom: 32px;
}

.filter-box form { margin-top:24px;}
.filter-box p { font-weight:500; color:#49443e; font-size:15px; line-height:24px; }


/* ist-dropdown */

.ist-dropdown { position:relative; width:100%; margin-top:24px; margin-bottom:2px; }
.ist-dropdown-closed { width:100%; background-color:#fff; color:#49443e; }
.ist-dropdown-open { position:absolute; width:100%; z-index:999; background-color:#24B8C4; color:#fff;}

.ist-dropdown-intro { padding:12px 20px; cursor:pointer;}
.ist-dropdown-intro-text { }
.ist-dropdown-intro-open { float:right; }
.ist-dropdown-intro-close { float:right; }

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

.ist-list { margin:10px 0;}
.ist-dropdown-content a { color:#fff; font-weight:700; }
.ist-dropdown-content a:hover { color:#023A53; text-decoration:none; }
.ist-dropdown-content a.ist-selected { color:#023A53; text-decoration:none; }

#point-section-results { margin-top:30px; padding-bottom:30px; }

.pst { }
.pst a { display:block; background-color:inherit; margin:0; padding:12px 12px; transition: all 0.15s linear 0s; }
.pst a:hover { text-decoration:none; background-color:#eae9e7;}
.pst0 { font-weight:900; color:#49443e; font-size:12px; line-height:24px; font-style:italic; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
.pst1 { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:27px; line-height:30px; color:#023a53; letter-spacing:1px; }
.pst2 { font-weight:400; font-size:12px; line-height:14px; color:#49443e; }
.pst a:hover .pst1 { color:#00b0ca;;}




/* point detail template */

.gray-wrap { width:100%; background-color:#eae9e7; }
.gray-wrap p { color:#49443e; font-weight:500; }

.point-hold { width:100%; height:auto; padding:0; margin:0; }
.point-hold-content { display:block; width:100%; height:auto; min-height:300px; padding:20px; margin:0; }
.point-hold-map { display:block; width:100%; height:auto; padding:0; margin:0; }
#point-detail #clmap { width:100%; height:360px; position:relative; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.point-hold { display:table; width:100%; max-width:1300px; padding:0; margin:0 auto; }
	.point-hold-content { display:table-cell; width:70%; height:400px; vertical-align:top; padding:30px; }
	.point-hold-map { display:table-cell; width:30%; height:inherit; vertical-align:top; background-color:#222; position:relative;  }
	#point-detail #clmap { position: absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; }
}
@media all and (min-width: 992px) { .point-hold-content { padding:50px; }}

/* point+event detal tables */

.table-inner-detail { }
.table-inner-detail > tbody > tr { border-top:2px solid #fff; }
.table-inner-detail > tbody > tr:first-child { border-top:none; }
.table-inner-detail > tbody > tr > th {
	padding:16px 8px;
	border:none;
	font-size:12px;
	line-height:18px;
	font-style:italic;
	font-weight:900; 
    color:#023a53;
    text-decoration:none;
    text-transform:uppercase;
	letter-spacing:1px;
  background-color:#eae9e7;
}
.table-inner-detail > tbody > tr > td {
	padding:16px 8px;
	border:none; 
	font-size:13px;
	line-height:20px;
	font-weight:500;
	color:#49443e;
  background-color:#eae9e7;
}

a.big-red-link { color:#de3831; font-weight:900; text-transform:uppercase; font-style:italic; letter-spacing:1px; font-size:12px;}
a.big-red-link:hover { color:#DD2D16; text-decoration:none; }

.btn-cltag { background-color:#fff; text-transform:uppercase; border-radius:14px; padding:3px 12px 3px 12px;
	font-size:11px; line-height:11px; font-weight:700; color:#49443e; margin:1px 4px 8px 0px;}
.btn-cltag:hover { background-color:#00b0ca; color:#fff; }

a.ftnname { display:inline-block; margin-right:8px; }


.pcovid-opt-detail { margin-bottom:8px; }
.pcovid-option-icons-detail { display:inline-block; width:20px; height:20px; font-size:10px; line-height:20px; border-radius:50%; text-align:center; }
.pcovid-option-icons-detail { text-decoration:none; color:#fff; background-color:#023a53; border:none; margin-right:4px; }



/* event-detail */

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




/* general use social squares */

.ss-intro a { display:block;  text-align:center; text-transform:uppercase; padding:16px 0;}
.ss-intro a:hover { color:inherit; text-decoration:none;}

.ss-intro a .ss-intro-icon { padding:0 4px; background-color:#fff; display:inline-block; vertical-align: top; color: #49443e; font-weight:900; font-size: 20px; line-height:40px; }
.ss-intro a .ss-intro-text { padding:0 4px; background-color:#fff; display:none; vertical-align: middle; color: #49443e; font-weight:900; font-size: 10px; line-height:36px; font-style:italic;  letter-spacing:1px; }
.ss-intro a .ss-intro-handle { padding:0 4px; background-color:#fff; display:inline-block; vertical-align: top; color: #de3831; font-family: 'alternate-gothic-no-1-d',sans-serif; font-weight: 400; font-size: 32px; line-height:40px; }
@media all and (min-width: 768px) { 
	.ss-intro a .ss-intro-text { display:inline-block;}
}

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

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

.citylight-social-square { width: 50%; padding-bottom : 50%; }
.citylight-social-square-9 { display:none; }
@media all and (min-width: 768px) { .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; } .citylight-social-square-9 { display:block; }}
@media all and (min-width: 992px) { .citylight-social-square { width: 25%; padding-bottom : 25%; } .citylight-social-square-9 { display:none; } }

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:#fff; font-size:22px; line-height:22px; }
@media all and (min-width: 768px) { 
   .citylight-social-square-icon { bottom:16%; left:16%; font-size:28px; line-height:28px; }
}



/* events-calendar */

.cal-ist-dropdown { position:relative; width:100%; margin-top:24px; margin-bottom:2px; }
.cal-ist-dropdown-closed { width:100%; background-color:#fff; color:#49443e; }
.cal-ist-dropdown-open { position:absolute; width:100%; z-index:999; background-color:#24B8C4; color:#fff;}

.cal-ist-dropdown-intro { padding:12px 20px; cursor:pointer;}
.cal-ist-dropdown-intro-text span { color:#023A53;}
.cal-ist-dropdown-intro-open { float:right; }
.cal-ist-dropdown-intro-close { float:right; }

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

.cal-ist-list { margin:10px 0;}
.cal-ist-dropdown-content a { color:#fff; }
.cal-ist-dropdown-content a:hover { color:#023A53; text-decoration:none; }
.cal-ist-dropdown-content a.ist-selected { color:#023A53; text-decoration:none; }




#clickablecalendarwrap { background-color:#24B8C4; margin:0px auto 20px auto; width:100%; min-width:238px; max-width:460px; }

.calmonth { display:table; width:100%; margin:0; padding:0;}
.calmonth-left { display:table-cell; width:40px; }
.calmonth-middle { display:table-cell; }
.calmonth-right { display:table-cell; width:40px; }
.calmonth a { text-transform:uppercase; font-size:14px; line-height:50px; display:block; text-align:center; 
	font-weight: 900;
font-style: italic;
text-transform: uppercase;
color: #fff;
letter-spacing: 1px;
margin: 0;
padding: 0;
}

.calmonth a:hover { text-decoration:none; }
 
#clickablecalendar table { width:100%; background-color:#24B8C4; margin:0; padding:0; }   
#clickablecalendar th, #clickablecalendar td{
  text-align:center;
  height:auto;
  width:34px; 
}
#clickablecalendar th {
  color:#fff;
  font-size:10px;
  line-height:26px;
  }
#clickablecalendar td {
  font-size:13px;
  line-height:34px;
  font-weight:700;
  border-bottom:2px solid #24B8C4;
  color:#7fcfd8; /* fake days */
  }
#clickablecalendar td.highlight { background-color:#023a53; }
#clickablecalendar td.highlight-left { background-color:#023a53; border-radius:25px 0 0 25px; }
#clickablecalendar td.highlight-right { background-color:#023a53; border-radius:0 25px 25px 0; }
#clickablecalendar td.highlight-single { background-color:#023a53; border-radius:25px; }

#clickablecalendar a { display:block; text-decoration:none; outline:none; color:#fff; }
#clickablecalendar a.ontoday { color:#bada55; }

#clickablecalendar td.normal:hover { background-color:#023a53; border-radius:25px; }


/* bbq-results */

#bbqlist { margin-top:30px; margin-bottom:24px;}

.datelabel { border-bottom:2px solid #ccc; color:#de3831; font-weight:900; font-style:italic; font-size:13px; line-height:30px; margin:12px 0px; }


/* event detail */

.pevt { padding-bottom:6px; padding-right:24px; }

.pevt a { position:relative; display:block; background-color:inherit; padding:12px 12px; transition: all 0.15s linear 0s; border-left:24px solid #fff; }
.pevt a:hover { text-decoration:none; background-color:#eae9e7; }

.pevt-text { margin-left:30px;}
.pevt1 { font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:27px; line-height:30px; color:#023a53; letter-spacing:1px; }
.pevt2 { font-weight:400; font-size:12px; line-height:14px; color:#49443e; }
.pevt a:hover .pevt1 { color:#00b0ca;; }

.pevt-date { background-color:#19818a; position:absolute; display:block; top:12px; left:-24px; width:48px; height:48px; overflow:hidden; text-align:center; }
.pevt3 { color:#fff; font-weight:800; font-size:9px; line-height:12px; text-transform:uppercase; margin-top:4px;}
.pevt4 { color:#fff; font-family:'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal; text-transform:uppercase; font-size:28px; line-height:28px; letter-spacing:-1px;}



/* park nav */

#park-nav {
  padding: 0;
  margin: 0; 
  text-align:center;
  width:100%;
  height:auto;
  }

#park-nav ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display:block;
  margin-bottom:12px;
}

#park-nav li {
  display:inline-block;
  padding: 0;
  margin: 0;
}

#park-nav li a {
  display: block;
  width: auto;
  padding:0px 10px;
  margin:12px 12px 0px 0px;
  border-top:5px solid #eee;
  border-bottom:5px solid #eee;
  font:22px/32px 'alternate-gothic-no-1-d',sans-serif; font-weight:400; font-style:normal;
  color:#847c72;
  background-color:#eee;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  }

#park-nav ul li:hover a { border-bottom:5px solid #de3831; color:#000000; }
#park-nav ul li a.navselected { border-bottom:5px solid #de3831; color:#000000; }

@media all and (min-width: 768px) {
	#park-nav ul { margin-bottom:0px; }
	#park-nav li a { background-color:#fff; border-color:#fff; margin:0 16px; padding:0; line-height:62px;}
}


/* parks map */

.park-map-wrap { width:100%; background-color:#023a53; }

.park-hold { display:block; width:100%; background-color:#023a53;}
.park-hold-content { display:block; }
.park-hold-map { display:none; }
@media all and (min-width: 768px) {
	.park-hold { display:table; max-width:1200px; margin:0 auto; }
	.park-hold-content { display:table-cell; width:33%; vertical-align:top;}
	.park-hold-map { display:table-cell; width:66%; vertical-align:top; background-color:#8ABAE4;}
	.park-hold-map-canalpark { background-color:#aaa;}
}

.park-card { }
.park-card-image { width:100%; }
.park-card-text { width:100%; padding:24px; }
@media all and (min-width: 1200px) { .park-card-text { padding-left:0px;}}


.park-card-text h1 { color:#00b0ca;; }
.park-card-text p { color:#fff;}
.park-card-text a { font-weight:900; font-style:italic; text-transform:uppercase; font-size:11px; line-height:14px; color:#fff; letter-spacing:2px; text-align:center; margin:0; padding:0;}
.park-card-text a:hover { text-decoration:none;}

.park-card-controls { display:block; margin-top:18px; }
.park-card-control { font-weight:900; font-style:italic; text-transform:uppercase; font-size:11px; line-height:14px; color:#fff; letter-spacing:2px; margin:0; padding:0;}
.park-card-prev { cursor:pointer; float:left; }
.park-card-next { cursor:pointer; float:right; }

.park-map { position:relative; width:100%; padding-bottom:70%; }

.park-map-bg { position:absolute; width:100%; height:100%; }
.pkmark { position:absolute; cursor:pointer; color:#000; }

.pkiconhold { position:relative; }
.pkiconcircle1 { position:absolute; width:18px; height:18px; top:-9px; left:-9px; border-radius:50%; background-color:#99ae0a; }
.pkiconcircle2 { position:absolute; width:30px; height:30px; top:-15px; left:-15px; border-radius:50%; background-color:#99ae0a; }

.pkicontriangle { position:absolute; left:-10px; bottom:14px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #023a53; }

.pkiconlabel { position:absolute; width:120px; height:auto; left:-20px; bottom:24px; 
	background-color:#023a53; padding:5px 12px 7px 12px; font-weight:900; text-transform:uppercase; letter-spacing:1px;
	font-size:12px; line-height:14px; color:#ffffff; text-align:center; }

.pkmark .pkoptional { display:none; }
.pkmark:hover .pkoptional { display:block; }
.pkmark:hover .pkiconcircle1 { background-color:#d6dd42; }
.pkmarkselected .pkoptional { display:block; }
.pkmarkselected .pkiconcircle1 { background-color:#d6dd42; }


/* parks history */

.park-history-wrap { width:100%; background-color:#fff; }
.park-history-owl-wrapper {  max-width:1200px; margin:48px auto 24px auto; }
.park-history-intro { padding:20px 40px 20px 0px; }
.park-history-caption { padding:16px 16px; font-size:12px; line-height:18px;}

.park-history-wrap .owl-prev { position:absolute; left:0; top:50%;}
.park-history-wrap .owl-next { position:absolute; right:0; top:50%;}

.park-history-wrap .owl-nav button.owl-next, 
.park-history-wrap .owl-nav button.owl-prev {
  display: block;
  width:40px;
  font-size: 14px;
  line-height:40px; 
  color: #fff;
  margin-top:-20px;
  background: #23B7C3; 
  border-radius:0;
  margin:0;
}
.park-history-wrap .owl-nav button.disabled { background: #23B7C3; opacity:1.0; }
.park-history-wrap .owl-nav button.owl-prev:hover { background: #23B7C3; opacity:1.0; }


/* post detail */

.post-container { max-width:1300px; margin:auto; } /* match container-fluid width */
.post-hold { display:block; width:100%; }
.post-hold-content { display:block; width:100%; padding:30px 20px 10px 20px; }
.post-hold-sharing { display:block; width:100%; padding:10px 20px 30px 20px; }
@media screen and (min-width: 768px) {
	.post-hold-content { padding:30px 30px 0px 30px; }
	.post-hold-sharing { padding:30px 0px 30px 30px; }
}
@media screen and (min-width: 992px) {
	.post-hold-content { padding:50px 50px 0px 50px; }
	.post-hold-sharing { padding:50px 0px 50px 50px; }
}
@media screen and (min-width: 1200px) {
	.post-hold { display: flex; flex-direction: row-reverse; width:100%; }
	.post-hold-sharing { display:block; width:16%; padding:50px 0px 30px 50px; }
	.post-hold-content { display:block; width:84%; padding:50px 50px 30px 50px; }
}



.sharing-box { display:table; }
.sharing-label { display:table-cell; vertical-align:middle; padding-right:4px; }
.sharing-icons { display:table-cell; vertical-align:middle; }

.sharing-square { display:inline-block; margin:0px 8px; }
.sharing-square a { display:inline-block; width:36px; height:36px; border-radius:50%; font-size:14px; line-height:34px; text-align:center;  }
.sharing-square a { text-decoration:none; color:#023A53; border:2px solid #023A53; background-color:#ffffff; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; border-color:#023A53; background-color:#023A53; }
.share-cta { font-family: 'alternate-gothic-no-1-d',sans-serif; color:#00b0ca;; font-size:22px; line-height:24px; letter-spacing:0.020rem; text-transform:uppercase; }
@media all and (min-width: 1200px) {
	.sharing-box { display:block; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:10px 0px; }
}

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

/* new accordians */

.accordion { list-style: none; margin: 36px 0px 24px 0px; padding: 0; }

.accordion__heading { border-top: 1px solid #EAE9E7; font-size: inherit; margin: 0; padding:0; }

.accordion__trigger {
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 16px 50px 16px 16px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
  
  font-weight: 900;
  font-style: italic;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.100rem;
  color:#023a53;;
}

.accordion__trigger:after {
  border-left: .4em solid transparent;
  border-right: .4em solid transparent;
  border-top: .5em solid #222;
  bottom: 0;
  content: '';
  height: 0;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  transition: transform .2s ease-in-out;
  transform-origin: center center;
  transform: rotate(0deg);
  width: 0;
}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	border-top-color:  #00b0ca;; */ /* change color of css triangle */
}

.accordion__trigger[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

.accordion__trigger:hover,
.accordion__trigger:focus {
	color: #00b0ca;;
	background-color: #fafafa;
	outline: none;
}

.accordion__trigger:focus {
	/*box-shadow: inset 0 0 0 2px #1e82d1;*/
}

.accordion__trigger[aria-disabled="true"]:hover {
	background-color: #1b75bc;
	color: #fff;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
	background-color: #0a2a42;
}

.accordion__trigger[aria-expanded="true"] {
	background: #fafafa;
	color: #00b0ca;;
}

.accordion__panel {
	max-height: 0vh;
	overflow: hidden;
	padding: 0;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	background-color: #fafafa;
	max-height: 100vh;
	overflow: hidden; /* prevent scrollbar flash */
	padding: 0;
	visibility: visible;
	transition: max-height 1.3s linear,	visibility 1.3s linear;
}

.accordion_panel_inner { padding:2px 50px 4px 16px; }


/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { padding:30px 30px; height:100%; background-color:#fff; }
.pcovid p { margin:0 0 12px 0; }

.pcovid h2{
font-family: 'alternate-gothic-no-1-d',sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #023a53;
font-size: 40px;
line-height: 42px;
margin-top: 0px;
margin-bottom: 1rem;
font-style: normal;
}

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

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

.pcovid-options > div { margin:12px 0px; font-weight: 900;
font-style: italic;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 2px;}

.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:#00b0ca; border:none; margin-right:4px; }

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