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

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

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

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

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

#hero-resource-carousel .carousel-indicators{ bottom: 35px;}

.filter-btns .btn {border-radius:0; text-transform: none; margin:5px 5px 0 5px; white-space: nowrap;}
.filter-btns .btn.active  {border:2px solid var(--aal-red); color:var(--aal-red) !important;}

.resource-card .overlay {position: absolute; top: 7px; left: 7px; overflow: hidden; right: 7px; bottom: 7px; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s;}
.resource-card .dlink,
.resource-card .zoom {display: block; position: absolute; top: 0; bottom: 0; width: 50%; color: var(--aal-red); background: rgba(255, 255, 255, 0.9); text-decoration: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.3s; transition: 0.3s; font-size: 30px; text-align: center; z-index: 2;}
.resource-card .dlink:hover,
.resource-card .zoom:hover {background: var(--aal-red); color: #fff;}
.resource-card .dlink .fa,
.resource-card .zoom .fa {position: absolute; left: 50%; top: 50%; margin: -19px 0 0 -19px;}
.resource-card .dlink {left: 0; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0);}
.resource-card .zoom {right: 0; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0);}
.resource-card .zoom .fa-file-text-o {margin-left: -13px;}
.resource-card .popup-video.zoom {width: 100%}

.resource-img {position: relative; overflow: hidden; margin: 0; object-fit: contain; }
.resource-img > img {margin-bottom: 0; width: 100%; height: auto; background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.05); filter: grayscale(100%) contrast(115%) sepia(40%);}
.resource-img:hover .overlay {opacity: 1; filter: alpha(opacity=100);}
.resource-img:hover .dlink,
.resource-img:hover .zoom {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}

.resource-content {border:3px solid #D9D9D9; border-width:0 3px; padding:1rem; min-height:180px;}
.resource-content .title {font-weight: 700; color:#000000; line-height:1;}
.resource-content .title:hover {color:var(--aal-red );}
.resource-content .desc {font-size:1rem; margin-top: 0.5rem;}

@media (max-width: 768px) {
  .resource-content .title {font-size: 1.6rem;}
  .resource-content .desc {display: none;}
}

.resource-icon {border:3px solid #D9D9D9; border-width:0 3px 3px 3px; padding:0 1rem 1rem 1rem;}

.search-resources input[type='text'] {background:transparent;}
.search-resources .form-control {width:auto; display: inline; padding:0; font-size:1rem; border-bottom:1px solid #ffffff; color:#ffffff; box-shadow:none;}
.search-resources .form-control::placeholder {font-size:0.9rem; color:rgba(255, 255, 255, 0.5);}
.search-resources .btn-submit {background: none; border:0; color:#ffffff; margin:0;}
.search-resources .btn-submit:hover {color: var(--aal-red) !important;}

.focus-areas {font-size: 1rem; text-transform: capitalize; font-family: 'Roboto Mono';}
.focus-areas div {margin:0.5rem 0;}
.focus-areas .btn-submit {background: none; border:0; color:var(--aal-red); margin:0; vertical-align: middle;}
.focus-areas .btn-submit:hover {color:rgba(255, 255, 255, 0.5) !important;}

/* === ACCORDION === */
#focusAreas .accordion-item {border:0; background:transparent;}
#focusAreas .accordion-button {background:none; box-shadow: none; color:#ffffff; padding:0;}
#focusAreas .accordion-button:after {content: "\f055"; transform: none; padding:4px 10px; width:auto; height:auto; font-family: "Font Awesome 5 Free"; font-weight: 900; background-image: none; font-size:2rem;}
#focusAreas .accordion-button:hover:after {color:var(--aal-red);}
#focusAreas .accordion-button:not(.collapsed) {color:var(--aal-red); }
#focusAreas .accordion-button:not(.collapsed)::after {content: "\f056"; }
#focusAreas .accordion-body {color:#ffffff;}


.add-links a {display:block; text-transform: uppercase; margin:.8rem 0; font-size:1.125rem; color:#ffffff; font-weight: 500; font-family: 'Roboto Mono';}
.add-links a:hover {color:var(--aal-red);}

.resource-filters {text-transform: capitalize; font-family: 'Roboto Mono';}
.resource-filters select {font-size: 1rem; }
.resource-filters .btn-submit {background: none; border:0; color:var(--aal-red); margin:0; vertical-align: middle;}
.resource-filters .btn-submit:hover {color:rgba(0, 0, 0, 0.7) !important;}