/*
 * ═══════════════════════════════════════════════════════
 * NURTURE FORWARD FOUNDATION — Brand Colors
 * Derived from NFF Logo:
 *   Green (#1D7A37)  — Leaves/Plant (Primary)
 *   Navy  (#1B3A5C)  — Book (Secondary / Dark)
 *   Gold  (#C5A055)  — Hands (Accent)
 * ═══════════════════════════════════════════════════════
 */

:root {
    /* ── Primary: NFF Green ── */
    --theme-color: #1D7A37;
    --theme-color-rgb: 29, 122, 55;
    --theme-color-light: #E8F5E9;

    /* ── Secondary: NFF Navy Blue ── */
    --theme-color2: #1B3A5C;
    --theme-color2-rgb: 27, 58, 92;
    --theme-color2-light: #E3EDF7;

    /* ── Accent: NFF Gold ── */
    --theme-color3: #C5A055;
    --theme-color3-rgb: 197, 160, 85;

    /* ── Darks ── */
    --title-color: #1A1A1A;
    --title-color-rgb: 26, 26, 26;
    --body-color: #4A5568;
    --body-color-rgb: 74, 85, 104;

    /* ── Smoke / Light backgrounds ── */
    --smoke-color: #F0F7F1;
    --smoke-color2: #EEF3F8;

    /* ── White ── */
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;

    /* ── Border ── */
    --border-color: #E2E8F0;

    /* ── Shadow ── */
    --shadow-color: rgba(29, 122, 55, 0.08);
}


/* ═══════════════════════════════════════════
   HEADER & NAVIGATION
═══════════════════════════════════════════ */

.th-header .menu-top {
    background: #ffffff;
}

.th-header .sticky-wrapper.sticky .menu-area {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(27, 58, 92, 0.1);
}

.th-header .main-menu > ul > li > a {
    color: #ffffff;
    font-weight: 600;
}

.th-header .main-menu > ul > li > a:hover,
.th-header .main-menu > ul > li.active > a,
.th-header .main-menu > ul > li:hover > a {
    color: #C5A055;
}

/* Top bar info cards */
.info-card .box-icon {
    color: var(--theme-color);
}

.info-card .box-icon i {
    color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════ */

/* Primary Button — Green */
.th-btn {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.th-btn:hover {
    background-color: #155D2A;
    border-color: #155D2A;
    color: #fff;
}

/* Style 2 — Navy outline */
.th-btn.style2 {
    background-color: transparent;
    color: var(--theme-color2);
    border-color: var(--theme-color2);
}

.th-btn.style2:hover {
    background-color: var(--theme-color2);
    color: #fff;
}

/* Style 3 — Gold */
.th-btn.style3 {
    background-color: var(--theme-color3);
    color: #fff;
    border-color: var(--theme-color3);
}

.th-btn.style3:hover {
    background-color: #A8873A;
    color: #fff;
}

/* Style 4 — White with green text */
.th-btn.style4 {
    background-color: #fff;
    color: var(--theme-color);
    border-color: #fff;
}

.th-btn.style4:hover {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

/* Style 5 — Gold outline (hero secondary) */
.th-btn.style5 {
    background-color: transparent;
    color: var(--theme-color3);
    border-color: var(--theme-color3);
}

.th-btn.style5:hover {
    background-color: var(--theme-color3);
    color: #fff;
}

/* Style 6 — Navy */
.th-btn.style6 {
    background-color: var(--theme-color2);
    color: #fff;
    border-color: var(--theme-color2);
}

.th-btn.style6:hover {
    background-color: #0F2A45;
    color: #fff;
}

/* Get Involved CTA button in nav */
.header-button .th-btn {
    background-color: var(--theme-color3);
    color: #fff;
    border-color: var(--theme-color3);
}

.header-button .th-btn:hover {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   HERO SLIDER
═══════════════════════════════════════════ */

.hero-inner [data-overlay="black4"]::before {
    background: linear-gradient(135deg, rgba(27, 58, 92, 0.85), rgba(29, 122, 55, 0.7));
}

.hero-style1 .sub-title {
    color: var(--theme-color3);
}


/* ═══════════════════════════════════════════
   SECTION TITLES & TEXT
═══════════════════════════════════════════ */

.sub-title {
    color: var(--theme-color);
}

.sub-title i {
    color: var(--theme-color3) !important;
}

.sec-title {
    color: var(--title-color);
}

.text-theme {
    color: var(--theme-color) !important;
}

.bg-theme {
    background-color: var(--theme-color) !important;
}

.bg-theme2 {
    background-color: var(--theme-color2) !important;
}

.bg-theme-dark {
    background-color: var(--theme-color2) !important;
}

/* CTA dark section — Navy blue */
.cta-area-2 {
    background-color: var(--theme-color2);
}

.cta-area-2 .sub-title.style2 {
    color: var(--theme-color3);
}


/* ═══════════════════════════════════════════
   SERVICE CARDS
═══════════════════════════════════════════ */

.service-card {
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
}

.service-card:hover {
    border-bottom-color: var(--theme-color);
}

.service-card .box-icon img {
    filter: hue-rotate(0deg);
}

.service-card .box-title a:hover {
    color: var(--theme-color);
}

.service-card .th-btn {
    background-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   DONATION / PROGRAM CARDS
═══════════════════════════════════════════ */

.donation-card-tag {
    background-color: var(--theme-color);
    color: #fff;
}

.donation-card .box-title a:hover {
    color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   FEATURE CARDS
═══════════════════════════════════════════ */

.feature-card {
    border-top: 3px solid var(--theme-color);
}

.feature-card .box-title {
    color: var(--theme-color2);
}

.feature-card:hover {
    box-shadow: 0 10px 30px rgba(29, 122, 55, 0.12);
}


/* ═══════════════════════════════════════════
   CTA CARDS
═══════════════════════════════════════════ */

.cta-card {
    background-color: var(--theme-color);
}

.cta-card.style2 {
    background-color: var(--theme-color2);
}


/* ═══════════════════════════════════════════
   PROCESS CARDS
═══════════════════════════════════════════ */

.process-card .box-icon {
    background-color: var(--theme-color-light);
}

.process-card:hover .box-icon {
    background-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   BLOG / NEWS CARDS
═══════════════════════════════════════════ */

.blog-card .box-title a:hover {
    color: var(--theme-color);
}

.blog-meta a i {
    color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   TESTIMONIAL CARDS
═══════════════════════════════════════════ */

.testi-card {
    border-bottom: 3px solid var(--theme-color3);
}

.testi-card .testi-card-desig {
    color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   CHECKLISTS
═══════════════════════════════════════════ */

.checklist ul li::before,
.checklist.style2 ul li::before {
    color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════════ */

.breadcumb-wrapper {
    background-color: var(--theme-color2);
}

.breadcumb-wrapper[data-overlay="theme"]::before {
    background: linear-gradient(135deg, rgba(27, 58, 92, 0.92), rgba(29, 122, 55, 0.85));
}

.breadcumb-menu li a:hover {
    color: var(--theme-color3);
}


/* ═══════════════════════════════════════════
   FILTER MENU (Isotope)
═══════════════════════════════════════════ */

.filter-menu-active button {
    color: var(--body-color);
    border: 1px solid var(--border-color);
}

.filter-menu-active button:hover,
.filter-menu-active button.active {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   BADGES
═══════════════════════════════════════════ */

.badge.bg-primary {
    background-color: var(--theme-color2) !important;
}

.badge.bg-success {
    background-color: var(--theme-color) !important;
}

.badge.bg-info {
    background-color: #1B3A5C !important;
}

.badge.bg-warning {
    background-color: var(--theme-color3) !important;
    color: #fff !important;
}


/* ═══════════════════════════════════════════
   SOCIAL LINKS
═══════════════════════════════════════════ */

.th-social a {
    color: var(--theme-color2);
    border-color: var(--theme-color2);
}

.th-social a:hover {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
}

.th-social.style2 a {
    background-color: rgba(29, 122, 55, 0.1);
    color: var(--theme-color);
}

.th-social.style2 a:hover {
    background-color: var(--theme-color);
    color: #fff;
}


/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */

.footer-wrapper.footer-default {
    background-color: #0F2A45;
}

.footer-wrapper .widget_title {
    color: #fff;
}

.footer-wrapper .widget_title::before {
    background-color: var(--theme-color3);
}

.footer-wrapper .footer-text {
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrapper a {
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrapper a:hover {
    color: var(--theme-color3);
}

.footer-wrapper .info-card .box-icon i {
    color: var(--theme-color3);
}

.footer-wrapper .subscribe-form .th-btn {
    background-color: var(--theme-color3);
}

.footer-wrapper .subscribe-form .th-btn:hover {
    background-color: var(--theme-color);
}

.copyright-wrap {
    background-color: #0A1F34;
    border-top: 1px solid rgba(197, 160, 85, 0.2);
}

.copyright-text a {
    color: var(--theme-color3) !important;
}

.copyright-text a:hover {
    color: var(--theme-color) !important;
}


/* ═══════════════════════════════════════════
   PRELOADER
═══════════════════════════════════════════ */

.preloader {
    background: var(--theme-color2);
}

.loader {
    color: var(--theme-color3);
}

.loading-text {
    color: var(--theme-color);
}

.preloaderCls {
    background-color: var(--theme-color3);
}

.preloaderCls:hover {
    background-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   FORMS
═══════════════════════════════════════════ */

.form-control:focus,
.form-select:focus {
    border-color: var(--theme-color);
    box-shadow: 0 0 0 0.2rem rgba(29, 122, 55, 0.15);
}

.contact-form.style-border .form-group input:focus,
.contact-form.style-border .form-group textarea:focus {
    border-color: var(--theme-color);
}


/* ═══════════════════════════════════════════
   LINKS & MISC
═══════════════════════════════════════════ */

a {
    color: var(--theme-color);
}

a:hover {
    color: #155D2A;
}

.link-btn {
    color: var(--theme-color);
}

.link-btn:hover {
    color: var(--theme-color2);
}

.link-btn.style2 {
    color: var(--theme-color3);
}

/* Selection highlight */
::selection {
    background-color: var(--theme-color);
    color: #fff;
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: var(--theme-color);
}

/* Mobile menu */
.th-menu-wrapper .th-menu-area {
    background-color: white;
}

.th-mobile-menu ul li a:hover {
    color: var(--theme-color3);
}

/* About section accent */
blockquote {
    border-left-color: var(--theme-color3) !important;
}

/* Team cards */
.team-card-content .box-title {
    color: var(--theme-color2);
}

.team-desig {
    color: var(--theme-color);
}

/* Alert success */
.alert-success {
    background-color: var(--theme-color-light);
    border-color: var(--theme-color);
    color: var(--theme-color);
}

/* Smoke background override */
.bg-smoke {
    background-color: var(--smoke-color) !important;
}

/* Gold accent utility */
.text-gold {
    color: var(--theme-color3) !important;
}

.bg-gold {
    background-color: var(--theme-color3) !important;
}