: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-le-sm.png');position: relative; background-position: 70% 100%; 
  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.8) 99%), linear-gradient(240deg, rgba(1,1,1,0.1) 25%, rgba(1,1,1,0.6) 95%); }
  @media (min-width: 1900px) {.hero:after { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 100%;
  background: linear-gradient(180deg, rgba(1,1,1,0.1) 75%, rgba(1,1,1,0.8) 99%); }}
/*.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: 768px) {.hero{background-image: url('../img/home/hero-le-new-md.png'); position: relative; background-position: 30% 100%; 
  background-repeat: no-repeat; background-size: cover;}}
@media (min-width: 1200px) {.hero {background-image: url('../img/home/hero-le-new.png'); position: relative; background-position: 50% 20%; 
  background-repeat: no-repeat; background-size: cover;}}
@media (min-width: 1900px) {.hero {background-image: url('../img/home/hero-le-new-xl.png'); position: relative; background-position: 50% 10%; 
  background-repeat: no-repeat; background-size: cover; }}

@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 {min-height: 100vh; height: 120vh;}}
  
@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 {
    display: flex;
    justify-content: center;
    gap: 10px; 
}

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

.countdown .box:after {content:""; width:1px; height: 75px; transform: translateY(-50%); position:absolute; right:0; top: 50%;
    background: linear-gradient(0deg, transparent 10%, #ffffff 50%, transparent 100%);}
.countdown .box.last:after {content:none; }



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

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

/* ===== NEWS  ===== */
.news-card {border: 0; border-radius: unset; margin: 0 1.15rem;}
.news-card:hover {transition: all .15s ease; transform: translateY(-10px); cursor: hand; cursor: pointer;}
.news-card figure { max-height: fit-content; margin-bottom: 0; position:relative;}
.news-card figure img { width:100%; height: auto; }
.news-card figcaption,
.news-card figure div {background:var(--afc-yellow); color:#000000; padding:3px 10px; text-transform:uppercase; font-size:0.875rem; font-weight:500; position:absolute; bottom:0;}

.news-card .card-body {min-height:60px; background:#000000; color:#ffffff; padding:1rem; font-size:1rem; position:relative; display:block; flex: 1 1 auto; 
  border-top: 1px solid rgba(211, 211, 211, .4); border-bottom: 1px solid rgba(211, 211, 211, .4);} 
.news-card .card-body .title {text-transform:uppercase; font-size:1.10rem; line-height: 1.2; font-weight: bold;}



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

	/* === 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);}



/* ===== NEWS  ===== */
.news-card {border: 0; border-radius: unset; margin: 0 1.15rem;}
.news-card:hover {transition: all .15s ease; transform: translateY(-10px); cursor: hand; cursor: pointer;}
.news-card figure { max-height: fit-content; margin-bottom: 0; position:relative;}
.news-card figure img { width:100%; height: auto; }
.news-card figcaption,
.news-card figure div {background:var(--afc-yellow); color:#000000; padding:3px 10px; text-transform:uppercase; font-size:0.875rem; font-weight:bold; position:absolute; bottom:0;}

.news-card .card-body {min-height:60px; background:#000000; color:#ffffff; padding:1rem; font-size:1rem; position:relative; display:block; flex: 1 1 auto; 
  border-top: 1px solid rgba(211, 211, 211, .4); border-bottom: 1px solid rgba(211, 211, 211, .4);} 
.news-card .card-body .title {text-transform:uppercase; font-size:1.10rem; line-height: 1.2; font-weight: bold;}