@font-face {
  font-family: 'Fakt';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("//ctycms.com/va-national-landing/fonts/Fakt-Normal.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/Fakt-Normal.woff") format("woff"); 
}
@font-face {
  font-family: 'Fakt';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("//ctycms.com/va-national-landing/fonts/Fakt-NormalItalic.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/Fakt-NormalItalic.woff") format("woff"); 
}
@font-face {
  font-family: 'Fakt';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:  
    url("//ctycms.com/va-national-landing/fonts/Fakt-Medium.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/Fakt-Medium.woff") format("woff"); 
}
@font-face {
  font-family: 'Fakt';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("//ctycms.com/va-national-landing/fonts/Fakt-Bold.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/Fakt-Bold.woff") format("woff"); 
}
@font-face {
  font-family: 'FaktCondensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url("//ctycms.com/va-national-landing/fonts/FaktCondensed-Normal.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/FaktCondensed-Normal.woff") format("woff"); 
}
@font-face {
  font-family: 'FaktCondensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:  url("//ctycms.com/va-national-landing/fonts/FaktCondensed-SemiBold.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/FaktCondensed-SemiBold.woff") format("woff"); 
}
@font-face {
  font-family: 'FaktSlabSemiCondensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:  url("//ctycms.com/va-national-landing/fonts/FaktSlabSemiCondensed-Normal.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/FaktSlabSemiCondensed-Normal.woff") format("woff"); 
}
@font-face {
  font-family: 'FaktSlabSemiCondensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("//ctycms.com/va-national-landing/fonts/FaktSlabSemiCondensed-SemiBold.woff2") format("woff2"), 
	url("//ctycms.com/va-national-landing/fonts/FaktSlabSemiCondensed-SemiBold.woff") format("woff"); 
}

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

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


/* blue popovers */

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

#page-header { width:100%; }

@media screen and (min-width: 992px) {
  #page-header {
    position:absolute;
    z-index: 2;
    width:100%;
  }
}

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



/* blue nav */

#blue-nav { display:none; position:absolute; z-index:300; top:0px; width:100%; height:100%; background-color: rgba(0,26,114,0.90); }
#blue-search { display:none; position:absolute; z-index:300; top:0px; width:100%; height:100%; background-color: rgba(0,26,114,0.90); }
#blue-modal { display:none; position:absolute; z-index:300; top:0px; width:100%; height:100%; background-color: rgba(0,26,114,0.90); }

.blue-nav-relative { position:relative; } 
.blue-nav-logo { padding:20px 0px; width:100px; height:90px; }
.blue-nav-logo-mobile { display:block; }
.blue-nav-logo-desktop { display:none; }
.blue-nav-control { display:table; position:absolute; top:27px; right:0px; font-size:16px; line-height:36px; }
.blue-nav-control a, .blue-nav-control a:hover { color:#000; }
.blue-nav-control-search { display:table-cell; height:36px; padding-right: 16px; border-right:1px solid #000; color:#000; }
.blue-nav-control-menu { display:table-cell; height:36px; padding-left: 16px; color:#000; }

.white-nav-control { display:table; position:absolute; top:27px; right:0px; font-size:16px; line-height:36px; }
.white-nav-control a, .white-nav-control a:hover { color:#fff; }
.white-nav-control-search { display:table-cell; height:36px; padding-right: 16px; border-right:1px solid #fff; color:#fff; }
.white-nav-control-menu { display:table-cell; height:36px; padding-left: 16px; color:#fff; }


@media screen and (min-width: 992px) {
	.blue-nav-relative { padding:0; } /* desktop height=146 */
  .blue-nav-logo { display:block; background-color:#fff; border-radius:0px 0px 16px 0px; padding:30px 24px 24px 24px; width:220px; height:auto; margin-left:-60px; }
	.blue-nav-logo-desktop { display:block; }
  .blue-nav-logo-mobile { display:none; }
  .blue-nav-control,.white-nav-control  { top:60px; font-size:18px; }
  .nav-block { width:100%; height:146px; }

  .desktop-make-white {
    .blue-nav-control a, .blue-nav-control a:hover { color:white; }
    .blue-nav-control-search { border-color:white; }
  }
}
@media all and (min-width: 1200px) {
  .blue-nav-logo { border-radius:0px 0px 16px 16px; margin-left:0px; }
}

/* pop nav */

.pop-nav-bg { display:block; width:100%; background-color:#fff; border-radius:10px; padding:20px; margin-top:24px; }

.pop-nav-close { font-size:14px; line-height:16px; }
.pop-nav-close i { font-size:16px; }
.pop-nav-close a { color:#111; }
.pop-nav-close a:hover { color:#008539; }

.pop-nav-logo { width:160px; margin:0 0 30px 0; }

.pop-bottom { padding-bottom:24px; }

.pop-nav h4 { margin:0 0 8px 0; font-size:17px; line-height:1.2; font-family: 'FaktCondensed'; font-weight:600; letter-spacing:0.040rem; text-transform:uppercase; }
.pop-nav h4 a { color:#111; }
.pop-nav h4 a:hover {color:#008539; }
.pop-nav ul { margin:0; padding:0; list-style:none; } 
.pop-nav li { margin:0 0 8px 0; padding:0; font-size:14px; line-height:1.2; letter-spacing:0.018rem; }
.pop-nav li a { color:#111; }
.pop-nav li a:hover { color:#008539; }
@media screen and (min-width: 992px) {
  .pop-nav-bg { margin-top:30px; }
	.pop-nav-row { padding-top:16px; }
  .pop-nav { display: flex; }
	.pop-nav > div { padding-right:24px; }
}
@media screen and (min-width: 1200px) {
  .pop-nav-logo { margin-left:30px; }
  .pop-nav-bg { margin-top:60px; padding-bottom:60px; }
	.pop-nav > div { padding:0 30px 0 16px; border-left:2px solid #444; }
}


/* pop search */

#blue-nav-search { cursor:pointer; }



/* responsive support */

.container-fluid { max-width:1400px; padding:0 24px; margin:0 auto; }
.container-wide { max-width:14000px; padding:0 24px; margin:0 auto; }
@media all and (min-width: 992px) {
	.container-fluid, .container-wide { padding:0 60px; }
}
@media all and (min-width: 1200px) {
	.container-fluid, .container-wide { padding:0 90px; }
}


.silver-wrap { background-color:#f7f7f7; }

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


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


/* holiday video */

.video-square { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; }
.video-square video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-rectangle { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; }
.video-rectangle video { 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 box */

.alert-wrap { background-color:#F2CD00; 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: #111;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  color: #111;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

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

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

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



/* global typography */

.medium { font-weight:500;}
.semi-bold { font-weight:600; }
.condensed { font-family: 'FaktCondensed'; }
.slab-semi-condensed { font-family: 'FaktSlabSemiCondensed'; }

h1 { font-family: 'FaktSlabSemiCondensed'; font-weight:600; color:#222; font-size: 2.5rem; margin-top:-2px; margin-bottom: 1rem; letter-spacing:-0.017rem; }
h2 { font-family: 'FaktSlabSemiCondensed'; font-weight:600; color:#222; font-size: 2.0rem; margin-top:1rem; margin-bottom: 1rem; letter-spacing:-0.017rem; }
h2.on-detail { font-family: 'FaktCondensed'; font-weight: 600; font-size: 0.9rem; margin-top: 2rem; margin-bottom: 1rem; font-weight:700; color:#666; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { font-size: 1.1rem; font-weight:700; color:#222; }
h4 { font-size: 1.0rem; font-weight:700; color:#222;  }
h5 { color:#222; } 
h6 { color:#222; }

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

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

label { color:#222; }

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); opacity:1; }

a { color:#008539; text-decoration:none; }
a:hover { color:#2196F3; text-decoration:none; }

a div.lnk-primary { color:#008539; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:#444; 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:#2196F3; }
a:hover div.lnk-secondary { color:#888; }

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 { border-radius:9px; background-color:#008539; font-weight:500; color:#fff; letter-spacing:0.005rem; border:1px solid #008539; font-size:14px; transition: all 0.15s linear 0s; text-transform:none; }
.btn-brand:hover { background-color:#2196F3; border-color:#2196F3; color:#fff; }

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

.btn-brand-clear-blue { border-radius:9px; background-color:inherit; font-weight:500; color:#fff; letter-spacing:0.005rem; border:3px solid #41b6e6; font-size:18px; transition: all 0.15s linear 0s; text-transform:none;}
.btn-brand-clear-blue:hover { background-color:#41b6e6;; border-color:#41b6e6; color:#fff; }



.btn-brand-blue { border-radius:9px; padding: .375rem .95rem; background-color:#001A72; font-weight:500; color:#fff; letter-spacing:0.005rem; border:1px solid #001A72; font-size:16px; transition: all 0.15s linear 0s;text-transform:none; }
.btn-brand-blue:hover { background-color:#001A72; border-color:#001A72; color:#fff; }

.btn-outline-brand { border-radius:9px; background-color:#fff; font-weight: 500; color:#008539; letter-spacing:0.005rem; border:2px solid #008539; font-size:14px; transition: all 0.15s linear 0s;text-transform:none; }
.btn-outline-brand:hover { background-color:#2196F3; border-color:#2196F3; color:#fff; }

.btn-brand-pill { background-color:#008539; font-weight:500; color:#fff; letter-spacing:0.005rem; border:1px solid #008539; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; text-transform:none;}
.btn-brand-pill:hover {  background-color:#2196F3; border-color:#2196F3; color:#fff; }

.btn-outline-brand-pill {  background-color:#fff; font-weight: 500; color:#008539; letter-spacing:0.005rem; border:2px solid #008539; font-size:12px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; text-transform:none; }
.btn-outline-brand-pill:hover { background-color:#2196F3; border-color:#2196F3; color:#fff; }


.btn-bigger { border-radius:9px; font-weight:600; font-size:17px; padding: .75rem 1.25rem; }




/* news links */

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



/* footer */

footer { background-color:#fafafa; padding:36px 0px 16px 0px; }
.footer-line { width:100%; height:1px; background-color:#111; margin:20px 0px; }
.footer-logo { max-width:160px; margin:5px auto; }

ul.footer-links { margin:24px 0px; padding:0; }
ul.footer-links li { margin:0; padding:0; list-style:none; }
ul.footer-links li a { display:block; font-size:15px; line-height:24px; padding:8px 0px; text-align:center; color:#111; font-family: 'FaktCondensed'; font-weight:600; letter-spacing:0.020rem; text-transform:uppercase; }
ul.footer-links li a > span { color:#008539; font-weight:900; margin-left:3px; }
ul.footer-links li a:hover { color:#008539; }

.footer-social { margin:4px auto; text-align:center; }
.footer-social span { color:#111; font-family: 'FaktCondensed'; font-weight:600; letter-spacing:0.020rem; text-transform:uppercase; font-size:12px; line-height:1.5; padding-right:5px; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 3px; }
.footer-social a { text-decoration:none; color:#fff; background-color:#41B6E6; border:none; transition: all 0.15s linear 0s;}
.footer-social a:hover { color:#fff; background-color:#2196F3; }
.footer-subscribe { margin-top:20px; }
.footer-subscribe-button { margin-top:20px; text-align:center; }
.footer-legal-left { text-align:center; font-size:14px; }
.footer-legal-right { text-align:center; font-size:14px; }
.footer-legal-right span { margin-left:3px; margin-right:3px; color:#999; }

@media screen and (min-width: 768px) {
  .footer-logo {  max-width:200px; margin:4px 0; }
  ul.footer-links { margin:0; padding:0; }
  ul.footer-links li a { text-align:left; padding:0; }
  .footer-social { text-align:right; }
	.footer-social a { margin:0 0 0 6px; }
  .footer-subscribe { }
  .footer-subscribe-button { margin-top:20px; text-align:right; }
	.footer-legal-left { text-align:left; }
	.footer-legal-right { text-align:right; }
}

#footer-sign-up {
  display:table;
  width:314px;
  padding:0;
  margin:0 auto;
}
@media screen and (min-width: 768px) {
  #footer-sign-up { margin:0; float:right; }
}

#footer-sign-up input[type="text"]{
  display:table-cell;	
  font-size:13px;
  line-height:24px;
  color:#000;
  background:transparent;
  border:none;
  padding:0;
  margin:0 14px 0 0;
  width:180px;
  height:30px; /* ie11*/
  border-bottom:1px solid #001A72;
  border-radius:0;
  text-align:left;  
  vertical-align:middle;
}

#footer-sign-up button {
  display:table-cell;
  border-radius:9px;
  padding: 3px 15.2px; 
  background-color:#001A72; 
  font-weight:500; 
  color:#fff; 
  letter-spacing:0.005rem; 
  border:1px solid #001A72; 
  font-size:14px;    
  line-height:24px;
  margin:0;
  width:120px;
  vertical-align:middle;
}

#footer-sign-up ::-webkit-input-placeholder { color:#000; opacity: 0.8;}
#footer-sign-up :-moz-placeholder { color:#000; opacity: 0.8; }
#footer-sign-up ::-moz-placeholder { color:#000; opacity: 0.8; }
#footer-sign-up :-ms-input-placeholder { color:#000; opacity: 0.8; }



/* detail header */

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

.detail-header { width:100%; background:#fafafa; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }

.detail-header h1 { }

p.header-groups { margin-top:20px;} 

a.btn-header-groups { background-color:rgba(255, 255, 255, 0); padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:#1976D2; border:2px solid #1976D2; }
a.btn-header-groups:hover { background-color:rgba(255, 255, 255, 1); color:#2196F3; border-color:#2196F3; }



/* sidenav drawer */

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; padding:8px 0; background-color:#222223; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:18px; line-height:24px; }
.d-sidenav-section-label a { display:block; padding:10px 12px 10px 24px; color:white; font-weight:700; text-transform:uppercase; text-decoration:none; margin-right:40px; }
.d-sidenav-section-label a:hover { color:white; text-decoration:none;  }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; color:white; font-size:20px; line-height:24px; }
.d-sidenav-section-toggle a { display:block; padding:10px 24px 10px 12px; color:white; text-decoration:none;  }
.d-sidenav-section-toggle a:hover { color:white; text-decoration:none; }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 400px) {
  .d-sidenav-section { padding:2px 0; }
	.d-sidenav-section-label { display:block; width:100%; }
  .d-sidenav-section-label a { margin-right:0; }
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { xborder:1px solid #222;  border-bottom :6px solid #222;} 
.d-sidenav li { padding:0; margin:0; list-style:none; }

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

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

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

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

.d-sidenav li.d-open { background-color:#fff; }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:white; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:600; font-size:15px; line-height:24px; vertical-align:top; color:#222223; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:#222223; }
.d-sidenav li a:hover div { color:#2196F3; }

.d-sidenav li.d-open a div.sn-indicator { color:#008539; }
.d-sidenav li.d-selected div.sn-indicator { color:#008539!important; }
.d-sidenav li.d-selected div.sn-label { color:#008539; }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:#008539!important; }




/* home hero */

.header-wrap-home { display:none; }

.home-hero-hold { position:relative; width:100%; height:auto; overflow:hidden; }
.home-hero-cycle { position:static; z-index:1; background-color:#eee; width:100%; height:auto; }
.home-hero-nav { position:absolute; z-index:999; top:0; right:24px; z-index:199; width:150px; height:36px; }

@media all and (min-width: 768px) {
  .home-hero-cycle { height:700px; } 
}
@media all and (min-width: 992px) {
  .home-hero-cycle { height:700px; } 
  .home-hero-nav { top:0; right:60px; }
}
@media all and (min-width: 1200px) { 
  .home-hero-nav { top:0; right:90px; }
}


/* home hero cycle */

.hero-cycle-slide { width:100%; height:auto; }
.hero-cycle-slide-relative { position:relative; width:100%; height:auto; }

.hero-cycle-image { position:static; z-index:1; width:100%; height:500px; background-size: cover; background-position: center center; }
.hero-cycle-cover { position:absolute; top:0px; left:0px; z-index:2; width:1200px; height:500px; 
  background: rgba(0,0,0,0.45);
  background: linear-gradient(225deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.00) 100%);
 }
.hero-cycle-angle { position:absolute; top:0px; left:0px; z-index:3; width:1200px; height:500px; background: url('https://ctycms.com/va-national-landing/home-hero-angle.svg') top left no-repeat; background-size: 100% auto; opacity:0.75; }
.hero-cycle-angle { left:-480px; }
.hero-cycle-logo { position:absolute; top:24px; left:24px; z-index:4; width:160px; }
.hero-cycle-content { position:static; width:100%; height:240px; padding:36px 24px; }

.hero-cycle-text-subhead { font-weight:700; text-transform:uppercase; font-size:16px; line-height:20px; margin-bottom:10px; }
.hero-cycle-text-headline { font-family: 'FaktSlabSemiCondensed'; font-weight:400; font-size:26px; line-height:32px; margin-bottom:16px;}
.hero-cycle-text-cta { }

.hero-cycle-next { position: absolute; z-index: 197; right:24px; top: 446px; width:30px; width:30px; }
.hero-cycle-prev { position: absolute; z-index: 196; right:78px; top: 446px; width:30px; width:30px; }
.hero-cycle-ctrl { display: block; width:30px; width:30px; font-size:16px; line-height:30px; border-radius:50%; text-align:center; background-color:#001A72; color:#fff; cursor: pointer; }

@media all and (min-width: 768px) {
  .hero-cycle-slide-relative { width:100%; height:700px; }
 	.hero-cycle-image,.hero-cycle-cover { width:100%; height:700px; }
  .hero-cycle-angle { left:-480px; height:700px; }
  .hero-cycle-logo { position:absolute; top:24px; left:24px; z-index:4; width:160px; }
  .hero-cycle-content { position:absolute; z-index:6; bottom:24px; left:24px; width:350px; height:auto; padding:0; }
  .hero-cycle-next, .hero-cycle-prev { top:646px; }
}
@media all and (min-width: 992px) {
  .hero-cycle-slide-relative { width:100%; height:700px; }
  .hero-cycle-image,.hero-cycle-cover { height:700px; }
  .hero-cycle-angle { left:-300px; height:700px; }
  .hero-cycle-logo { position:absolute; top:32px; left:60px; z-index:4; width:164px; }
  .hero-cycle-content { left:60px; bottom:32px; }
  .hero-cycle-next, .hero-cycle-prev { top:640px; }
}
@media all and (min-width: 1200px) {
  .hero-cycle-angle { left:-270px; }
  .hero-cycle-logo { left:90px;  }
  .hero-cycle-content { left:90px; }
}


/* home metro */

.home-metro { background:#eee url('https://img.ctykit.com/cdn/va-national-landing/home-metro-bg.jpg') center center; background-size:cover; padding:60px 30px; }
.home-metro h2 { font-weight:400; font-size:40px; line-height:1.1; margin:10px 0px; }

.home-triple { display:block; width:100%; background-color:#eee; }
.home-triple-cell { display:block; background-position:center center; background-size:cover; width:100%; height:360px; }
@media all and (min-width: 768px) {
	.home-triple { display:table; }
	.home-triple-cell { display:table-cell; width:33%; height:420px; }
	
}


/* home blue squares */

.home-blue-squares { display:block; width:100%; }
.home-blue-square { display:block; width:100%; }
.home-blue-square a { position:relative; display:block; overflow:hidden; }
.home-blue-square-image { width:100%; height:350px; background-position:center center; background-size:cover; }

.home-blue-square-cover { position:absolute; top:0; left:0; width:100%; height:100%; border-top:8px solid inherit; transition: background 350ms ease; 
  background: rgba(0,0,0,0.45);
  background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05) 100%);
}
.home-blue-square a:hover .home-blue-square-cover  { border-top:8px solid #f2cd00; border-bottom:8px solid #f2cd00; background: none; background-color: rgba(0,26,114,0.85);  }

.home-blue-square-content-tag  { position:absolute; top:33px; right:24px; font-weight:700; font-size: 15px; line-height:15px; color:#41B6E6; color:#fff; text-transform:uppercase; letter-spacing:0.029rem; }

.home-blue-square-content { position:absolute; bottom:33px; left:0px; color:#fff; width:100%; padding:0 24px; }
.home-blue-square-content-sub { font-size:17px; line-height:20px; margin-bottom:10px; }
.home-blue-square-content-head { font-family: 'FaktSlabSemiCondensed'; font-size:35px; line-height:40px; margin-bottom:18px; }

.home-blue-square-content-cta { display:inline-block; padding: .375rem .75rem; }
.home-blue-square-content-cta { border-radius:9px; background-color:#41b6e6; font-weight:500; color:#fff; letter-spacing:0.005rem; border:3px solid #41b6e6; font-size:18px; transition: all 0.15s linear 0s; }
.home-blue-square a:hover .home-blue-square-content-cta { background-color:#41b6e6; border-color:#41b6e6; color:#fff; }

.home-blue-square-1, .home-blue-square-2 { border-bottom:3px solid #fff; }


@media all and (min-width: 768px) {
  .home-blue-squares { display:table; width:100%; }
  .home-blue-square { display:table-cell; width:33%;}
  .home-blue-square-1, .home-blue-square-2 { border-bottom:0; border-right:3px solid #fff; }
  .home-blue-square-image { height:450px; }
}


/* home bento */

.home-bento-title { font-family: 'FaktCondensed'; font-weight:600; font-size:30px; line-height:1.2; border-top:2px solid #000; text-transform:uppercase; padding-top:16px; }

.bento-container { margin:24px 0px; }
.bento-cell { margin-bottom:16px; }
.bento-cell a {  position:relative; display:block; border-radius:10px; overflow:hidden; }	
.bento-image { position:absolute; top:0; left:0; width:100%; height:100%; background-position:cover cover; background-size:cover; }
.bento-cover { position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,26,114,0.70); border-top:8px solid inherit; transition: background 350ms ease; }
.bento-cell a:hover .bento-cover { border-top:8px solid #f2cd00; border-bottom:8px solid #f2cd00; background-color: rgba(0,26,114,0.85);  }
.bento-content { position:relative; top:0; left:0; width:100%; height:255px; color:#fff; padding:24px; text-align:center; display:table; max-width:300px; margin:0 auto; }
.bento-content-hold { display:table-cell; text-align:center; vertical-align:middle; }

.bento-icon { font-size:50px; line-height:1; }
.bento-statistic { font-size:50px; line-height:1; font-family: 'FaktSlabSemiCondensed'; font-weight:600; }
.bento-headline { font-size:24px; line-height:30px; font-family: 'FaktSlabSemiCondensed'; font-weight:600; border-top:2px solid #fff; border-bottom:2px solid #fff; padding:4px 0px; margin:8px 0px; }
.bento-text { font-size:15px; line-height:19px; }

@media all and (min-width: 768px) {
  .home-bento-title { font-size:40px; } 
	.bento-content-1 { height:526px; }
	.bento-content-4 { height:526px; }
	.bento-cell-1 { margin-right:8px; }
	.bento-cell-2 { margin-left:8px; margin-right:8px; }
	.bento-cell-3 { margin-left:8px; margin-right:8px; }
	.bento-cell-4 { margin-left:8px; }
	.bento-cell-5 { margin-right:8px; }
	.bento-cell-6 { margin-left:8px; }
}



/* minibento infographic */

.infogr-container { margin:24px 0px; }
.infogr-cell { margin:0px 8px 16px 8px; position:relative; display:block; border-radius:10px; overflow:hidden; }
.infogr-image { position:absolute; top:0; left:0; width:100%; height:100%; background-position:cover cover; background-size:cover; }
.infogr-cover { position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,26,114,0.70); border-top:8px solid inherit; transition: background 350ms ease; }
.infogr-content { position:relative; top:0; left:0; width:100%; height:255px; color:#fff; padding:24px; text-align:center; display:table; }
.infogr-content-hold { display:table-cell; width:100%; height:255px; text-align:center; vertical-align:middle; }
.infogr-headline1 { font-size:50px; line-height:1.25; font-family: 'FaktSlabSemiCondensed'; font-weight:600; }
.infogr-headline2 { font-size:24px; line-height:1.25; font-family: 'FaktSlabSemiCondensed'; font-weight:600; }


/* home events */

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

.home-event-bottom { margin-bottom:30px; }

a.home-event { display:block; width:100%; height:100%; background-color:#fff; border-radius:10px; overflow:hidden; }

.home-event-image { width:100%; position:relative; }
.home-event-image-image { position:static; z-index:1; width:100%; padding-bottom:74%; background-position:center center; background-size:cover; }
.home-event-image-cover { position:absolute; z-index:2; width:100%; padding-bottom:74%; top:0px; background: rgba(0,26,114,0.05); transition: background 350ms ease;  }

a.home-event:hover .home-event-image-cover { background-color: rgba(0,26,114,0.65); }

.home-event-content { background-color:#fff; padding:12px 16px; }

.home-event-tags { color:#666; font-size:15px; margin-bottom:8px; }
.home-event-label { color:#000; font-family: 'FaktSlabSemiCondensed'; font-weight: 600; font-size: 22px; line-height: 26px; margin-bottom:12px; }

a.home-event:hover .home-event-label { color:#008539; }


/* home blue squares */

.home-short-squares { display:block; width:100%; }
.home-short-square { display:block; width:100%; border-bottom:3px solid #fff; }
.home-short-square-3 { border:none; }
.home-short-square a { position:relative; display:block; overflow:hidden; }
.home-short-square-image { width:100%; height:180px; background-position:center center; background-size:cover; }

.home-short-square-cover { position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.40); border-top:8px solid inherit; transition: background 350ms ease; }
.home-short-square a:hover .home-short-square-cover  { background-color: rgba(65,182,230,0.85);  }

.home-short-square-content { position:absolute; bottom:20px; left:0px; color:#fff; width:100%; padding:0 20px; }
.home-short-square-content-sub { font-size:15px; line-height:17px; margin-bottom:4px; }
.home-short-square-content-head { font-family: 'FaktSlabSemiCondensed'; font-size:30px; line-height:34px; }

@media all and (min-width: 768px) {
  .home-short-squares { display:table; width:100%; }
  .home-short-square { display:table-cell; width:33%; border-bottom:0px; border-right:3px solid #fff; }
}


/* home footer */

.home-footer-title { font-family: 'FaktCondensed'; font-weight:600; font-size:24px; line-height:1.2; border-top:2px solid #000; padding-top:12px; }

.home-footer-im { width:100%; height:200px; background-position:center center; background-size:cover; position:relative; border-radius:8px; overflow:hidden; margin:20px 0px; }
.home-footer-im-cover { position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.60); }
.home-footer-im-content { position:absolute; bottom:20px; left:0px; color:#fff; width:100%; padding:0 20px;  font-family: 'FaktSlabSemiCondensed'; font-size:26px; line-height:30px; }


/* home events slider */

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

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

.topango-y { text-align:center; padding:0 60px; }
.topango-headline { color:#fff; font-size:34px; line-height:1.1; margin:20px 0px; }
.topango-teaser { color:#fff; font-size:17px; line-height:1.1; margin:20px 0px; }
.topango-link { margin:20px 0px; }
@media all and (min-width: 992px) {
	.topango-y { text-align:left; padding:0 15%; }
	.topango-headline { color:#fff; font-weight:900; font-size:68px; line-height:68px; margin:50px 0 20px 0; }
}

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


/* home-subscribe */
.subscribe-wrap { padding:40px 10px; text-align:center; background-color:#F2CD00; border-top:3px solid #fff; } 
@media all and (min-width: 768px) { 
	.subscribe-wrap { padding:70px 20px; } 
}
.subscribe-wrap-headline { font-size:30px; line-height:30px; font-family: 'FaktSlabSemiCondensed'; font-weight:600; color:#222; letter-spacing:-0.017rem; text-transform:uppercase; }
.subscribe-wrap-subhead { font-size:19px; line-height:26px; color:#222; margin-top:20px; margin-bottom:30px; }
.subscribe-wrap-subhead { max-width:610px; margin-left:auto; margin-right:auto; }

.subscribe-wrap h2 { max-width:610px; font-size:30px; line-height:30px; color:#222; margin:0 auto; font-family: 'FaktSlabSemiCondensed'; font-weight:600; letter-spacing:-0.017rem; text-transform:uppercase; }
.subscribe-wrap p { max-width:610px; font-size:19px; line-height:26px; color:#222; margin:20px auto 20px auto; }


/* basic lightbox */

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


/* basic sticky */

.sticky-hold { width:100%; max-width:2100px; margin:0 auto; background-color:#fff; }
.sticky-image { width:100%; }
.sticky-image-image { width:100%; height:0px; padding-bottom:66%; background-color:#eee; background-size:cover; background-position:center center; }
.sticky-content { width:100%; }
.sticky-content-content { padding:36px 24px 60px 24px; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; }
	.sticky-image { flex: 1 1 auto; height:auto; min-width: 0; }
	.sticky-content { flex: 1 1 auto; height:auto; min-width: 0; } 
	.sticky-image-image { width:100%; height:100%; max-height:100vh; padding:0; top:0px; position: sticky; position: -webkit-sticky; }
	.sticky-content-content { padding:55px; }
}
@media all and (min-width: 992px) {
	.sticky-content-content { padding:90px; padding-top:180px; }
}
@media all and (min-width: 1200px) {
	.sticky-content-content { padding:100px; padding-top:210px; }
}

/* basic callouts */

.callout-cards { width:100%; max-width:2100px; background-color:#fff; margin:0 auto; }
.callout-card-row { display:block; background-size:cover; background-position:center center; }
.callout-card-content { width:100%; padding:30px; }
.callout-card-content-panel { display: block; background-color:#fff; width:100%; padding:30px; min-height:400px; position:relative; }
.callout-card-corner-triangle { position:absolute; top:0px; right:0px; width:50px; height:100px; background-image:url('https://ctycms.com/va-national-landing/triangle-top-right-f6.svg'); background-size:cover; }

@media all and (min-width: 768px) {
	.callout-card-content { padding:60px; }
}
@media all and (min-width: 992px) {
	.callout-card-row { display:flex; padding:0px; }
	.callout-card-row-alternate { flex-direction: row-reverse; }
  .callout-card-content { width:50%; padding:90px; }
  .callout-card-content-panel { padding:40px; }
  .callout-card-corner-triangle { width:75px; height:150px; }
}
@media all and (min-width: 1200px) {
	.callout-card-content { padding:90px 120px; }
}

.callout-card-content-panel-blue { background-color: rgba(0,26,114,0.80); color:#fff; }
.callout-card-content-panel-blue h1, .callout-card-content-panel-blue h2, .callout-card-content-panel-blue h3, .callout-card-content-panel-blue h4 { color:#fff; }
.callout-card-content-panel-blue .callout-card-corner-triangle { background-image:url('https://ctycms.com/va-national-landing/triangle-top-right-blue.svg'); }


/* basic snake */

.snake-wrap {  }
.snake-container { width:100%; max-width:2100px; background-color:#fff; margin:0 auto; }
.snake-row { display:block; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; background-color:#fff; padding:30px; padding-bottom:60px; position:relative; }
.snake-corner-triangle { position:absolute; top:0px; right:0px; width:50px; height:100px;  background-image:url('https://ctycms.com/va-national-landing/triangle-top-right-f6.svg'); background-size:cover; }

@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:55px; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
  .snake-corner-triangle { width:100px; height:200px; }
}
@media all and (min-width: 1200px) {
	.snake-content { padding:100px; }
}

/* basic staff */

.staff-wrap {  }
.staff-container { width:100%; max-width:2100px; background-color:#fff; margin:0 auto; }
.staff-row { display:block; border-top:6px solid #f6f6f6; }
.staff-image-boxed { display: block; width:100%; background-color:#f6f6f6; }
.staff-image-square-hold { width:100%; max-width:500px; margin:0 auto; }
.staff-image-square { display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center; margin:0 auto; }
.staff-content { display: block; background-color:#fff; padding:30px; padding-bottom:60px; position:relative; }
.staff-corner-triangle { position:absolute; top:0px; right:0px; width:50px; height:100px;  background-image:url('https://ctycms.com/va-national-landing/triangle-top-right-f6.svg'); background-size:cover; }
.staff-content h2 { margin-bottom:6px; }
.staff-content h4 { margin:16px 0px; }
@media all and (min-width: 576px) {
	.staff-image { padding-bottom: 70%; }
}
@media all and (min-width: 768px) {
	.staff-row { display:flex; }
  .staff-image-boxed { width:50%; padding:0; }
	.staff-content { width:50%; padding:55px; }
}
@media all and (min-width: 992px) {
	.staff-content { padding:90px; }
  .staff-image-square-hold { margin:110px auto 90px auto; }
  .staff-corner-triangle { width:100px; height:200px; }
}
@media all and (min-width: 1200px) {
	.staff-content { padding:100px; }
  .staff-image-square-hold { margin:122px auto 90px auto; }
}


/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#008539; }
.smarker-bg-parking { position:absolute; width:24px; height:36px; fill:#001A72; }

.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:10px; line-height:24px; color:#fff; }
.smarker-p { position:absolute; width:24px; height:36px; text-align:center; font-size:14px; 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:20px 10px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { font-family: 'FaktSlabSemiCondensed'; font-weight: 600;  margin:6px 0px; color: #222; font-weight:700; font-size:18px; line-height:1.3; text-transform:none; }
.mapboxgl-popup-content p.mapbox-pop-address { font-family: 'Fakt', sans-serif; font-weight: 400; margin:6px 0px; font-size:15px; line-height:1.3; color:#222; }
.mapboxgl-popup-content p.mapbox-pop-link { font-family: 'Fakt', sans-serif; font-weight: 400;  margin:12px 0px 0px 0px; font-size:14px; line-height:1.3; }



/* point-section */

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


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



/* ist-dropdown */

.filter-hold { display:block; width:100%; }
.filter-label { display:block; width:100%; font-family: 'FaktSlabSemiCondensed'; font-weight:600; color:#222; font-size: 40px; line-height:52px; margin:0; letter-spacing:-0.017rem; }
.filter-reset { display:block; width:100%; text-align:center; padding:16px; padding-top:24px; }
.filter-dropdown { display:block; width:100%; margin-top:20px; }
@media all and (min-width: 992px) {
  .filter-hold { display:table; width:auto; margin:0 auto; }
  .filter-label { display:table-cell; width:auto; margin:0; vertical-align:middle; }
  .filter-reset { display:table-cell; width:auto; margin:0; vertical-align:middle; padding:16px; padding-left:40px; }
  .filter-dropdown { display:table-cell; width:300px; margin:0; vertical-align:middle; padding-left:40px;}
}

.ist-dropdown,.ist-dropdown-pair { position:relative; width:100%; border-top:2px solid #000; border-bottom:2px solid #000; }
.ist-dropdown-closed,.ist-dropdown-pair-closed { width:100%; background-color:inherit; color:#000; }
.ist-dropdown-open,.ist-dropdown-pair-open { position:absolute; width:100%; z-index:999; background-color:#001A72; color:#fff; }
.ist-dropdown-open1,.ist-dropdown-open2,.ist-dropdown-open3 { position:absolute; width:100%; z-index:999; background-color:#001A72; color:#fff; }

.ist-dropdown-intro { padding:12px 20px; cursor:pointer; }
.ist-dropdown-intro-text { font-size:16px; line-height:24px; }
.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:#F2CD00; text-decoration:none; }
.ist-dropdown-content a.ist-selected { color:#F2CD00; text-decoration:none; }


/* promotions */

.promo-wrap { background-color:#fafafa; webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05);
box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05); }

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

a.promo { display:block; width:100%; height:100%; background-color:#fff; border-radius:10px; overflow:hidden; }

.promo-image { width:100%; position:relative; }
.promo-image-image { position:static; z-index:1; width:100%; padding-bottom:74%; background-position:center center; background-size:cover; }
.promo-image-cover { position:absolute; z-index:2; width:100%; padding-bottom:74%; top:0px; background: rgba(0,26,114,0.05); transition: background 350ms ease;  }
.promo-image-hood { position:absolute; z-index:3; width:100%; top:0px; width:auto; background: rgba(0,26,114,0.85); display:inline; padding:12px 16px; 
  color:#fff; font-size:12px; font-weight: 700; text-transform:uppercase; border-radius:0px 0px 10px 0px; }

a.promo:hover .promo-image-cover { background-color: rgba(0,26,114,0.65); }

.promo-content { background-color:#fff; padding:16px 30px 30px 20px; border-top:8px solid #F2CD00; }

.promo-tags { color:#666; font-size:15px; margin-bottom:8px; }
.promo-label { color:#000; font-family: 'FaktSlabSemiCondensed'; font-weight: 600; font-size: 24px; line-height: 28px; margin-bottom:12px; }
.promo-text { color:#000; font-family: 'Fakt'; font-weight: 400; font-size:15px; line-height:20px; margin-bottom:12px; }
.promo-where { color:#000; font-family: 'FaktCondensed'; font-weight: 600; font-size:15px; color:#001A72; }

a.promo:hover .promo-label { color:#008539; }


/* event list */

.sticky-cal-hold {  }
.sticky-cal-content { width:100%; background-color:#fff; min-height:100px; }
.sticky-cal-featured { width:100%; height:800px; min-height:420px; background-color:#E8E0D8; }
#stickyevents { width:100%; height:800px; background-color:#E8E0D8; }
.evfeature { display:block; width:100%; height:400px; }
@media all and (min-width: 992px) {
	.sticky-cal-hold { display:flex; width:100%; max-width:2300px; margin:0 auto; background-color:#000; min-height:100vh; }
	.sticky-cal-content { width:55%; flex: 1 1 auto; height:auto; }
	.sticky-cal-featured { width:45%; flex: 1 1 auto; height:auto; }
  #stickyevents { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
  .evfeature { display:block; width:100%; height:50%; }
}

.evfeature a { position:relative; display:block; width:100%; height:100%; }
.evfeature-image { display:block; width:100%; height:100%; background-position:center center; background-size:cover; }
.evfeature-cover { position:absolute; top:0; width:100%; height:100%; }

.evfeature a .evfeature-cover { background-color: rgba(0,26,114,0.70); transition: background 350ms ease; }
.evfeature a:hover .evfeature-cover { background-color: rgba(0,26,114,0.85); }
.evfeature-content-x { position:absolute; top:0; display:table; width:100%; height:100%; }
.evfeature-content-y { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:24px; }

.evfeature-content-headline { font-family: 'FaktSlabSemiCondensed'; font-weight: 600; font-size: 28px; line-height: 30px; color:#fff; }
.evfeature-content-hr { width:70%; height:1px; background-color:#fff; margin:10px auto; }
.evfeature-content-subhead { color:#fff; } 
  
/* legendary panels */

.legendary-panels { }
.legendary-panel { display:block; }
.legendary-panel a { display:block; margin:0; padding:20px; 
  border-bottom:1px solid #f0f0f0; 
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05);
  box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.05);
}
.legendary-panel-image { display:block; width:100%; }
.legendary-panel-image-image { display:block; width:100%; padding-bottom:75%; background-position: center center; background-size:cover; }
.legendary-panel-content { display:block; padding:14px 24px 14px 0px; }
.legendary-label { font-family: 'FaktSlabSemiCondensed'; font-weight: 600; font-size:22px; line-height:1.2; color:#000; margin-bottom:6px; }
.legendary-address { font-family: 'Fakt', sans-serif; font-weight: 400; font-size:15px; line-height:1.4; color:#000; }
.legendary-evdate { font-family: 'Fakt', sans-serif; font-weight: 700; font-size:15px; line-height:1.4; color:#008539; margin-bottom:6px; }
.legendary-evdetails { font-family: 'Fakt', sans-serif; font-weight: 400; font-size:15px; line-height:1.4; color:#000; }
.legendary-evdetails span { color:#777; margin:0 3px; }

.legendary-evneighborhood { margin-top:12px; color:#001A72; font-family: 'FaktCondensed'; font-weight: 600; font-size:15px; line-height:20px; text-transform:uppercase; }
.legendary-evneighborhood img { display:inline; vertical-align:bottom; }
 
.legendary-panel a:hover { 
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
}
.legendary-panel a:hover .legendary-label { color:#008539; }
.legendary-panel a:hover .legendary-address { color:#008539; }

@media all and (min-width: 576px) {
  .legendary-panel a { display:flex; flex-direction: row-reverse; align-items: center; width:100%; }
  .legendary-panel-image { width:200px; }
  .legendary-panel-content { width:100%; }
}

@media all and (min-width: 1200px) {
  .legendary-panel-content { padding:24px 24px 24px 40px; }
}


/* event detail */

ul.datelist { margin:0; padding:0; list-style:none; }
ul.datelist li { margin:0; padding:0; }

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




/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { border:1px solid #e1e1e1; padding:16px 20px; height:100%; background-color:#fff}
.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:15px; line-height:1.3; margin:0 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:#001A72; border:none; margin-right:4px; }

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


/* people before cars */

.sharing-square { display:inline-block; text-align:center; margin-right:20px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center; border-radius:9px; }
.sharing-square a { text-decoration:none; color:#fff; background-color:#008539; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#2196F3; }


/* PBCC */

.pbcc-blue-squares { display:block; width:100%; }
.pbcc-blue-square { display:block; width:100%; }
.pbcc-blue-square a { position:relative; display:block; overflow:hidden; }
.pbcc-blue-square-image { width:100%; height:350px; background-position:center center; background-size:cover; }

.pbcc-blue-square-cover { position:absolute; top:0; left:0; width:100%; height:100%; border-top:8px solid inherit; transition: background 350ms ease; 
  background: rgba(0,0,0,0.45);
  background: linear-gradient(45deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.05) 100%);
}
.pbcc-blue-square a:hover .pbcc-blue-square-cover  { border-top:8px solid #f2cd00; border-bottom:8px solid #f2cd00; background: none; background-color: rgba(0,26,114,0.85);  }

.pbcc-blue-square-content-tag  { position:absolute; top:33px; right:24px; font-weight:700; font-size: 15px; line-height:15px; color:#41B6E6; color:#fff; text-transform:uppercase; letter-spacing:0.029rem; }

.pbcc-blue-square-content { position:absolute; bottom:33px; left:0px; color:#fff; width:100%; padding:0 24px; }
.pbcc-blue-square-content-sub { font-size:17px; line-height:20px; margin-bottom:10px; }
.pbcc-blue-square-content-head { font-family: 'FaktSlabSemiCondensed'; font-size:35px; line-height:40px; margin-bottom:18px; }

.pbcc-blue-square-content-cta { display:inline-block; padding: .375rem .75rem; }
.pbcc-blue-square-content-cta { border-radius:9px; background-color:#41b6e6; font-weight:500; color:#fff; letter-spacing:0.005rem; border:3px solid #41b6e6; font-size:18px; transition: all 0.15s linear 0s; }
.pbcc-blue-square a:hover .pbcc-blue-square-content-cta { background-color:#41b6e6; border-color:#41b6e6; color:#fff; }

.pbcc-blue-square-1, .pbcc-blue-square-2, .pbcc-blue-square-3 { border-bottom:3px solid #fff; }


@media all and (min-width: 992px) {
  .pbcc-blue-squares { display:table; width:100%; }
  .pbcc-blue-square { display:table-cell; width:25%; }
  .pbcc-blue-square-1, .pbcc-blue-square-2, .pbcc-blue-square-3 { border-bottom:4px solid #fff; border-top:4px solid #fff;  }
  .pbcc-blue-square-1 { border-right:2px solid #fff; }
  .pbcc-blue-square-2, .pbcc-blue-square-3 { border-left:2px solid #fff; border-right:2px solid #fff; }
  .pbcc-blue-square-4 { border-left:2px solid #fff; }
  .pbcc-blue-square-image { height:450px; }
}

.pbcc-svg-header { background-position:top center; background-size:cover;}

.pbcc-bluebox-wrap { background-color:#232E83; padding:30px 0 30px 0; }
.pbcc-sol { display:flex; margin:16px 0; align-items:center; font-size:24px; line-height:20px; }
.pbcc-sol-icon { width:40px; height:40px; font-size:22px; line-height:40px; border-radius:20px; text-align:center; background-color:#ffffff; color:#232E83; }
.pbcc-sol-label { padding-left:20px; font-weight:700; }
.pbcc-sol-label a { color:#ffffff; text-decoration:none;}
.pbcc-sol-label a:hover { color:#eeeeee; text-decoration:underline;}



/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
a.post-card { display:block; width:100%; height:100%; background-color:#fafafa; }

.post-card-image { position:relative; width:100%; }
.post-card-image-image { width:100%; padding-bottom:66%; background-position:center center; background-size:cover; }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); transition: all 250ms ease-out; }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.5); font-size:12px; line-height:12px; color:white; padding:10px; }

.post-card-content { padding:20px; text-align:left; }
.post-card-content-headline { color:#222; font-weight:700; font-size:20px; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:15px; margin-bottom:12px; }
.post-card-content-more { color:#008539; font-weight:700; font-size: 13px; letter-spacing: 0.0500rem; text-transform: uppercase; }

a.post-card:hover .post-card-image-cover { background-color:rgba(0,0,0,0.15); }
a.post-card:hover .post-card-content-more { color:#2196F3;; }


/* Post Detail */

.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }
.sharing-square { display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square a { text-decoration:none; color:white; background-color:#008539; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:#2196F3;; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}


/* Met Park Card */

.mpcard { background-color:#f5f5f5; }
.mpcard-image { width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.mpcard-content { padding:20px; }

.swiper-button-prev {
  left: 20px;
  right: auto;
}
.swiper-button-next {
  right: 20px;
  left: auto;
}
.swiper-button-next, .swiper-button-prev {
  /*position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;*/
  color: #009144;
}