:root {
  --cty-headerbg: #001A72; /* header bg */
  --cty-brandnavy: #001A72; /* header bg */
  --cty-brandblue: #41B6E6; /* header nav button */
 
  --cty-lodge-litegreen: #84E000; /* for buttons */
  --cty-lodge-green: #008539; /* webaim from 009a44*/
}

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

#page-content { background-color:#41B6E6; }

.bg-skiers { 

  background:url('https://ctycms.com/va-national-landing/lodge-pattern.svg') top center;
  background-size:400px 400px;
}

.container-fluid {
  max-width: 1500px;
}


.cc-sponsor-logos { margin:30px 0 0 0; }
.cc-logo { display:inline-block; margin:0px 12px 12px 0; background-color:var(--cty-lodge-green); }
.cc-logo span { display:block; border:2px solid #eee7d4; }
.cc-logo a { display:block; transition: all 400ms ease; border:2px solid #eee7d4; }
.cc-logo a:hover { border-color:#fff; }
.cc-logo-img { width:120px; height:120px; border:16px solid var(--cty-lodge-green); background-position:center center; background-size:contain; background-repeat:no-repeat; }
@media all and (min-width: 768px) {
  .cc-logo { margin:0px 16px 16px 0; }
	.cc-logo-img { width:160px; height:160px; }
}



/* header */

header { 
  position:fixed; top:0px; width:100%; z-index:999;
  background-color:var(--cty-headerbg);
}

main { border-top:75px solid var(--cty-headerbg); }
@media screen and (min-width: 992px) {
  main { border-top:156px solid var(--cty-headerbg); }
}

/* nav */

header { border-bottom:2px solid var(--cty-brandblue);}

.header-row { display:table; width:100%; max-width:1500px; padding:0 16px; margin:0 auto; }
.header-col-burger { display:table-cell; height:74px; width:120px; vertical-align:middle; text-align:left; }
.header-col-logo { display:table-cell; height:74px; width:auto; vertical-align:middle; text-align:center; }
.header-col-cta { display:table-cell; height:74px; width:120px; vertical-align:middle; text-align:right; }
.nav-toggle a { float:right; font-size:24px; line-height:50px; color:var(--cty-pnav-link); }
.nav-toggle a:hover { var(--cty-lodge-litegreen); }

.btn-top-nav { background-color:var(--cty-lodge-litegreen); border:0; color:var(--cty-brandnavy); 
  font-size:14px; line-height:14px;  font-weight: 600; text-transform:none; letter-spacing:0.028rem; 
  margin:0; padding: 8px 16px; border-radius:60px; transition: all 0.15s linear 0s; }
.btn-top-nav:hover { background-color:var(--cty-lodge-green); color:white; text-decoration:none; }
.btn-top-nav-label { display:none; }

.header-svg-logo { width:80px; height:auto; margin:0px auto; cursor:pointer; color:white; }

@media screen and (min-width: 992px) {
  .header-row  { padding:0 56px; }
  .header-col-burger, .header-col-logo , .header-col-cta { display:table-cell; height:156px; width:33%; } 
  .header-col-burger { padding-left:60px; }
  .header-col-cta { padding-right:60px; }
  .btn-top-nav { font-size: 20px; line-height:26px; padding: 15px 30px; }
  .btn-top-nav-label { display:inline; padding-right:6px; }
  .header-svg-logo { width:140px; height:auto; }
}


/* drop down nav */

#nav-drawer { display:none }
.camp-nav { width:100%; padding:10px 24px 50px 24px; margin:0;  font-weight: 700; letter-spacing:0.028rem; text-transform:uppercase; }
.camp-nav-link { display:block; border:0; background-color:inherit; padding:8px; color: white; text-align:center; font-size:18px; line-height:36px; text-decoration:none; }
.camp-nav-link:hover { color:white; text-decoration:none; color: var(--cty-lodge-litegreen); }
@media screen and (min-width: 992px) {
  .camp-nav { text-align:center; padding:10px 24px 24px 24px; text-wrap:balance; }
  .camp-nav-link { display:inline-block; }
}


/* home page video */

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

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

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




/* panels */

.bg-none { }

section { color:var( --cty-brandnavy); }

.full-faq { background-color:var(--cty-brandnavy); color:#fff; padding:8px 16px; border-radius:12px; }
@media screen and (min-width: 768px) {
  .full-faq { padding:8px 24px; border-radius:16px; }
}

.bg-green-full { background-color:var(--cty-lodge-green); color:white; margin-top:30px; } /* getting here */
.bg-navy-full { background-color:var(--cty-brandnavy); color:white;  } /* partners */

.okto-domino { display:block; background-color:var(--cty-brandnavy); color:white; border-radius:12px; overflow:hidden; }
.okto-domino-alt {  color:var(--cty-brandnavy); background-color:white;}

.okto-domino-a { display:block; background-position:center center; background-size:cover; width:100%; padding-bottom:60%; }
.okto-domino-b { display:block;  padding:16px 24px 16px 24px; }

.okto-full-outer { display:block; width:100%; background-color:var(--cty-brandnavy); color:white; border-radius:12px; overflow:hidden; }
.okto-full-inner { display:block; width:100%; padding:16px 24px 16px 24px;}

@media screen and (min-width: 768px) {
  .okto-domino { display:table; width:100%; height:400px; border-radius:16px; }
  .okto-domino-a { display:table-cell; width:50%; padding:0; }
  .okto-domino-b { display:table-cell; width:50%; padding:24px 36px 24px 36px; vertical-align:middle; }
  .okto-full-inner { padding:24px 36px 24px 36px; }
}
@media screen and (min-width: 1200px) {
  .okto-domino { display:table; width:100%; height:400px; border-radius:16px; }
  .okto-domino-a { display:table-cell; width:50%; padding:0; }
  .okto-domino-b { display:table-cell; width:50%; padding:30px 42px 30px 42px; vertical-align:middle; }
   .okto-full-inner { padding:30px 42px 30px 42px; }
}




/* global */

h1 { font-weight:400; color:inherit; margin-top:1rem; }
h2 { font-weight:400; color:inherit; margin-top:1rem; font-size: 30px; letter-spacing:0.010rem; }
h3 { font-weight:400; color:inherit; }

span.icon-spacing { display:inline-block; padding:4px 12px; font-size: 30px; }

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

a { color:inherit; text-decoration:underline; }
a:hover { color:inherit; text-decoration:underline; }

.btn-brand { background-color:var(--cty-lodge-litegreen); border-color:var(--cty-lodge-litegreen); color:var(--cty-brandnavy); font-size:15px; 
  margin:4px 2px 4px 0px; padding: .375rem 1.25rem; transition: all 0.15s linear 0s; 
  font-weight: 600;  letter-spacing:0.028rem; border-radius:60px; text-decoration:none; }
.btn-brand:hover { background-color:var(--cty-lodge-green); border-color:var(--cty-lodge-green); color:white; text-decoration:none; }




/* slider */

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

.op-swiper-next, .op-swiper-prev {
  display: flex;
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cty-brandblue);
  border:2px solid var(--cty-brandnavy);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.op-swiper-prev { left:-22px; }
.op-swiper-next { right:-22px; }





/* accordian raw */

.accordion {
  --bs-accordion-color: white;
  --bs-accordion-bg: var(--cty-brandnavy); 
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--cty-brandblue); /* var(--bs-border-color);*/
  --bs-accordion-border-width: 2px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #fff; /* #212529; */
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2363b6e2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2363b6e2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: inherit; /* #86b7fe */;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--cty-brandblue-dark); /*#0c63e4; */
  --bs-accordion-active-bg: inherit; /* #e7f1ff; */
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1.15rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
  
   font-weight: 600; letter-spacing:0.028rem; text-transform:uppercase;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color); 
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: inherit; /* var(--bs-accordion-btn-focus-border-color); */
  outline: 0;
  box-shadow: inherit; /* var(--bs-accordion-btn-focus-box-shadow); */
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

/* my changes */

.accordion { width:100%; max-width:1990px; margin:0px auto 1rem auto; }

.accordion-button { text-transform:none; }
h2.accordion-header { margin-top:0px; font-family:'Fakt'; letter-spacing:0.010rem; } 
h3.accordion-header { margin-top:0px; font-family:'Fakt'; letter-spacing:0.010rem; }

.accordion-body li { color: white; font-size:16px; }
.accordion-body li span { font-size:14px; }
.accordion-body b { font-weight: 500; }
.accordion-body li a { color: white; text-decoration:underline; }
.accordion-body li a:hover { color: var(--cty-brandblue); text-decoration:underline; }












/* footer brand over-rides */

footer { background-color:#fff; }

footer .btn-brand { background-color:var(--cty-brandnavy); border-color:var(--cty-brandnavy); color:#fff; }

.footer-line { background-color:var(--cty-lodge-litegreen);  }

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:var(--cty-brandnavy); 
  font-family: 'FaktCondensed'; font-weight:600; letter-spacing:0.020rem; text-transform:uppercase; text-decoration:none;}
ul.footer-links li a > span { color:var(--cty-brandblue); font-weight:900; margin-left:3px; }
ul.footer-links li a:hover { color:var(--cty-brandnavy);  text-decoration:none; }

.footer-legal-left { color:var(--cty-brandnavy); }
.footer-legal-right { color:var(--cty-brandnavy); }

.footer-legal-left a { color:var(--cty-brandnavy); }
.footer-legal-right a { color:var(--cty-brandnavy); }

.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:var(--cty-brandnavy); border:none; transition: all 0.15s linear 0s;}
.footer-social a:hover { color:var(--cty-brandnavy); background-color:var(--cty-lodge-litegreen); }
.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; }