body,html {
  height:100%;
  font-family: 'proxima-nova', Arial, sans-serif;
  background-color:#2f2f2f;
  color:#121212;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#page-wrap {
  width:100%;
  max-width:1800px;
  margin:0 auto;
  background-color:#fff;
  color:#222;
}

#page-header { }

#page-content { }

/* modal */

.modal-backdrop {
   background-color: #652894;
}

/* legacy responsive support */

.container-fluid { max-width:1100px; padding:0 24px; margin:0 auto; }
.container-fluid-wide { max-width:1300px; padding:0 24px; margin:0 auto; }
.container-fluid-nav { max-width:1200px; padding:0 24px; margin:0 auto; }
.container-fluid-post { max-width:920px; padding:0 24px; margin:0 auto; }  

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

.tile { background: repeating-linear-gradient(-45deg,#ffffff,#ffffff 3px,#f3f3f3 3px,#f3f3f3 5px); padding-top:36px; padding-bottom:36px; }

.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:9px 0px 14px 24px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:9px 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%; }

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; }
.container-fluid-feature h6 { margin:0px 0px 12px 0px; } 

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

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

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


.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:#ce008c; color:#fff; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:0px; padding-top:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:22px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

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

.alert-content { 
  color: #fff;
  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:#fff; text-decoration:underline; }
a.alert-link:hover { color:#fff; text-decoration:underline; }

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

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


/* global typography */

h1 { font-size: 2.5rem; font-weight:700; color:#000; margin-top:0px; margin-bottom: 1rem;}
h2 { font-size: 23px; font-weight:600; color:#4b026b; text-transform:uppercase; margin-top: 1.8rem; margin-bottom: 1rem; letter-spacing: 0.040rem; }

h2.on-detail { font-size:14px; line-height:16px; color:#4b026b; text-transform:uppercase; letter-spacing:1px; font-weight:700; }
h2.lined { font-size: 15px; line-height: 20px; color: #111; text-transform: uppercase; font-weight: 700; padding: 16px 0; margin: 30px 0; border-top: solid #111 4px; border-bottom: solid #111 1px; letter-spacing:0.050rem; }

h3 { font-size: 21px; font-weight:600; color:#4b026b; text-transform:uppercase; margin-top: 1.8rem; margin-bottom: 1rem; letter-spacing: 0.030rem; }
h4 { color:#222; font-weight:400; }
h5 { font-size:15px; color:#000; text-transform: uppercase; font-weight: 700; margin: 20px 0; letter-spacing: 0.100rem; } 
h6 { }

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

p.boldcaps {  font-size:15px; line-height:26px; color:#111; font-weight:700; text-transform:uppercase; }
p.intro,p.lead { font-weight:500; font-size: 20px; line-height: 1.45; color: #000; }

p.link-out { font-size: 14px; line-height: 20px; font-weight: 700; text-transform: uppercase; letter-spacing:0.018rem; margin-top:24px; margin-bottom:24px;}
p.link-out span.news-source { text-transform:none; font-weight:400; }

.align-center { text-align:center; }

label { font-size:85%; text-transform:uppercase; 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); }

hr { width: 30px;
    height: 4px;
    margin-left: 0;
    background-color: #111;
    color: #111;
    border: 0 none;
    text-align: left;
}
hr:not([size]) { height:4px; opacity:1; }

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

a div.lnk-primary { color:#ce008c; font-weight:500; font-size:20px; line-height:26px; letter-spacing:0.010rem; }
a div.lnk-secondary { color:#222; font-weight:600; font-size:14px; line-height:22px; margin-top:3px; text-transform:uppercase; letter-spacing:0.024rem; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#E238AA; }
a:hover div.lnk-secondary { color:#000; }

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-rosslyn { background-color:#ce008c; font-weight:normal; text-transform:uppercase; color:#fff; letter-spacing:1px; border:1px solid #E238AA;  }
.btn-rosslyn:hover { background-color:#E238AA; color:#fff; }

.btn-brand { background-color:#ce008c; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #ce008c; font-size:14px; transition: all 0.15s linear 0s; padding:4px 10px; }
.btn-brand:hover { background-color:#E238AA; border-color:#E238AA; color:#fff; }

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

.btn-outline-brand { background-color:#fff; font-weight:400; text-transform:uppercase; color:#ce008c; letter-spacing:0.100rem; border:1px solid #ce008c; font-size:14px; transition: all 0.15s linear 0s; padding:4px 10px; }
.btn-outline-brand:hover { background-color:#E238AA; border-color:#E238AA; color:#fff; }

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

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

.image-ambassador { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; max-width:450px; margin-bottom:16px; }




/* footer */

footer { display:block; background-color:#6C32A2; padding:36px 0; }
footer p { color:#E4CFF7; }
footer a { color:#fff; }
footer a:hover { color:#eee; text-decoration:none; }
.f1 { text-align:center; margin:0 auto; width:200px; height:91px; }
.f1 img { width:200px; height:91px; }
.f2 { text-align:center; font-weight:600; font-size:16px; line-height:20px; margin:16px 0px 16px 0px; }
.f2 span { padding-left:8px; padding-right:8px; }
.f3 { text-align:center; font-size:15px; line-height:22px; }
.bull { display:none; }
.break { display:inline; }
@media screen and (min-width: 768px) {
	.f1 { text-align:left; margin:30px 0px 0px 0px; }
	.f2 { text-align:right; }
	.f3 { text-align:right; }
	.bull { display:inline; }
	.break { display:none; }
}


/* sidenav drawer */

.sidenav-container { max-width:1100px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 24px 60px 40px; }
	.sidenav-col-content { display:block; width:75%; padding-right:40px; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:#341D47; }
.d-sidenav-section-label { display:table-cell; background-color:#341D47; text-align:left; width:auto; padding:10px 12px 10px 24px; vertical-align:top; font-size:16px; line-height:24px; }
.d-sidenav-section-toggle { display:table-cell; background-color:#341D47; text-align:right; width:64px; padding:10px 24px 10px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:20px; line-height:24px; }
.d-sidenav-section-label a { color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0.150rem; text-decoration:none; }
.d-sidenav-section-label a:hover { color:#eee; text-decoration:none;  }
#d-sidenav-drawer { display:none; }
@media all and (min-width: 992px) {
	.d-sidenav-section-label { display:block; width:100%;}
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border:1px solid #341D47; border-bottom:6px solid #341D47; } 
.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 #efeeee; }
.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:400; font-size:12px; line-height:24px; vertical-align:top; color:#fff; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:400; font-size:16px; line-height:24px; vertical-align:top; color:#333; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:400; font-size:15px; line-height:24px; vertical-align:top; color:#333; }
.d-sidenav li a:hover div { color:#E238AA; }

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

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



/* no-banner */

.no-banner { width:100%; height:4px; background-color:#eee; max-width:1052px; margin:0 auto; margin-top:4px; }


/* basic landing page */

.landing-table { display:table; width:100%; }
.landing-tr { display:table-row; width:100%; }
.landing-td { display:block; width:100%; }
@media all and (min-width: 768px) {
	.landing-tr { display:table-row; width:100%; }
	.landing-td { display:table-cell; width:50%; }	
}

a.landingbutton { display:table; width:100%; height:160px; opacity:0.9; transition:.25s; border:1px solid #fff;}
a.landingbutton:hover { opacity:1; }
.landingbuttontr { display:table-row; height:100%; width:100%;  }
.landingbuttontd { display:table-cell; height:100%; width:100%; vertical-align:middle; text-align:center; }
.blackbox {
  display:inline-block;
  background: #000 url('https://ctycms.com/va-rosslyn/black-arrow-bg.png') no-repeat -8px center;
  background-size: 60px 120px;
  padding:14px 20px 14px 36px;
  font-family:'proxima-nova',serif;
  font-weight:600;
  font-size: 16px;
  line-height:20px;
  color:#eee;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:.25s;
  margin:20px;
}

.featured-post { padding-bottom:56px; }
.featured-post img { border-top:4px solid #111; }
.featured-post h5 { margin-top:24px; margin-bottom:10px; font-size: 14px; line-height: 16px; color: #4b026b; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align:left; }
.featured-post p { font-size:18px; line-height:26px; margin-bottom:10px; }
.featured-post .post-title { font-weight:600; font-size:20px; line-height:28px; padding-bottom:10px; }
.featured-post a.morelink { font-size:14px; line-height:20px; font-weight:700; text-transform:uppercase; white-space:nowrap; }


/* basic lightbox */

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



/* Owl Gallery */

.owl-wrapper { }

.owl-item { border-top:5px solid #111; }

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

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

/* flags over rosslyn 2021 */

.flags-bg { background-color:#fafafa; padding:30px 0; }

.owl-flags-hold { position:relative; width:100%; max-width:1480px; margin:20px auto 0px auto; min-height:400px; padding:0; overflow:hidden; border-right:2px solid #4b026b;  border-left:2px solid #4b026b; padding:20px 0; }

.owl-flags-hold .owl-carousel .owl-nav { overflow: hidden; height: 0px; }
.owl-flags-hold .owl-carousel .jb-nav-btn {
  position: absolute;
  width: 90px;
  height: 90px;
  font-size:30px;
  line-height:58px;
  padding:16px;
  border-radius:90px;
  cursor: pointer;
  top: 40% !important;
  color:#fff;
  background-color:rgba(108,50,162,0.85);
  transition: all 0.15s linear 0s;
}

.owl-flags-hold .owl-carousel .jb-nav-btn:hover { color:#fff; background-color:rgba(108,50,162,1); }
.owl-flags-hold .owl-carousel .jb-prev-slide { left: -55px; text-align:right; }
.owl-flags-hold .owl-carousel .jb-next-slide { right: -55px; text-align:left; }

.owl-flags-hold .owl-carousel .owl-item { border-top: 0px solid #111; }

.flagcell { background-color:#fff; }
.flagcell-img { padding:24px 24px;}
.flagcell-caption { padding:0px 24px 24px 24px; color:#000; font-size:14px; line-height:1.4; font-weight: 600; }

/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#ce008c; }
.smarker-bg-blue { position:absolute; width:24px; height:36px; fill:#1F4883; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; }
.smarker-p { position:absolute; width:24px; height:36px; text-align:center; font-size:13px; line-height:24px; color:#fff; }

.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 */
.polygons .mapboxgl-popup { padding-bottom:0px; } /* back down for polygons */
.mapboxgl-popup-content { text-align: center; padding:20px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:4px 0px; color: #000; font-weight:600; font-size:21px; line-height:25px; text-transform:none; letter-spacing:0.025rem; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:12px 0px; font-size:12px; line-height:16px; color:#333; letter-spacing:0.025rem; text-transform: uppercase;
font-weight: 700;}
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; font-size:14px; line-height:20px;}

.geomarker {  width: 22px; height: 30px; cursor: pointer; } /* large map */
.geomarker-bg { position:absolute; width:22px; height:30px; }
.geomarker-i { position:absolute; width:22px; height:30px; text-align:center; font-size:12px; line-height:21px; color:#fff; }

.geomarker-bg { fill:#222; }
.fill-color-254 .geomarker-bg { fill:#ce008c; } /* dining */
.fill-color-156 .geomarker-bg { fill:#6C32A2; } /* retail */
.fill-color-1 .geomarker-bg { fill:#333333; } /* lodging */
.fill-color-158 .geomarker-bg { fill:#3187CC; } /* transportation */
.fill-color-157 .geomarker-bg { fill:#74c16a; } /* parks and culture */

.page-icon-254 { color:#ce008c; } /* dining */
.page-icon-156 { color:#6C32A2; } /* retail */
.page-icon-1 { color:#333333; } /* lodging */
.page-icon-158 { color:#3187CC; } /* transportation */
.page-icon-157 { color:#74c16a; } /* parks and culture */

.map-blurb { border-top: 4px solid #212121; background-color: #f2f2f2; padding: 24px 20px 16px 20px; margin:16px 0px; }

.page-icon { float:left; margin:0px 12px 12px 0px; position:relative; width:24px; }
.page-icon .page-icon-bg { font-size:30px; line-height:30px; width:24px; text-align:center; }
.page-icon .page-icon-top { position:absolute; top:6px; width:24px; text-align:center;  font-size:11px; line-height:12px; color:#fff; }


/* map key */

.map-key { background-color:#f4f4f3; padding:8px 24px; text-align:center; font-size:14px; line-height:24px; }
.map-key span { display:block; padding:0 6px; }
@media all and (min-width: 992px) {
	.map-key span { display:inline-block; }
}


/* point-section */

#point-section #clmap { width:100%; height:300px; background-color:#E9EEF1; }
@media all and (min-width: 768px) { #point-section #clmap { height:360px; } }
@media all and (min-width: 992px) { #point-section #clmap { height:480px; } }

#point-section-results { }

.section-filters { text-align:left; margin:30px 0px; }
.section-filters .section-filters-title { text-align:left; color:#333; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:20px 0 14px 0;}
.section-filters a {
font-weight:600;
text-decoration: none;
line-height: 12px;
font-size: 12px;
text-align: center;
display:inline-block;
color:#7c1d7e;
background-color:#ffffff;
letter-spacing:  0.050rem;
border:1px solid #7c1d7e;
border-radius:2px;
padding:8px 12px;
white-space: nowrap;
margin:4px 3px;
text-transform:uppercase;
}
.section-filters a:hover { background-color:#7c1d7e; border-color:#7c1d7e; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#7c1d7e; border-color:#7c1d7e; color:#fff; }

.point-section-results { }

.pst { margin-bottom:24px; }
.pst a { display:block; }

.pst a .pst-image { border-top: 3px solid #111; position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.pst a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.pst a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }


/* event venue section */

.venue-section-results { margin-top:60px; }

.vst { margin-bottom:50px; }
.vst a { display:block; border-top: 3px solid #111; }
.vst a .vst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.vst a .vst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.vst a .vst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.vst a:hover .vst-image-cover { background-color:rgba(0,0,0,0.5);  }

.vst-wrap { margin:12px 0px; }
.vst-item { font-weight: 700; color:#7c1d7e; font-size:13px; line-height:1.2; letter-spacing:0.020rem; margin-bottom:10px; margin-left:2px; }

.venue-top { width:100%; height:3px; background-color:#f3f3f3; }

/* point-detail */

#point-detail #clmap { width:100%; height:260px; background-color:#E9EEF1;}
@media all and (min-width: 768px) { #point-detail #clmap { height:320px; } }


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

.ftn ul { list-style-type: none; padding:0; margin:0; }
.ftn li { list-style-type: none; padding:0; margin:0; margin-bottom:20px; }
.ftn .ftnname { display:block; font-weight:600;}
.ftn .ftnaddress { font-size:90%; }
.ftn .ftndistance { font-size:70%; color:#444; }


/* bbq-events-calendar */

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#fafafa; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; font-weight:700;}
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:uppercase; font-weight:700;}
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; font-weight:700;}

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:1px #e7e7e7 solid; 
  background-color:#fafafa;
  color:#777; /* color of days of the week */
  font-size:10px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #e7e7e7 solid; 
  background-color:#fafafa;
  color:#aaa; /* color of inactive dates */
  font-size:14px;
  line-height:34px;
  font-weight:500;
  letter-spacing:0.050rem;
  text-align:center;
  }
#bbq-calendar td.highlight { background-color:#6C32A2; }
#bbq-calendar a { display:block; text-decoration:none; }
#bbq-calendar td.highlight a { color:#fff; }
#bbq-calendar a.ontoday { font-weight:700; }
#bbq-calendar a:hover { text-decoration:none; background-color:#CE008C; color:#fff; }

.bbq-p { text-align:center; font-size:12px; line-height:36px;  }

#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; }

#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #e7e7e7; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:#fafafa; padding:0 24px; font-size:14px; line-height:34px; text-align:center; font-weight:500; letter-spacing:0.050rem;}
#bbq-categories a.highlight { background-color:#6C32A2; color:#fff; }
#bbq-categories a:hover { text-decoration:none; background-color:#CE008C; color:#fff; }



/* bbq-results */

h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:#fafafa; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-results-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center;  }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:none; }
.bbq-results-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

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

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

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

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { text-align:center; color:#fff; background-color:#444; font-size:12px; line-height:21px; border-radius:4px 4px 0px 0px; margin-top:5px;}
.bbqdate-day { text-align:center; color:#444; background-color:#999; font-size:30px; line-height:41px; border-radius:0px 0px 4px 4px;}
.bbqdate-tip { text-align:center; color:#999; background-color:inherit; font-size:12px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#fff; background-color:#444; font-size:12px; line-height:21px; border-radius:4px; margin-top:6px;}

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


/* popop event list */

.el-cal-nav-hold { display:table; width:100%; margin:24px auto 36px auto; border:2px solid #eee; background-color:#fff;}
@media all and (min-width: 768px) {
	.el-cal-nav-hold { width:400px;}
}
.el-cal-nav-hold-width {display:table; width:100%; margin:0; border:2px solid #eee; }
.el-cal-nav-prev { display:table-cell; width:50px; vertical-align:middle; text-align:center; font-size:32px; line-height:50px; color:#eee; }
.el-cal-nav-next { display:table-cell; width:50px; vertical-align:middle; text-align:center; font-size:32px; line-height:50px; color:#eee; }
.el-cal-nav-range { display:table-cell; width:auto; vertical-align:middle; text-align:center; border-left:2px solid #eee; border-right:2px solid #eee; padding:15px 20px;
	font-size: 15px;
	line-height: 20px;
	color: #A9218E; font-weight:700;
}

.el-popupev-wrap { max-width:1000px; margin:30px auto;
	background: -moz-linear-gradient(90deg, rgba(70,22,107,1) 0%, rgba(169,33,142,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left, right, color-stop(0%, rgba(70,22,107,1)), color-stop(100%, rgba(169,33,142,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(90deg, rgba(70,22,107,1) 0%, rgba(169,33,142,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(90deg, rgba(70,22,107,1) 0%, rgba(169,33,142,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(90deg, rgba(70,22,107,1) 0%, rgba(169,33,142,1) 100%); /* ie10+ */
	background: linear-gradient(90deg, rgba(70,22,107,1) 0%, rgba(169,33,142,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46166B', endColorstr='#A9218E',GradientType=1 ); /* ie6-9 */ 
	padding-top:5px;
	/*-webkit-box-shadow: 0px 5px 8px 0px rgba(177,177,177,0.15);
	-moz-box-shadow: 0px 5px 8px 0px rgba(177,177,177,0.15);
	box-shadow: 0px 5px 8px 0px rgba(177,177,177,0.15);*/
}

.el-popupev-table { display:block; width:100%; }
.el-popupev-tr { display:block; width:100%; }
.el-popupev-td-img { display:block; width:100%; height:300px; background-position: center center; background-size:cover; }
.el-popupev-td-content { display:block; width:100%; height:auto; background-color:#fafafa; padding:24px; }

@media all and (min-width: 768px) {
	.el-popupev-wrap { }
	.el-popupev-table { display:table; width:100%; }
	.el-popupev-tr { display:table-row; width:100%; }
	.el-popupev-td-img { display:table-cell; width:50%; height:300px; background-position: center center; background-size:cover;  }
	.el-popupev-td-content { display:table-cell; width:50%; height:300px; background-color:#fafafa; padding:30px; vertical-align:middle;}
}

.el-date { color: #4b026b; font-size: 18px; line-height: 24px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 12px;}
.el-name { color: #ce008c; font-size: 30px; line-height: 36px; margin-bottom: 12px; font-weight: 600; }
.el-content { margin-top: 12px; color: #111; font-size: 18px; line-height: 24px; }


/* new blog post */

.new-post-top { display:block; width:100%; }
.new-post-tag { display:block; text-align:left; }
.new-post-sharing { display:block; text-align:right; }	
@media all and (min-width: 1px) {
	.new-post-top { display:table; width:100%; }
	.new-post-tag { display:table-cell; text-align:left; }
	.new-post-sharing { display:table-cell; text-align:right; }	
}
.new-post-sharing span.share { font-size:12px; line-height:30px; font-weight:400; text-transform:uppercase; letter-spacing: 1px; color:#222; display:none;}
@media all and (min-width: 768px) {
	.new-post-sharing span.share { display:inline-block; }
}

.new-post-sharing a { border-top:4px solid #A9218E; display:inline-block; color:#ce008c; color:#A9218E; font-size:14px; line-height:30px; font-weight:700; text-transform:uppercase; letter-spacing: 1px; padding-left:10px; padding-right:10px; }
.new-post-sharing a:hover { color:#E238AA; color:#ce008c; text-decoration:none; }

.new-post-tag a { border-top:4px solid #A9218E; display:inline-block; padding-left:4px; padding-right:4px;  }
.new-post-tag a { color:#ce008c; color:#A9218E; font-size:14px; line-height:30px; font-weight:700; text-transform:uppercase; letter-spacing: 1px; }
.new-post-tag a:hover { color:#E238AA; color:#ce008c; text-decoration:none; }

.blog-owl-wrap { margin:24px 0px 12px 0px; }


/* alcove pop up */

.pop-up-banner { background:url('https://ctycms.com/va-rosslyn/alcove-1300x750.jpg') bottom center; background-size:cover; height:200px; }
@media all and (min-width: 768px) { .pop-up-banner { height:550px; }} 
@media all and (min-width: 1100px) { .pop-up-banner { height:650px; }} 

.pop-up-header-table { display:table; width:100%; height:100%; max-width:1200px; margin:0px auto; padding:30px; }
.pop-up-header-row { display:table-row;}
.pop-up-header-cell { display:table-cell; text-align:center; vertical-align:middle; }

#pop-hype-box { padding:24px 10px; max-width:760px; margin:0 auto;}
#pop-hype-box p { font-family:'proxima-nova',serif; color:#000; font-weight:400; font-size:22px; line-height:28px; text-align:center; }
@media all and (min-width: 767px) { 
	#pop-hype-box { padding:44px 20px; }
	#pop-hype-box p { font-size:24px; line-height:36px;}
}


/* form submit event */

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

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

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

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

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

	




/* home */

.home-banner-wrap { padding:0; margin:0 auto; border-bottom:1px solid #f4ece7; clear:both; background-color:#212121; width:100%; height:400px; overflow:hidden; }

.homeslide { width:100%; height:400px; padding-top:90px; background-position:center center; background-size:cover; text-align:center;}
@media all and (min-width: 768px) { .home-banner-wrap { height:480px; } .homeslide { height:480px; padding-top:110px; }}
@media all and (min-width: 992px) { .home-banner-wrap { height:530px; } .homeslide { height:530px; padding-top:160px; }}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 5px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 90px; width: 40px; height: 30px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1);
    display: inline-block; color: #fff; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #FFE515;}
.cycle-pager > * { cursor: pointer;}

.homeslide h4 { color:#fff; font-family: 'proxima-nova',sans-serif; font-size:24px; line-height:28px; text-transform:uppercase; margin:0; font-weight:400; 
text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); letter-spacing:2px; margin:10px 0; }
.homeslide  h2 { color:#fff; font-family: 'proxima-nova',sans-serif; font-size:35px; line-height:40px; margin:0; font-weight:normal; font-weight: 500;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); margin:10px 0;  text-transform:uppercase; padding:0 24px;}

.homeslide h2 .flip { color:#FFE513;}

@media all and (min-width: 768px) { .homeslide h2 { font-family: 'proxima-nova',serif; font-size:75px; line-height:80px; }}
@media all and (min-width: 992px) { .homeslide h2 { font-family: 'proxima-nova',serif; font-size:85px; line-height:90px; }}
	
.rosslynboxlink { background-color:#6C32A2; width:255px; height:54px; text-align:center; border-radius: 4px; border-bottom:26px solid #6C32A2; color:#fff;
	margin:20px auto; display:block; 
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}	
.rosslynboxlink:hover { background-color:#652894; border-color:#652894; }
.rosslynboxlink a { display:block; width:100%; font-family:'proxima-nova',serif; font-weight:400; text-transform:uppercase; font-size:16px; line-height:54px; color:#fff; letter-spacing:2px; text-decoration:none;}


/* home hypebox */

#hypebox { background:#fff url('https://ctycms.com/va-rosslyn/yellow-r-bg.png') right center no-repeat; background-size:189px 178px; padding:44px 5px 46px 5px; max-width:760px; margin:0 auto;}
#hypebox p { font-family:'proxima-nova',serif; color:#000; font-weight:400; font-size:22px; line-height:28px; text-align:center; }
@media all and (min-width: 767px) { 
	#hypebox { background:#fff url('https://ctycms.com/va-rosslyn/yellow-r-bg.png') right center no-repeat; background-size:198px 178px; padding:64px 20px 76px 20px; margin:40px auto;}
	#hypebox p { margin-top:16px; font-size:24px; line-height:36px; }
}


/* home page video */

.hero-wrap {
    position: relative;
    width:100%; height:56vh; min-height:400px; max-height:800px;
	overflow:hidden;
	background:#444 url('https://ctycms.com/va-rosslyn/30Sec_Website_Colored_Final_cover.jpg') center center no-repeat; background-size:cover; 
}

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

.hero-image-darken {  position: absolute; z-index: 101; display:table; width:100%; height:100%; }
.hero-image-darken-alternate { 
  background: background-color:rgba(70,22,107,0.5); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(70,22,107,0.7) 0%,  rgba(146,31,134,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(70,22,107,0.7) 0%, rgba(146,31,134,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(70,22,107,0.7) 0%, rgba(146,31,134,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.hero-image-content { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:24px;}
.hero-image-content-wrap { max-width:760px; margin: auto;}
.hero-image-content-wrap h1 { color:#fff; font-size:50px; line-height:56px; text-shadow: 1px 1px 2px #222; text-transform:none; }
.hero-image-content-wrap h2 { color:#fff; font-size:40px; line-height:46px; text-shadow: 1px 1px 2px #222; text-transform:none; }
.hero-image-content-wrap h3.hype { color:#fff; font-family:'proxima-nova',serif; text-transform:none; font-weight:400; font-size:16px; line-height:24px; text-align:center; text-shadow: 2px 2px 2px #222;}
.hero-image-content-wrap p { color:#fff; margin:16px 0 0 0; }
@media all and (min-width: 768px) {
	.hero-image-content-wrap h1 { font-size:60px; line-height:66px; }
	.hero-image-content-wrap h2 { font-size:40px; line-height:46px;  }
	.hero-image-content-wrap h3.hype { font-size:24px; line-height:36px; }
	
}

/* home video overlay */

#play-movie:hover { cursor:pointer; }
#video-overlay { display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(101,40,148,0.95); z-index:9999;}
#video-content { width:100%; max-width:990px; margin:5% auto; padding:30px; }
#video-content #hide-movie { float:right; margin-bottom:16px; }
#video-content #hide-movie { cursor:pointer; display:block; color:#fff; font-size:32px; line-height:32px; }
	

/* home spot events */

a.spotmargin { display:block; padding:20px;}
a.spotmargin:hover { text-decoration:none; }

.spot { display: block; width:100%; padding-bottom: 100%; background-color:#000; position:relative; border-radius:50%; }

.spotimage { position:absolute; width:100%; height:100%; display:block; border-radius:50%; -webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;}
.spotcolor { position:absolute; width:100%; height:100%; display:block; background-color:rgba(169,33,142,0.0); border-radius:50%; -webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;}

a:hover .spotimage { -webkit-filter: grayscale(100%);
	filter: grayscale(100%); }
a:hover .spotcolor {
	background-color:rgba(169,33,142,0.7);
}

.spotdate { position:absolute; display:block; width:100%; height:100%; }
.spottable { display:table; width:100%; height:100%; }
.spotcell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }

.spot1 { color:#fff; font-size:14px; line-height:16px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
.spot2 { color:#fff; font-size:64px; line-height:66px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
.spot3 { color:#fff; font-size:14px; line-height:16px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}

.spotlabel { text-align:center; text-transform:uppercase; letter-spacing:1px; padding-top:20px; font-weight:600; font-size:16px; line-height:20px;}


/* home subscribe bar */

.gradientwow { width:100%; text-align:center; padding-top:20px; padding-bottom:20px; }
.gradientwow { 
	background-color:#6C32A2;
	background: -webkit-linear-gradient(left top, #6C32A2, #D60D8C); /* Safari 5.1, Chrome 10+ */
	background: -moz-linear-gradient(bottom right, #6C32A2, #D60D8C); /* Firefox 3.6+ */
	background: -ms-linear-gradient(left top, #6C32A2, #D60D8C); /* IE 10 */
	background: -o-linear-gradient(bottom right, #6C32A2,#D60D8C); /* Opera 11.10+ */
	background: linear-gradient(to bottom right, #6C32A2,#D60D8C); /* W3C */
}
.subscribewow { color:#fff; font-weight:400; text-transform:none; font-size:18px; line-height:24px; letter-spacing:2px;}
.subscribewow a { color:#fff; }
.subscribewow a:hover { color:#fff; text-decoration:none;}


/* twitter footer */

.twitter-wrap { 
	background-color:#343434;
    padding:24px 0;
	border-bottom:0px solid #aaa;
	color:#eee;
}
.tw1 { font-size:30px; text-align:right; font-weight:600;}
.tw2 { font-size:13px; font-weight:700;}
.tw3 { font-size:16px; line-height:23px; margin-top:10px; font-weight:500; }
.tw2 a { color:#FF61CD; }
.tw2 span { color:#9C9C9C; }
.tw3 a { color:#FF61CD; }


/* citylight social grid */

.citylight-social-grid { width:100%; border-left:1px solid #fff; border-bottom:1px 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:1px solid #fff;
  border-top:1px solid #fff;
}

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

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:#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; }
}



/* home page altnernate */

.home-alt-hold { display:block; width:100%; }
.home-alt-row { display:block; width:100%; }
.home-alt-hype-cell { display:block; width:100%; padding:0px 24px; background-color:#fff; }
.home-alt-email-cell { display:block; width:100%; padding:0px 24px; background-color:#4b026b; text-align:center; }
@media all and (min-width: 991px) {
	.home-alt-hold { display:table; max-width:1200px; margin:0 auto; }
	.home-alt-row { display:table-row; width:100%; }
	.home-alt-hype-cell { display:table-cell; width:auto; vertical-align:middle; text-align:center; background-color:#fff; }
	.home-alt-email-cell { display:table-cell; width:350px; vertical-align:middle; text-align:center; background-color:#fff; text-align:left;  }
}

.home-subscribe-box { background-color:#4b026b; max-width:300px; margin:0px auto; padding:30px; }
.home-subscribe-subhead { color:#CD68F8; font-weight: 600; font-size:14px; line-height:14px; text-transform:uppercase; }
.home-subscribe-headline { color:#fff; font-weight: 500; font-size:24px; line-height:24px; margin:10px 0px; }
.home-subscribe-hr { width: 28px; height: 4px; background-color: #111; margin:1rem auto; }
.home-subscribe-teaser { color:#fff; font-size:15px; line-height:19px; }

#home-subscribe {
  display:table;
  width:100%;
  padding:0;
  margin:20px 0 0 0;
  border:none;
  text-align:left;
}

#home-subscribe .home-subscribe-row { display:table-row; }

#home-subscribe input[type="text"]{
  display:table-cell;	
  font-size:15px;
  line-height:30px;
  color:#4b026b;
  font-weight:700;
  background:#fff;
  border:none;
  padding:0px 14px;
  margin:0;
  width:85%;
  height:30px; /* ie11*/
  text-align:left;  
  vertical-align:middle;
}

#home-subscribe button {
  display:table-cell;
  font-size:13px;
  line-height:30px;
  color:#4b026b;
  background:#CD68F8;
  border:none;
  margin:0;
  padding:0;
  width:15%;
  height:30px; /* ie11*/
  text-align:center;
  vertical-align:middle;
}

#home-subscribe ::-webkit-input-placeholder { color:#4b026b; opacity: 0.8;}
#home-subscribe :-moz-placeholder { color:#4b026b; opacity: 0.8; }
#home-subscribe ::-moz-placeholder { color:#4b026b; opacity: 0.8; }
#home-subscribe :-ms-input-placeholder { color:#4b026b; opacity: 0.8; }

/* Covid Dining */

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

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

.pcovid p { margin:0 0 6px 0; font-size:17px; line-height:1.3; }

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

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

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



/* cty-io */

.cty-io { }
.cty-io-fadein { opacity:0; } 
.cty-io-visible { transition: opacity 1200ms ease; opacity:1; } 

.cty-io-grow { 
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}
.cty-io-grown {
  transition:all 1.0s ease;
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
}

/* Covid Splash */

.btn-brand-cs { background-color:#ce008c; font-weight:400; text-transform:none; text-align:left; color:#fff; border:1px solid #ce008c; font-size:17px; transition: all 0.15s linear 0s; padding:6px 12px; }
.btn-brand-cs:hover { background-color:#c1157c; border-color:#c1157c; color:#fff; }


.white-bg { background-color:#fff; }
.cs-max-width { width:100%; max-width:1330px; margin:0 auto; }

.cs-hero { background-position:center center; background-size:cover; padding:10%; text-align:center; }
.cs-hero h2 { font-size:48px; line-height:1.4; font-weight:600; color: #ce008c; }
.cs-hero p { font-size:24px; line-height:1.4; font-weight:400; color:#fff; }

.cs-three-icons { background: repeating-linear-gradient(-45deg,#ffffff,#ffffff 3px,#f3f3f3 3px,#f3f3f3 5px); padding:12px 36px; text-align:center; }
.cs-three-icons div { width:100%; max-width:791px; margin: 0 auto; }


.cs-stripes { background: repeating-linear-gradient(-45deg,#ffffff,#ffffff 3px,#f3f3f3 3px,#f3f3f3 5px); padding:56px 36px; text-align:center; }
.cs-stripes p { font-size:24px; line-height:1.4; font-weight:400; }

.snake-wrap { width:100%; }
.snake-container { width:100%; }
.snake-row { display:block; background-color:#fff; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; padding:30px; }

.snake-row-alternate { background-color:#4B026B; }

.snake-row .snake-content h2 { font-size:40px; text-transform:none; margin-bottom:24px; }
.snake-row-alternate .snake-content h2 { color:#E21D93; }

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


















/* mobile nav */
@media all and (max-width: 767px) {

  .header-wrap { background-color:#6C32A2; padding:20px 0; }
  .nav-relative { }
  .nav-hold { width:100%; height:36px; }
  .nav-logo-mobile { float:left; width:216px; height:36px; }
  .nav-logo-desktop { display:none; }
  .nav-toggle a { float:right; font-size:22px; line-height:36px; color:#fff; cursor:pointer; }
  .nav-toggle a:hover { color:#fff; }

  /* primary-nav */
  #nav-drawer { display:none }
  #primary-nav { padding-top:30px;}
  #primary-nav ul { margin:0; padding:0; }  
  #primary-nav ul li { list-style: none; margin:0; padding:0; }
  #primary-nav ul li div.menu-set { display:table; border-top:1px solid #fff; width:100%; }
  #primary-nav ul li div.menu-set a {
    display:table-cell;
    width:90%;
    text-align:left;
    vertical-align:top;
    padding:5px 5px;
    color: #fff;
    font-size:16px;
    line-height:36px;
    font-weight:700;
    letter-spacing:0.090rem;
    text-transform:uppercase;
  }
  #primary-nav ul  li div.menu-set a.subnav-toggle {
    width:10%;
    text-align:right;
  }
  #primary-nav ul li div.menu-set a:hover { color:#fff; }
  #primary-nav ul ul { display:none; margin:0; padding:0px 0px 16px 0px; }
  #primary-nav ul li ul li a {
    display: block;
    padding:5px 5px 10px 20px;
    font-size:16px;
    line-height:1.5;
    text-transform:none;
    font-weight:500;
    letter-spacing:0.020rem;
    color: #fff;
  }

  #primary-nav ul li ul li a:hover { color:#fff; }

  /* secondary nav */

  #secondary-nav { padding:12px 4px 6px 4px; }
  .nav-utility { }
  .nav-social { display:none; }
  .nav-search { }
  #site-search {
    display:table;
    width:100%;	
    padding:8px 16px;
    margin:20px 0 0 0;
    border:2px solid #fff;
    border-radius:3px;
    text-align:left;
    }

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

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

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


/* desktop nav */
@media all and (min-width: 768px) {
  
  .header-wrap { background-color:#ffffff; padding:0; }
  .nav-relative { position:relative; width:100%; height:240px; }
  .nav-hold { }
  .nav-logo-desktop { position:absolute; top:60px; left:0px; right:0px; width:100%; height:140px; }
  .nav-logo-desktop a { display:block; width:320px; height:140px; margin:0 auto; }
  .nav-logo-mobile { display:none; }
  .nav-toggle { display:none; }

  /* primary-nav */

  #nav-drawer { display:block!important; } /* slidetoggle fix */
  #primary-nav { position:absolute; bottom:10px; left:0px; right:0px; width:100%; height:44px; }
  #primary-nav .subnav-toggle { display:none; }
  #primary-nav ul { padding: 0; margin: 0; list-style: none; display:block; text-align:center; }
  #primary-nav li { padding: 0; margin: 0; display:inline-block; }

  #primary-nav a {
    display: inline-block;
    width: auto;
    padding:12px 8px;
    margin:0;
    background-color:#fff;
    font-size:16px;
    line-height:20px;
    color:#7c1d7e;
    font-weight:700;
    letter-spacing:0.090rem;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    }
  #primary-nav li:hover a { background-color:#eee; }
  #primary-nav li a:hover { color:#ce008c; }
  
  /* drop down lists */

  #primary-nav li ul { 
    position: absolute;
    width: 200px;
    height:auto;
    padding:20px 0px;
    background-color:#eee;
    display:none;
  }

  #primary-nav li:hover > ul {  display:block !important; left: auto; z-index:9999; } 

  #primary-nav ul li ul li { width:200px; }

  #primary-nav li ul li a { 
    display:block;
    width:100%;
    padding:6px 24px;
    margin:0;
    background-color:#eee;
    font-size:16px;
    line-height:24px;
    color:#7c1d7e;
    font-weight:500;
    letter-spacing:0.020rem;
    text-decoration:none;
    text-align:left;
    text-transform:none;
  }


  /* secondary nav */

  #secondary-nav { position:absolute; top:22px; width:100%; }

  #secondary-nav { display:table; width:100%; height:24px; }

  #secondary-nav .nav-utility { display:table-cell; vertical-align:top; text-align:left; }

  #secondary-nav .nav-search { display:table-cell; vertical-align:top; text-align:right; }


  .nav-social { display:inline-block; text-align:center; height:24px; }

  .nav-social a { display:inline-block; width:22px; height:22px; font-size:11px; line-height:23px; border-radius:50%; text-align:center; margin:0px 8px 0 0; }
  .nav-social a { text-decoration:none; color:#fff; background-color:#7c1d7e; border:0; transition: all 0.15s linear 0s;}
  .nav-social a:hover { color:#fff; background-color:#ce008c; }

  .nav-social a.nav-subscribe-pill { width:auto; height:22px; font-size:11px; line-height:23px; border-radius:11px; padding:0 12px; margin:0px 10px 0 0; text-transform:uppercase; letter-spacing:0.100rem; }

   
  #site-search {
    display:table;
    width:170px;
    float:right;	
    padding:0px 4px;
    margin:0;
    border:none;
    border-bottom:1px solid #7c1d7e;
    text-align:left;
    }

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

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

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


  @media all and (min-width: 1100px) {
  	.nav-relative { position:relative; width:100%; height:170px; }
  	.nav-logo-desktop { position:absolute; top:22px; left:0px; width:320px; height:140px; }
  	#secondary-nav { position:absolute; top:22px; left:auto; right:10px; width:768px; height:24px; }
  	#secondary-nav .nav-utility { display:table-cell; vertical-align:top; text-align:right; }
  	#secondary-nav .nav-search { display:table-cell; vertical-align:top; text-align:right; width:190px; }
  	#primary-nav { position:absolute; bottom:50px; left:auto; right:0px; width:768px; height:44px; }
  	#primary-nav ul { text-align:right; }
  	#primary-nav li:last-child:hover > ul { right:0px; } 
  }


  
}

/* ipsos stats */

.ipsos-icon { text-align:center; padding:24px 0 12px 0; }
.ipsos-icon img { display:inline-block; height:60px!important; width:auto!important; }

.ipsos-stat { text-align:center; padding:24px 0 24px 0; }
.ipsos-stat img { display:inline-block; height:40px!important; width:auto!important; }