/* home hero */

.home-video-hero-hold { position:relative; width:100%; height:auto; overflow:hidden; }
.xxx-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) {
  .xxx-home-hero-cycle { height:700px; } 
}
@media all and (min-width: 992px) {
  .xxx-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; }
}

/* add video */

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

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

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


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



/* intro html */

.home-2025-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-2025-metro h2 { font-weight:400; font-size:40px; line-height:1.1; margin:10px 0px; }
.home-2025-metro p { color:inherit; }





/* blue-swiper */

.blue-swiper-hold { width:100%; height:524px; position:relative;}

.blue-swiper-hold .swiper-wrapper { width:100%; }

.blue-swiper-navigation {
  position: absolute;
  z-index: 999;
  bottom: 0px;
  right: 30px;
  background-color: #001a72;
  border-radius: 30px;
  width: 96px;
  height: 48px;
}

.blue-swiper-prev, .blue-swiper-next { display:block; width:48px; height:48px; font-size:24px; line-height:48px; text-align:center; float:left; color:white; opacity:0.85; }

.blue-swiper-prev:hover { opacity:1; }
.blue-swiper-next:hover { opacity:1; }


/* blue cards */

.blue-box-card { width:100%; height:auto; background-color:#001a72; color:white; }

.blue-box-card a { display:block; text-decoration:none; color:inherit; }

.blue-box-card:hover a { text-decoration:none; color:inherit;  }

.blue-box-card-hold {
  position: relative;
  width:100%;
  height:500px;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
}

.blue-box-card-image { 
  position: absolute;
  width: 100%; 
  height:100%; 
  background-size: cover; 
  background-position: center center;
}

.blue-box-card-darken {
  position: absolute;
  width: 100%; 
  height:100%; 
  background: linear-gradient(45deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.05) 100%);
}

.blue-box-card .blue-box-card-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  transition: all 350ms ease; 
  background-color: rgba(0,26,114,0.1);
  border-top:0px solid #f2cd00; border-bottom:0px solid #f2cd00;
}
.blue-box-card:hover .blue-box-card-cover { border-top:8px solid #f2cd00; border-bottom:8px solid #f2cd00; background: none; background-color: rgba(0,26,114,0.65);  }


.blue-box-card-tag {
  position:absolute; top:36px; right:36px; font-weight:700; font-size: 15px; line-height:1; color:white; text-transform:uppercase; letter-spacing:0.029rem; 
}

.blue-box-card-content {
  position: absolute;
  left:0;
  bottom:0;
  padding:36px;
}


.blue-box-subhead { font-size:17px; line-height:20px; margin-bottom:10px; text-wrap:balance; }
.blue-box-headline { font-family: 'FaktSlabSemiCondensed'; font-size:35px; line-height:40px; margin-bottom:18px; text-wrap:balance; }

.blue-box-linklabel { display:inline-block; padding: .375rem .75rem; }
.blue-box-linklabel { 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; }






.cafe-swiper-hold { position:relative; }

.cafe-swiper-next, .cafe-swiper-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,40%);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: #001a72;
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-swiper-prev { left:-22px; }
.cafe-swiper-next { right:-22px; }





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

.home-short-box-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-box a:hover .home-short-box-cover  { background-color: rgba(65,182,230,0.85);  }

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

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





.fauxgram { width:100%; background-color:#001a72; }

.fauxgram-row { width:100%; display:flex; }
.fauxgram-follow { width:100%; }
.fauxgram-follow a { display:flex; width:100%; height:100%; padding:60px 30px; align-items:center; text-decoration:none; color:white; }
.fauxgram-follow a:hover { color:white; text-decoration:none; }
.fauxgram-follow a div { width:100%; text-align:center; }

.fauxgram-icon { color:var(--cty-brand-yellow); font-size:42px; line-height:1; }
.fauxgram-headline { font-weight:800; font-family: 'FaktSlabSemiCondensed';
   letter-spacing: -0.017rem; 
  font-size:32px; line-height:1; margin-top:8px; margin-bottom:12px; }
.fauxgram-handle { font-weight:700; font-size:14px; line-height:1; font-family: 'FaktCondensed';
  font-weight: 600;
  letter-spacing: 0.020rem;
  text-transform: none;
}

.fauxgram-cell { width:50%; }
.fauxgram-img { width:100%; padding-bottom: 133%; background-size:cover; background-position:center center; }

@media all and (min-width: 992px) {
  .fauxgram { width:100%; display:flex; }
  .fauxgram-row { width:40%; }
  .fauxgram-follow { width:20%; }
}




.modal-backdrop { background-color: rgb(26,33,45); }
.modal-backdrop.show { opacity:0.95; }

#videoModal .modal-body { background-color:white;}
#videoModal .modal-body h1 { margin-top:1rem; }


.rw-panel { width:100%; background-color:#efefef; background-size:cover; background-position:center center; }
.rw-content { padding:60px 30px; }
.rw-content-hold { width:100%; max-width:600px; margin:0 auto; background-color:white; color:inherit; padding:30px 30px 30px 30px; text-align:center; 
}

.rw-headline { font-weight:800; font-family: 'FaktSlabSemiCondensed';
   letter-spacing: -0.017rem; 
  font-size:2.4rem; 
  line-height:1;  
	margin-top:0px;
	margin-bottom:10px;
	text-wrap:balance;
}
.rw-text {  text-wrap:balance; margin-bottom:1rem; }

@media all and (min-width: 992px) {
  .rw-subhead { font-size:4rem; }
  .rw-headline { font-size:4rem; }
	.rw-content { padding:160px 30px; }
	.rw-content-hold { padding:90px 60px 90px 60px; }
}