:root {
  --army-green: #5f7a50;
  --afc-yellow: #ffd530; 
  --aal-red: #E61E26;
  --almost-black: #010101;
}

/* = HOME PAGE ONLY = */
header {position:absolute; width: 100%; top: 0; left: 0;}
header > .container {position: relative;}

.hero { background-image: url('../img/home/hero-tank-sm.jpg'); position: relative; background-position: center center; 
  background-repeat: no-repeat; background-size: cover; }

.hero:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 100%;
  background: linear-gradient(180deg, rgba(1,1,1,0.4) 85%, rgba(1,1,1,1) 99%); }
.hero .hero-content {z-index:2;}

@media (min-width: 575px) {.hero .hero-content h1 span {display:block;} }

.hero { background-image: url('../img/home/cl-hero-sm.jpg'); position: relative; background-position: center center; 
  background-repeat: no-repeat; background-size: cover; }

.hero:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 100%;
  background: linear-gradient(180deg, rgba(1,1,1,0.1) 85%, rgba(1,1,1,0.6) 99%); }
.hero .hero-content {z-index:2;}

@media (min-width: 768px) {.hero{background-image: url('../img/home/cl-hero-md.jpg');}}
@media (min-width: 1200px) {.hero {background-image: url('../img/home/cl-hero.jpg'); }}

@media (min-width: 767.1px) {.hero .hero-content {min-height:500px; }}
@media (min-width: 992.1px) {.hero .hero-content .hero-container {margin-top: 80px;}}

@media (min-width: 1500.1px) {.hero .hero-content {padding:200px 0;}}
@media (max-width: 1500px) and (min-width: 992.1px) {.hero .hero-content {height:100vh; }}
  
@media (max-width: 1500px) {.hero .hero-content {padding: 200px 0 50px 0;}}
@media (max-width: 767px) {.hero .hero-content {min-height:450px;} }

.days-topics {font-weight: 400;}
.days-topics img {max-height: 70px;}

  /* === COUNTDOWN BOXES ===  */
.countdown .box {padding:1rem 0; max-width:200px; font-size:5rem; font-weight:bold; position:relative; border:2px solid var(--afc-yellow);
    text-align:center; text-transform:uppercase; margin: .5rem auto; font-family:'Graduate', 'Roboto Slab';
    background: linear-gradient(0deg, rgba(1,1,1,1) 40%, rgba(24,24,24,1) 90%);}

.countdown .box div {font-size:1.1rem; color:#acacac; padding:0; border:0; width:auto; font-family:'Graduate', 'Roboto Slab'; }

.section-video {color:#ffffff; background: #1c1c1c; position: relative; min-height:300px; text-align: left; overflow:hidden; }
.section-video video {position:absolute; top:0; width:100%;}

.modal-dialog {color:#010101;}
.modal-dialog .modal-title {font-size:1.7rem; font-family: 'Nixie One'; font-weight: bold;}

@media (max-width: 500px) {
  .countdown div {font-size:1.1rem; width:auto;}
  .countdown div div {font-size:0.65rem;}
}
@media (max-width: 380px) {
  .countdown div {font-size:1rem; width:auto; padding:1rem 0.3rem;}
  .countdown div div {font-size:0.65rem; padding:0;}
}

	/* === HUBSPOT MODALS === */
.hs-button { background: var(--aal-red); border-color:var(--aal-red); text-transform: uppercase;}

  /* === FAQ Section === */
.section-faq{ padding: 60px 0; background: #FFD530;}


  /* === FAQs ACCORDION === */
#FAQs .accordion-item {margin: 12px 0; border-radius:0;}
#FAQs .accordion-body {color: var(--almost-black); font-size:1rem;}
#FAQs .accordion-body a {color: var(--aal-red); font-weight:bold; text-decoration:none;}
#FAQs .accordion-button { color: var(--almost-black); font-family: 'Graduate'; text-transform:  uppercase;}
#FAQs .accordion-button:after {background: var(--afc-yellow); content: "\f067"; transform: none; padding:4px 10px; width:auto; height:auto; color: #000000; font-family: "Font Awesome 5 Free"; font-weight: 900;}
#FAQs .accordion-button:not(.collapsed) {color: var(--aal-red); font-weight:bold;  background-color: #f7f7f7; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
#FAQs .accordion-button:not(.collapsed)::after {content: "\f068"; }

.download-faq {text-transform:uppercase; font-weight: 400;}
.download-faq .fa-arrow-down {font-size:1.7rem; background: linear-gradient(0deg, #ffd530 34%, #ffd530 60%);
  background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.download-faq a:hover .fa-arrow-down {background:none; background-clip:unset; -webkit-text-fill-color: var(--afc-yellow);}