@charset "UTF-8";

/* === FONTS === */

@font-face {
  font-family: "Roboto Mono"; font-style: normal; font-weight: 100; font-display: swap;
  src: url("fonts/RobotoMono-Thin.woff2") format("woff2"), url("fonts/RobotoMono-Thin.woff") format("woff"), url("fonts/RobotoMono-Thin.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 200; font-display: swap;
src: url("fonts/RobotoMono-ExtraLight.woff2") format("woff2"), url("fonts/RobotoMono-ExtraLight.woff") format("woff"), url("fonts/RobotoMono-ExtraLight.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Mono"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/RobotoMono-Light.woff2") format("woff2"), url("fonts/RobotoMono-Light.woff") format("woff"), url("fonts/RobotoMono-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 400; font-display: swap;
src: url("fonts/RobotoMono-Regular.woff2") format("woff2"), url("fonts/RobotoMono-Regular.woff") format("woff"), url("fonts/RobotoMono-Regular.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 500; font-display: swap;
src: url("fonts/RobotoMono-Medium.woff2") format("woff2"), url("fonts/RobotoMono-Medium.woff") format("woff"), url("fonts/RobotoMono-Medium.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Roboto Mono"; font-style: normal; font-weight: 700; font-display: swap;
src: url("fonts/RobotoMono-Bold.woff2") format("woff2"), url("fonts/RobotoMono-Bold.woff") format("woff"), url("fonts/RobotoMono-Bold.ttf") format("truetype");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
  font-family: "DIN"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/DIN-Light.woff2") format("woff2"), url("fonts/DIN-Light.woff") format("woff"), url("fonts/DIN-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DIN"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/DIN-Regular.woff2") format("woff2"), url("fonts/DIN-Regular.woff") format("woff"), url("fonts/DIN-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DIN"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/DIN-Medium.woff2") format("woff2"), url("fonts/DIN-Medium.woff") format("woff"), url("fonts/DIN-Medium.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DIN"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/DIN-Bold.woff2") format("woff2"), url("fonts/DIN-Bold.woff") format("woff"), url("fonts/DIN-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DIN Condensed"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/DIN-Condensed.woff2") format("woff2"), url("fonts/DIN-Condensed.woff") format("woff"), url("fonts/DIN-Condensed.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Graduate"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/Graduate-Regular.woff") format("woff"), url("fonts/Graduate-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 100; font-display: swap;
  src: url("fonts/RobotoSlab-Thin.woff") format("woff"), url("fonts/RobotoSlab-Thin.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 200; font-display: swap;
  src: url("fonts/RobotoSlab-ExtraLight.woff") format("woff"), url("fonts/RobotoSlab-ExtraLight.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("fonts/RobotoSlab-Light.woff") format("woff"), url("fonts/RobotoSlab-Light.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/RobotoSlab-Regular.woff") format("woff"), url("fonts/RobotoSlab-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("fonts/RobotoSlab-Medium.woff") format("woff"), url("fonts/RobotoSlab-Medium.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("fonts/RobotoSlab-SemiBold.woff") format("woff"), url("fonts/RobotoSlab-SemiBold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/RobotoSlab-Bold.woff") format("woff"), url("fonts/RobotoSlab-Bold.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto Slab"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("fonts/RobotoSlab-Black.woff") format("woff"), url("fonts/RobotoSlab-Black.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}  
@font-face {
  font-family: "Nixie One"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/NixieOne-Regular.woff") format("woff"), url("fonts/NixieOne-Regular.ttf") format("truetype");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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

html {overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth;}
body {background: #000000; color: #ffffff; font-family: 'Roboto Mono', sans-serif; font-weight:400; font-size: 1.25rem; line-height: 1.5; margin: 0;overflow-x: hidden;}

@media (max-width: 992px) {.container {max-width:94%;} }
@media (max-width: 767px) {body{ line-height: 1.4; } }
@media (max-width: 576px) {body{font-size: 1.2rem; line-height: 1.3; } }


/* === HEADER === */
header {position:absolute; width: 100%; top: 0; left: 0; z-index:3; font-family: 'Roboto Mono'; font-size: 1.1rem; background 0.4s, all 0.3s linear; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); 	transform: translate3d(0,0,0);  }
header > .container {position: relative;}

/* LOGO */
header .logo {margin: 0; padding: 15px 0 10px 0; -webkit-transition: 0.2s; transition: 0.2s;}
header .logo img {position: relative; display: inline-block; z-index: 2; height:32px;}
header .afc-logo {height: 50px; width:auto; margin-top: 15px;}
header .vertex-logo {height: 95px; width:auto; padding: 1rem 0;}
header .vertex-logo-alt {height: 95px; width:auto; padding-top: 1rem;}

/* === NAVIGATION === */
header nav {width: 100%; padding: .5rem 0;}
header nav .navbar-toggler {margin: 0; padding: 9px; height: 48px; width: 48px; background: #1f1f1f; position: absolute; top: 20px; right: 0; z-index: 8; border: none;}
header nav .navbar-toggler .fa {color: #fff; font-size: 20px;}
header nav .navbar-collapse {position: relative !important; padding-left: 0; padding-right: 0;}
header nav .navbar-collapse.show {background:#000000;}

header nav .navbar-nav {margin: 0;}
header nav .navbar-nav .dropdown-menu {list-style: none; background:#1f1f1f; border-radius:0;}
header nav .navbar-nav .dropdown-menu .dropdown-item { display: block; padding: 4px 6px 4px 10px; margin: 0 0 4px 0; font-size:0.875rem; font-weight:500; color:#ffffff !important;}
header nav .navbar-nav .dropdown-menu .dropdown-item:hover,
header nav .navbar-nav .dropdown-menu .dropdown-item:focus { text-decoration: underline; background: none;}
header nav .navbar-nav > li > a {font-weight:500; text-decoration: none; -webkit-transition: 0.2s; transition: 0.2s; }

header nav .navbar-nav li {list-style: none; }
header nav .navbar-nav li a {text-decoration: none;  -webkit-transition: 0.2s; transition: 0.2s; }
header nav .navbar-nav li a:hover, header nav .navbar-nav li a:focus,
header nav .navbar-nav li a.active {color: var(--afc-yellow) !important; }

@media all and (min-width: 768px) {/* DESKTOPS */
  header nav .navbar-nav {background: none; }
  header nav .navbar-nav > li {text-align: left; display: inline-block; overflow: visible; border: none !important; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -webkit-transition: 0.2s; transition: 0.2s; }
  header nav .navbar-nav > li > a {font-size:1rem; color: #fff; font-weight:500; padding: 0 1.2rem; margin:0 1.5rem; line-height:2.5rem; border-radius: 3px; }
  header nav .navbar-nav > li > a:hover,
  header nav .navbar-nav > li > a:focus,
  header nav .navbar-nav > li > a.active {color: var(--aal-red) !important; }
  header nav .navbar-nav > li + li {margin-left: 6px; }
  header .dropdown:hover > .dropdown-menu {display: block; left: 1.5rem;} /* Show DD Menu on Hover  (margin-top: -5px;) */
}

@media (max-width: 1200px) {
  header .vertex-logo .vertex-logo-alt {margin-left: 20px;}
}    

@media all and (max-width: 767.9px) {/* TABLETS & SMALLER */
  header nav .navbar-toggler {display: inline-flex; justify-content: center; align-items: center; }
  header nav .dropdown-toggle:after {display:none; }
  header nav .navbar-nav li a,
  header nav .navbar-nav li a:focus  {position: relative; display: inline-block; z-index: 2; overflow: hidden; font-size: 1rem; color: #ffffff; text-decoration: none; padding: 12px 15px; }
  header nav .navbar-nav li a:hover { color:var(--aal-red);}
  header nav .navbar-nav li a.no-hov:hover,
  header nav .navbar-nav .nav-link.active { color:#ffffff;}
  header nav .navbar-nav li a.nav-link-caret {position: absolute; right: 20px;}
  header nav .navbar-nav li a.nav-link-caret:hover ,
  header nav .navbar-nav li a.nav-link-caret.show {background: #4f4f4f; border-radius: 0.25rem;}
  header nav .navbar-nav .dropdown-menu .dropdown-item { padding-left:25px; font-size: 1rem;}

  header nav.navbar .navbar-nav li a.nav-link {color: #fff; padding:0 25px; line-height: 40px; }
}


/* ===== FOOTER GLOBAL ===== */
footer { background: var(--almost-black); color: #ffffff;}
footer a { color: #fff;}
footer .afc-logo {height: 50px; width:auto; margin-top: 15px;}

    /* Copyright */
.footer-copyright { background: #2F2F2F; font-size: 12px; padding: 15px 0; text-transform:uppercase;}
.footer-copyright a { color: #fff;}
.footer-copyright .copy span {font-weight: bold; margin:0 6px;}


/* ========== GENERAL ELEMENTS ========== */

a {color: var(--afc-yellow); text-decoration: none;}
a:hover {color: var(--afc-yellow); text-decoration: underline;}

a.white-link {color:#ffffff;}
a.white-link:hover {color:var(--afc-yellow); text-decoration:none;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal; margin: 0 0 1rem 0; position:relative;}
h2, h3, h4, .h2, .h3, .h4 {font-family: 'Roboto Slab', serif; }
h1, .h1 {font-size: 3rem; font-family: 'Roboto Slab', serif;}  /*48px */
h2, .h2 {font-size: 2.8rem; }  
h3, .h3 {font-size: 1.75rem;}  /*28px */
h4, .h4 {font-size: 1.5rem; color:var(--aal-red); } /*24px */
h5, .h5 {font-size: 1.375rem; font-family: 'Roboto', sans-serif; font-weight:700;}  /*22px */

@media (max-width: 767px) {
  h1, .h1 {font-size: 2.5rem; }  /*40px */
  h2, .h2 {font-size: 2.1875rem; }  /*35px */
  h3, .h3 {font-size: 1.875rem; }  /*30px */
  h4, .h4 {font-size: 1.625rem;}
}

@media (max-width: 576px) {
  h1, .h1 {font-size: 2.375rem; } /*38px */
  h2, .h2 {font-size: 2.0625rem; } /*33px */
  h3, .h3 {font-size: 1.75rem; } /*28px */
  h4, .h4 {font-size: 1.5rem;}
}

.graduate {font-family: 'Graduate', serif; text-transform: uppercase;}

img, video {border: 0; max-width: 100%; height: auto;}
ul li {list-style-type: square;}
.clear {clear: both; float: none !important; margin: 0; padding: 0;}
.txt-trans-none {text-transform: none;}
.hand, a.hand {cursor: hand; cursor: pointer;}
.no-hand {cursor: default;}
.dnone {display: none; visibility: hidden;}
.uLine {text-decoration: underline}
.no-break {white-space: nowrap;}

.bkg-green {background: var(--army-green);}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.text-red {color: var(--aal-red);}
.text-black {color: var(--almost-black);}
.text-white {color: #ffffff;}
.text-yellow {color: var(--afc-yellow);}
.text-uppercase {text-transform: uppercase;}
.arrow-right:after {content: "\f061"; margin-left:0.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; }

/* Sroll to Top */
.scrollToTop {background: #a3a3a3; color: #ffffff !important; display: none; font-size: 22px; line-height: 35px; position: fixed; bottom: 90px; right: 20px; text-align: center; text-decoration: none; width: 35px; height: 35px; border-radius: 6px; z-index: 999; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.scrollToTop:hover, .scrollToTop:focus {background: #777777; color: #2f2f2f;}

  /* === SECTIONS === */
section, .main {position:relative;}
.section-main {padding: 60px 0;}
.section-main.sign-up {border:solid var(--aal-red); border-width:8px 0}


  /* === BUTTONS === */
button {-webkit-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}
.btn  {font-family: 'Graduate', serif; text-transform: uppercase; border:0; border-radius:0; padding: 0.375rem 1.5rem;}
.btn:active, .btn:hover, .btn.active {background-image: none; border: none; text-decoration:none;}

.btn-default {background: transparent; border:2px solid #ffffff; color:#ffffff !important;}
.btn-default:hover, .btn-default:focus, .btn-default:active {color: var(--afc-yellow) !important; border: 2px solid var(--afc-yellow);}
 
.btn-yellow {background: var(--afc-yellow); border:2px solid var(--afc-yellow); color:#000000 !important; font-family:'Roboto Mono'; font-weight: 700;}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {background-color: transparent; color: #ffffff !important; border: 2px solid #ffffff;}

.btn-lg {padding: 0.75rem 2rem;}
@media (max-width: 576px) { 
  .btn-lg {padding: .4rem .8rem; font-size: 1.1rem;}
  .section-main {padding: 40px 0;}
}

  /* === Hard Rules === */
hr {border-top-color: #eeeeee;}
hr.lg {margin: 60px 0;}
hr.sm {margin: 40px 0;}
hr.no-top-margin {margin-top: 0;}
hr.dark {border-top-color: #3f3f3f;}
hr.red {border-top-color: var(--aal-red);}
hr.thick {height: 2em;}

  /* === FORMS === */
label {display: inline-block; margin-bottom: 5px; color: #2f2f2f; font-weight: normal;}
.required {color: #E6E0C7;}
label.error {color: #a94442;}
.form-group {margin-bottom: 30px;}
.form-control {border-radius:3px;}
.form-control:focus {border-color: #cacaca; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(202, 202, 202, 0.6);}
select.form-control.is-invalid, .was-validated select.form-control:invalid,
select.form-control.is-valid, .was-validated select.form-control:valid {background-position: right calc(.375em + .8rem) center;}
.alert-success {color:#000000;}

.green-bar {background: var(--army-green); height:30px;}
.red-bar {background: var(--aal-red); height:30px; position:relative;}
.red-bar.stripes:after {content:""; position:absolute; background:url("../img/general/stripes-white.png"); width:300px; height:76px; right:40px; top:-20px;}

@media (max-width: 767px) {
  .red-bar {height:20px;}
  .red-bar.stripes:after {background:url("../img/general/stripes-white-sm.png"); width:200px; height:51px; top:-12px;}
}


/* ===== HERO BANNERS ===== */
.hero {position:relative;  overflow:hidden}
.hero-banner {color:#ffffff; position: relative; min-height:300px; text-align: left;}
.hero-content {color:#ffffff; min-height:300px;  z-index:2;}

@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: 992px) {.hero .hero-content {padding: 200px 0 50px 0;}}
@media (max-width: 767px) {.hero .hero-content {min-height:450px;} }

.section-topics {border-top:2px solid #7f867c; border-bottom:2px solid #7f867c;}
.topic-icons figcaption {font-weight: 700; text-transform: uppercase;}
.lg-logo {max-width: 450px;;}

/* ===== NEWS  ===== */
.bkg-grey, .card {background:var(--dark-grey); color:#ffffff;}
.news-card {border: 0; border-radius: unset;}
.news-card figure { max-height: fit-content; margin-bottom: 0; position:relative;}
.news-card figure img { width:100%; height: auto; }

.news-card .card-body {padding:1rem; font-size:1rem; position:relative; display:block; flex: 1 1 auto;} 
.news-card .card-body .title {text-transform:uppercase; font-size:1.5rem; line-height: 1.2; font-family: 'Bebas Neue'; }
.news-card .watch-now  {text-transform: uppercase; margin-right:1rem; font-weight: 500;}
.news-card .watch-now:after {content: "\f061"; margin-left:0.8rem; font-family: "Font Awesome 5 Free"; font-weight: 900; }


/* === MODALS === */
.modal {color: var(--almost-black);}
.modal .modal-title {}
@media (max-width: 767px) {.hero .btn-default {margin-bottom:20px;} }


/* ===== Past Events  ===== */

.event-card{ position: relative; display: flex; flex-direction: column; background: #FFFFFF;}
.event-card:hover {transition: all .15s ease; transform: translateY(-20px); cursor: hand; cursor: pointer;}
a.event-card  {color: #000000; }
.event-img { max-height: 200px; margin-bottom: 0;}


.event-card {border: 0; border-radius: unset; margin: 0 0.5rem;}
.event-card:hover {transition: all .15s ease; transform: translateY(-20px); cursor: hand; cursor: pointer;}
.event-card figure { max-height: fit-content; margin-bottom: 0; position:relative;}
.event-card figure img { width:100%; height: auto; }
.event-card figcaption,
.event-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;}

#pastEvents .carousel-control-prev,
#pastEvents .carousel-control-next {color:var(--afc-yellow); opacity:1; width:2rem;}
#pastEvents .carousel-control-prev:hover,
#pastEvents .carousel-control-next:hover {color: var(--aal-red);}
#pastEvents .fa-arrow-left, #pastEvents .fa-arrow-right {background: #000000; padding: 5px; border-radius: 50%;}

@media (min-width: 768px) {
    #pastEvents .carousel-item {margin-right: 0; flex: 0 0 33.333333%; display: block; }
    #pastEvents .carousel-inner {display: flex; }
}

@media (min-width: 992px) { #pastEvents.carousel-item {flex: 0 0 33.333333%; }}

.carousel-indicators li{ width: 10px !important; height: 10px !important; border-radius:50%;}
.carousel-indicators li.active {background-color: var(--aal-red);}
.carousel-indicators li{ background-color:brown; }
.carousel-item { transition: -webkit-transform 0.9s ease-in-out; transition: transform 0.9s ease-in-out; }