:root {
  --army-green: #5f7a50; 
  --afc-yellow: #ffd530; 
  --aal-red: #E61E26;
  --dark-grey: #333333;
  --light-grey: #B8B8B8;
}

/* ===== HOME PAGE ONLY  ===== */
#heroCarousel .carousel-indicators [data-bs-target]
  {
    margin-right: 8px;
    margin-left: 10px;
  }

@media (max-width: 768px){#heroCarousel .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
  }
}

@media (max-width: 768px){#heroCarousel .carousel-indicators [data-bs-target]
  {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
    border-radius: 20px;
    padding: 0;
    margin-right: 28px;
    margin-left: 40px;
    margin-bottom: 20px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #333;
    opacity: .5;
    transition: opacity .6s ease;
  }
}

@media (max-width: 768px){.carousel-indicators .active {
    opacity: 1;
    background-color: #E61E26 !important;
  }
}

@media (max-width: 768px){#heroCarousel .carousel-indicators [data-bs-target]
  {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
    border-radius: 20px;
    padding: 0;
    margin-right: 28px;
    margin-left: 4px;
    margin-bottom: 20px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #333;
    opacity: .5;
    transition: opacity .6s ease;
  }
}


.owl-home-hero {background-color:#000000;}

.hero {background-image: url('../img/home/hero-home-sm.webp'); background-position: center center;}
.hero h1 span {color:var(--aal-red);}

.hero.hero-no-background {background-color:#000000; background-image: none; color: #ffffff;}

@media (max-width: 767.9px) {.hero {height:80vh; } }

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

.hero.focus {background-image: url('../img/home/hero-home-face-sm.webp'); background-position: 50% 0;}
@media (min-width: 768px) {.hero.focus {background-image: url('../img/home/hero-home-face-md.webp'); }}
@media (min-width: 1200px) {.hero.focus {background-image: url('../img/home/hero-home-face.webp'); }}

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

.hero.vertex: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%); }
.vertex-content {z-index:2;}

@media (min-width: 768px) {.hero.vertex {background-image: url('../img/home/campaigns/hero-vertex-aa-md.jpg'); background-position: 52% 0%;}}
@media (min-width: 1200px) {.hero.vertex {background-image: url('../img/home/campaigns/hero-vertex-aa.jpg'); background-position: 50% 20%; }}
@media (min-width: 1900px) {.hero.vertex {background-image: url('../img/home/campaigns/hero-vertex-aa-xl.jpg'); }}
*/
/*.hero.fouridx {background-image: url('../img/campaigns/4idx/hero-4id-sm.png');}
@media (min-width: 768px) {.hero.fouridx {background-image: url('../img/campaigns/4idx/hero-4id-md.png');}}
@media (min-width: 1200px) {.hero.fouridx {background-image: url('../img/campaigns/4idx/hero-4id.png'); background-position: 100% 0; background-repeat: no-repeat; background-size: auto 100%; }}

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

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

.hero.testrange {background-image: url('../img/campaigns/testrange/hero-testrange-sm.jpg');}
@media (min-width: 768px) {.hero.testrange {background-image: url('../img/campaigns/testrange/hero-testrange-md.jpg');}}
@media (min-width: 1200px) {.hero.testrange {background-image: url('../img/campaigns/testrange/hero-testrange.jpg'); }}
*/
.hero.performance-report {background-image: url('../img/home/campaigns/hero-performance-report-sm.webp?v=1'); background-position: 100% 100%;}
@media (min-width: 768px) {.hero.performance-report {background-image: url('../img/home/campaigns/hero-performance-report-md.webp?v=1');}}
@media (min-width: 1200px) {.hero.performance-report {background-image: url('../img/home/campaigns/hero-performance-report.webp?v=1');}}

.hero.performance-report-2025 {background-image: url('../img/home/campaigns/hero-performance-report-2025-new-sm.webp'); background-position: 100% 100%;}
@media (min-width: 768px) {.hero.performance-report-2025 {background-image: url('../img/home/campaigns/hero-performance-report-2025-new-md.webp');}}
@media (min-width: 1200px) {.hero.performance-report-2025 {background-image: url('../img/home/campaigns/hero-performance-report-new-2025.webp');}}

/*.hero.ewp {background-image: url('../img/home/campaigns/hero-electronic-warfare-payloads-sm.jpg'); background-position: 50% 0%;}
@media (min-width: 768px) {.hero.ewp {background-image: url('../img/home/campaigns/hero-electronic-warfare-payloads-md.jpg');}}
@media (min-width: 1200px) {.hero.ewp {background-image: url('../img/home/campaigns/hero-electronic-warfare-payloads.jpg');}}

.hero.hero-topic {background-image: url('../img/home/campaigns/hero-topic-hero-sm.jpg'); background-position: 50% 0%;}
@media (min-width: 768px) {.hero.hero-topic {background-image: url('../img/home/campaigns/hero-topic-hero-md.jpg');}}
@media (min-width: 1200px) {.hero.hero-topic {background-image: url('../img/home/campaigns/hero-topic-hero.jpg');}}

.hero.quantum-hardening {background-image: url('../img/campaigns/quantum-hardening/hero-quantum-hardening-sm.jpg'); background-position: 50% 0%;}
@media (min-width: 768px) {.hero.quantum-hardening {background-image: url('../img/campaigns/quantum-hardening/hero-quantum-hardening-md.jpg');}}
@media (min-width: 1200px) {.hero.quantum-hardening {background-image: url('../img/campaigns/quantum-hardening/hero-quantum-hardening.jpg');}}
*/
.hero.podcast {background-image: url('../img/home/campaigns/hero-podcast-sm.webp'); background-position: 25% 0%;}
@media (min-width: 768px) {.hero.podcast {background-image: url('../img/home/campaigns/hero-podcast-md.webp');}}
@media (min-width: 1200px) {.hero.podcast {background-image: url('../img/home/campaigns/hero-podcast.webp');}}
.hero.podcast p {margin-top: -1.3rem;}

.hero.article-wor-march-2025 {background-image: url('../img/home/campaigns/hero-article-wor-march-no-red-2025-sm.webp'); background-position: 25% 0%;}
@media (min-width: 768px) {.hero.article-wor-march-2025 {background-image: url('../img/home/campaigns/hero-article-wor-march-no-red-2025-md.webp'); background-position: 45% 0%;}}
@media (min-width: 1200px) {.hero.article-wor-march-2025 {background-image: url('../img/home/campaigns/hero-article-wor-march-no-red-2025.webp');}}
.hero.article-wor-march-2025 p {margin-top: -1.3rem;}

.hero.podcast-drone-ultimatum-march-2025 {background-image: url('../img/home/campaigns/hero-podcast-drone-ultimatum-march-2025-new-crop-sm.webp'); background-position: 20% 0%;}
@media (min-width: 768px) {.hero.podcast-drone-ultimatum-march-2025 {background-image: url('../img/home/campaigns/hero-podcast-drone-ultimatum-march-2025-new-md.webp'); background-position: 65% 20%;}}
@media (min-width: 1200px) {.hero.podcast-drone-ultimatum-march-2025 {background-image: url('../img/home/campaigns/hero-podcast-drone-ultimatum-march-2025-new.webp'); background-position: 15% 50%;}}
.hero.podcast-drone-ultimatum-march-2025 p {margin-top: -1.3rem;}

/*.hero.bridging {background-image: url('../img/campaigns/bridging/hero-bridging-sm.jpg'); background-position: 50% 0%;}
@media (min-width: 768px) {.hero.bridging {background-image: url('../img/campaigns/bridging/hero-bridging-md.jpg');}}
@media (min-width: 1200px) {.hero.bridging {background-image: url('../img/campaigns/bridging/hero-bridging.jpg');}}

.hero.ball {background-image: url('../img/campaigns/ball/hero-ball-sm.png');}
@media (min-width: 768px) {.hero.ball {background-image: url('../img/campaigns/ball/hero-ball-md.png');}}
@media (min-width: 1200px) {.hero.ball {background-image: url('../img/campaigns/ball/hero-ball.png'); }}

.hero.lapds {background-image: url('../img/campaigns/lapds/hero-lapds-sm-new.png');}
@media (min-width: 768px) {.hero.lapds {background-image: url('../img/campaigns/lapds/hero-lapds-md-new.png');}}
@media (min-width: 1200px) {.hero.lapds {background-image: url('../img/campaigns/lapds/hero-lapds-new.png'); }}

.hero.a2v2 {background-image: url('../img/campaigns/a2v2/hero-a2v2-sm.jpg');}
@media (min-width: 768px) {.hero.a2v2 {background-image: url('../img/campaigns/a2v2/hero-a2v2-md.jpg');}}
@media (min-width: 1200px) {.hero.a2v2 {background-image: url('../img/campaigns/a2v2/hero-a2v2.jpg'); }}
*/
@media (max-width: 767px) {.aal-scribble img {max-height:300px; }}  

.active-projects {background:#222419; color:#ffffff; font-weight:300; font-size:1rem; background-image: url('../img/home/active-projects/bridging-section.webp'); background-position: 100% 0; background-repeat: no-repeat;  -webkit-background-size: cover; background-size: cover;}
.focus-area.abk {background-image: url('../img/home/active-projects/bridging-section.webp');}
.active-projects.care {background-image: url('../img/home/active-projects/fc3tm-section.webp');}
/*.active-projects.care p {background: rgba(94,91,80, 0.7); box-shadow: 0px 0px 15px 15px #49473E; padding-left: 0.25rem; padding-bottom: 0.25rem;}*/
.active-projects.quantum {background-image: url('../img/home/active-projects/quantum-hardening-section.webp');}
.active-projects.ewp {background-image: url('../img/home/active-projects/modular-electromagnetic-warfare-payload-section.webp');}
/*.active-projects.ewp p {background: rgba(102,81,12,0.9); box-shadow: 0px 0px 15px 15px #66510C; padding-left: 0.25rem; padding-bottom: 0.25rem;}*/

.active-projects .focus-left {backdrop-filter: blur(20px); padding:1.75rem 2rem 1.75rem 2rem;}
.active-projects h3.collapsed {color:rgba(255,255,255,0.5);}
.active-projects .accordion-body {padding:0; margin-right: 1.5rem; padding-bottom: 2rem; margin-left: 2rem;}
.active-projects h3 {margin: 2rem;}

@media (min-width: 768px) {
  .active-projects .focus-left {backdrop-filter: blur(20px); padding:3.75rem 2rem 3.75rem 4rem;}
  .active-projects {background-image: url('../img/home/active-projects/bridging-section.webp');}
  .active-projects.abk {background-image: url('../img/home/active-projects/bridging-section.webp');}
  .active-projects.care {background-image: url('../img/campaigns/fc3tm/hero-fc3tm.webp');}
  .active-projects.quantum {background-image: url('../img/home/active-projects/quantum-hardening-section.webp');}
  .active-projects.ewp {background-image: url('../img/home/active-projects/modular-electromagnetic-warfare-payload-section.webp');}

}
@media (min-width: 1200px) {
  .active-projects .focus-left {backdrop-filter: blur(20px); padding:3.75rem 2rem 3.75rem 4rem;}
  .active-projects {background-image: url('../img/home/active-projects/bridging-section.webp'); }
  .active-projects.abk {background-image: url('../img/home/active-projects/bridging-section.webp');}
  .active-projects.care {background-image: url('../img/home/active-projects/fc3tm-section.webp');}
  .active-projects.quantum {background-image: url('../img/home/active-projects/quantum-hardening-section.webp');}
  .active-projects.ewp {background-image: url('../img/home/active-projects/modular-electromagnetic-warfare-payload-section.webp');}
}

/* ===== TESTIMONIAL CAROUSEL  ===== */
.testament {font-size:2.5rem; font-family: 'Bebas Neue'; line-height: 1.3; text-align: center;}
.testament.smaller {font-size:2.0rem;}
.name {font-size:1.125rem; font-family: 'Roboto Mono'; margin-top: 2rem; text-align: center;}
.name span {display:block; color: var(--aal-red); font-weight:700; font-size:1.875rem; text-align: center;}

#testimonials:before {display: inline-block; width:21rem; height:21rem; left: calc(5% - 75px); top: calc(-4% - 75px); position: absolute; content: "";
  background: url("../img/home/quotes.png") no-repeat 50% 50%; background-size: 100%;}

#testimonials {display: flex;}
#testimonials .carousel-inner {height: 35vh;}
#testimonials p {padding-left: 1rem; padding-right: 1rem;}

@media (max-width: 1200px) {#testimonials .testament {font-size:2.2rem;} }
@media (max-width: 768px) {
  #testimonials .carousel-indicators .active {opacity: 1; background-color:var(--aal-red);}
  #testimonials:before {display: none;}
  #testimonials .testament {font-size:1.9rem; padding-top: 2rem;}
  #testimonials .testament.smaller {font-size:1.5rem !important; padding-top: 0.5rem;}
  #testimonials .name span {font-size:1.5rem;}
  #testimonials:before {width: 15rem; height: 15rem; left: -2rem;}
  #testimonials .carousel-inner {height: 80vh;}
  #testimonials .carousel-control-next, #testimonials .carousel-control-prev {display:none;}
  #testimonials .carousel-indicators [data-bs-target] {margin-right: 28px; margin-left: 4px;}
}
@media (max-width: 576px) {
  .testament {font-size:2.3rem !important;}
  .testament.smaller {font-size:1.32rem !important;}
  .name span {font-size:1.2rem;}
  #testimonials:before {display: none;}
  #testimonials .carousel-inner {height: 72vh;}
}
@media (max-width: 400px) { #testimonials .carousel-inner {height: 75vh !important;}}

#testimonials .carousel-indicators{ bottom: -45px;}
#testimonials .carousel-control-next, .carousel-control-prev {width:auto}
#testimonials .carousel-indicators{ bottom: -45px;}

#testimonials .carousel-indicators [data-bs-target]
  {
    margin-right: 8px;
    margin-left: 10px;
  }

@media (max-width: 768px){#testimonials .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 13px;
    height: 13px;
    border-radius: 20px;
    padding: 0;
    margin-right: 10px;
    margin-left: 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #333;
    opacity: .5;
    transition: opacity .6s ease;
}}


@media (max-width: 768px){#testimonials .carousel-indicators button {
   padding-left: 30px;
}}

.quote-home {background: url("../img/home/quotes.png") no-repeat 5.5% 50%; background-size: 12%;}

/* ===== NEWS  ===== */
.news-card {border: 0; border-radius: unset; margin: 0 0.5rem;}
.news-card:hover {transition: all .15s ease; transform: translateY(-20px); 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:230px; background:#ffffff; color:#000000; 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'; }

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

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

@media (min-width: 992px) { #homeNews .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; }


