﻿/**
 * SLBC Homepage — Green #007A3D | Dark Gray #3D3D3D
 * Each section uses ONE color only.
 */

/* Ensure homepage sections are visible even before scroll animations run */
.page-home .fade-in {
    opacity: 1 !important;
    transform: none !important;
}

/* Header — green */
.page-home .navbar-dark .logo-title,
.page-home .navbar-dark .logo-sub {
    color: #007A3D !important;
}
.page-home .navbar-dark .logo-sub {
    color: #3D3D3D !important;
}
.page-home .navbar-dark .logo-img {
    mix-blend-mode: normal !important;
}

/* Hero — clean media (no green tint when slide has no caption text) */
.page-home .hero-video-hero,
.page-home .hero-slider.cafsy-hero.hero-slider-clean {
    background: #000000;
}
.page-home .hero-slider-clean .slide:not(.slide-has-caption) .slide-overlay {
    display: none !important;
}
.page-home .hero-slider-clean .slide-has-caption .slide-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.55) 100%) !important;
}
.page-home .hero-slider.cafsy-hero.hero-overlay:not(.hero-slider-clean) {
    background: #007A3D;
}
.page-home .hero-overlay:not(.hero-slider-clean) .slide-overlay {
    background: linear-gradient(180deg, rgba(0, 122, 61, 0.45) 0%, rgba(0, 122, 61, 0.75) 100%);
}
.page-home .hero-cta {
    background: #007A3D !important;
    border-color: #007A3D !important;
    color: #FFFFFF !important;
}
.page-home .hero-cta:hover {
    background: #005c2e !important;
    border-color: #005c2e !important;
}
.page-home .slider-dot.active {
    background: #007A3D !important;
}

/* About — green */
.page-home .about-intro-president-label,
.page-home .about-intro-president-word-only .about-intro-president-label,
.page-home .about-prose .kw-highlight {
    color: #007A3D !important;
}
.page-home .about-read-more {
    background: #007A3D !important;
    border-color: #007A3D !important;
}
.page-home .about-read-more:hover {
    background: #005c2e !important;
    border-color: #005c2e !important;
}

/* Homepage about intro (logo + short description) */
.page-home .about-intro-about {
    background: #FFFFFF !important;
}

/* Board preview — green */
.page-home .board-home-preview .section-header h2,
.page-home .board-home-preview .board-member-name {
    color: #007A3D !important;
}
.page-home .board-home-preview .board-member-role {
    color: #005c2e !important;
}
.page-home .board-home-preview .board-member-card {
    border-top: 3px solid #007A3D;
}
.page-home .board-home-preview .btn-primary {
    background: #007A3D !important;
    border-color: #007A3D !important;
}

/* News — white cards (dark gray accents on date/category) */
.page-home .news-section-gray {
    background: #F8F9FA !important;
}
.page-home .news-section-gray .section-header h2 {
    color: #007A3D !important;
}
.page-home .news-section-gray .news-card {
    background: #FFFFFF !important;
    border: 1px solid #dde2e8;
}
.page-home .news-section-gray .news-card-date,
.page-home .news-section-gray .news-card-date i {
    color: #3D3D3D !important;
}
.page-home .news-section-gray .news-category {
    background: rgba(61, 61, 61, 0.08) !important;
    color: #3D3D3D !important;
    border: 1px solid rgba(61, 61, 61, 0.35);
}
.page-home .news-section-gray .news-card-body h3 {
    color: #007A3D !important;
}
.page-home .news-section-gray .news-excerpt {
    color: #222222;
}
.page-home .news-section-gray .read-more-link {
    color: #007A3D !important;
}
.page-home .news-section-gray .btn-primary {
    background: #007A3D !important;
    border-color: #007A3D !important;
}
.page-home .news-section-gray .btn-primary:hover {
    background: #005c2e !important;
    border-color: #005c2e !important;
}

/* Invest — green section */
.page-home .invest-section .section-header h2 {
    color: #007A3D !important;
}

/* Partners slider — green */
.page-home .logo-slider-partners .logo-slider-header h2 {
    color: #007A3D !important;
}
.page-home .logo-slider-partners .logo-slider-accent {
    background: #007A3D !important;
}

/* Committees slider — dark gray */
.page-home .logo-slider-targets .logo-slider-header h2 {
    color: #3D3D3D !important;
}
.page-home .logo-slider-targets .logo-slider-accent {
    background: #3D3D3D !important;
}

/* Home contact */
.page-home .home-contact-section .section-header h2 {
    color: #007A3D !important;
}
.page-home .home-contact-info h3,
.page-home .home-contact-form-card h3 {
    color: #007A3D !important;
}
.page-home .home-contact-section .contact-item h4 {
    color: #007A3D !important;
}
.page-home .home-contact-section .contact-item a {
    color: #005c2e !important;
}
.page-home .home-contact-section .contact-icon {
    background: rgba(0, 122, 61, 0.1) !important;
    color: #007A3D !important;
}
.page-home .home-contact-more {
    background: #007A3D !important;
    border-color: #007A3D !important;
}
.page-home .home-contact-more:hover {
    background: #005c2e !important;
    border-color: #005c2e !important;
}

/* Join CTA — green */
.page-home .join-cta-section {
    background: #eceeed !important;
}
.page-home .join-cta-card {
    background: #007A3D !important;
}
.page-home .join-cta-icon {
    background: #f7f9f8 !important;
    color: #3D3D3D !important;
    border-color: rgba(61, 61, 61, 0.15) !important;
}
.page-home .join-cta-icon i {
    color: #3D3D3D !important;
}
.page-home .about-block-card-icon {
    background: #f7f9f8 !important;
    color: #3D3D3D !important;
    border: 1px solid rgba(61, 61, 61, 0.12) !important;
}
.page-home .about-block-card-icon i,
.page-home .invest-card-icon i {
    color: #3D3D3D !important;
}
.page-home .btn-cta-main {
    background: #FFFFFF !important;
    color: #007A3D !important;
    border-color: #FFFFFF !important;
}
.page-home .btn-cta-main:hover {
    background: #005c2e !important;
    color: #FFFFFF !important;
}
.page-home .btn-cta-outline:hover {
    background: #005c2e !important;
    border-color: #FFFFFF !important;
}

/* Footer — green */
.page-home .footer-brand-name,
.page-home .footer h4 {
    color: #007A3D !important;
}
