﻿/* AHGCC palette: GOLD leads, GREEN supports (logo green #00A848), INDIGO (logo #0e5a66) only as tiny accents */
:root{
  --c-gold:#f4b43c;
  --c-gold-deep:#d9930a;
  --c-gold-soft:#fff6df;
  --c-green:#00a848;
  --c-green-deep:#0b5d33;
  --c-indigo:#0e5a66;
  --c-primary:#c98a08;
  --c-accent:#00a848;
  --c-dark:#10301f;
  --c-ink:#27301f;
  --c-soft:#fff8e8;
  --c-grad:linear-gradient(135deg,#0b5d33 0%,#00a848 60%,#f4b43c 135%);
  --c-gold-grad:linear-gradient(135deg,#ffd873 0%,#f4b43c 45%,#e29a0f 100%);
  --sidebar-width:320px;
  --sh:0 12px 34px rgba(160,105,0,.16);
}
body{background:linear-gradient(180deg,#fff 0%,#fffdf6 100%)}
a{transition:color .2s}
::selection{background:var(--c-gold);color:#2b1b00}

/* top strip + header */
#scrollProgress{height:4px;background:linear-gradient(90deg,#f4b43c 0%,#00a848 75%,#0e5a66 100%)}
.topbar{background:linear-gradient(90deg,#0b2f1f,#0b5d33 70%,#0b2f1f);border-bottom:2px solid var(--c-gold)}
.topbar a:hover{color:var(--c-gold)}
.site-nav{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#f4b43c 0%,#f4b43c 55%,#00a848 90%,#0e5a66 100%) 1;box-shadow:0 6px 22px rgba(160,105,0,.12)}
.brand img{border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(244,180,60,.28)}
.brand b{color:var(--c-dark)}
.nav-links>li>a:hover,.nav-links>li>a.active{color:#8a5a00}
.nav-links>li:not(.nav-icon):not(.nav-cta)>a::after{background:linear-gradient(90deg,#f4b43c,#00a848)}
.nav-icon a:hover{background:var(--c-gold-soft)!important}
.dd{border-top:3px solid var(--c-gold)}
.dd a:hover{background:linear-gradient(90deg,#fff1cc,#e9f9ef);color:#7a4f00}

/* buttons */
.btn-site{position:relative;overflow:hidden}
.btn-site::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s;pointer-events:none}
.btn-site:hover::after{left:140%}
.btn-gold{background:var(--c-gold-grad);color:#2b1b00!important;box-shadow:0 8px 22px rgba(226,154,15,.45)}
.btn-gold:hover{box-shadow:0 12px 28px rgba(226,154,15,.6)}
.btn-primary-site{background:linear-gradient(135deg,#0b5d33,#00a848);color:#fff!important;box-shadow:0 8px 22px rgba(0,168,72,.35)}
.btn-white-site{color:#8a5a00!important}
.btn-outline-dark-site{border-color:var(--c-green);color:var(--c-green-deep)!important}
.btn-outline-dark-site:hover{background:var(--c-green);color:#fff!important}
.btn-outline-site:hover{color:#8a5a00!important}

/* hero + page headers */
.hero{background:var(--c-dark)}
.hero::before{background:linear-gradient(105deg,rgba(11,47,31,.9) 0%,rgba(11,93,51,.55) 55%,rgba(244,180,60,.3) 100%)}
.hero-eyebrow{background:rgba(244,180,60,.22);border-color:var(--c-gold);color:#ffe3a1;backdrop-filter:blur(4px)}
.hero h1{animation:livelyRise .9s ease both}
.hero p.lead,.hero .btn-site{animation:livelyRise 1.1s .15s ease both}
.hero-dots button.active{background:var(--c-gold)}
.page-head::before{background:linear-gradient(120deg,rgba(11,47,31,.93),rgba(11,93,51,.72) 60%,rgba(244,180,60,.4))}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 60%,#00a848 92%,#0e5a66 100%)}
@keyframes livelyRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* sections, cards */
.section-dark{background:linear-gradient(160deg,#0b2f1f,#0b5d33)}
.stats,.cta{background:linear-gradient(135deg,#0b5d33 0%,#00a848 58%,#f4b43c 140%)}
.q-card{border-top-color:var(--c-gold)}
.q-ic,.contact-ic{background:var(--c-gold-grad);color:#3a2600;box-shadow:0 8px 18px rgba(226,154,15,.4)}
.tag{background:var(--c-gold-soft);color:#8a5a00}
.date-badge b{color:var(--c-indigo)}
.card-s:hover,.prog-card:hover{box-shadow:0 20px 44px rgba(160,105,0,.22)}
.card-s,.prog-card,.q-card{transition:transform .3s,box-shadow .3s}
.act-section{background:linear-gradient(180deg,#fff8e8,#fdf1d4)}
.act-date{background:linear-gradient(135deg,#e29a0f,#f4b43c);color:#2b1b00}
.act-list .act-item{border-left:4px solid var(--c-gold)}
.act-list .act-item:hover{border-left-color:var(--c-green)}
.year-theme-title{border-bottom-color:var(--c-gold)}
.year-theme-ref{color:var(--c-green-deep)}
.filter-btn.active,.filter-btn:hover{background:var(--c-gold);color:#2b1b00}
.accordion-button:not(.collapsed){background:var(--c-gold-soft);color:#7a4f00}
.pagination .active .page-link{background:var(--c-gold);border-color:var(--c-gold);color:#2b1b00}
.pagination .page-link{color:#8a5a00}
.form-card .form-control:focus,.form-card .form-select:focus{border-color:var(--c-gold);box-shadow:0 0 0 4px rgba(244,180,60,.25)}
.give-box{border-top-color:var(--c-gold)}
.give-bank{background:linear-gradient(135deg,#0b5d33,#00a848)}
.campaign{border-color:var(--c-gold)}
.campaign-main,.pay-badge{background:var(--c-green-deep)}
.campaign-title{color:var(--c-green-deep)}
.countdown-bar{background:linear-gradient(90deg,#0b2f1f,#0b5d33)}
.announce{background:var(--c-gold-grad);color:#2b1b00}

/* footer + floating */
.site-footer{background:linear-gradient(165deg,#0b2f1f 0%,#0b5d33 80%);border-top:5px solid var(--c-gold);position:relative}
.site-footer::before{content:"";position:absolute;left:0;top:-5px;width:100%;height:5px;background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 70%,#00a848 94%,#0e5a66 100%)}
.site-footer .brand small{color:#bfe3cc}
.f-links a,.f-contact a,.f-bottom a{color:#cfe8d8}
.subscribe button{background:var(--c-gold-grad);color:#2b1b00}
.social a:hover{background:var(--c-gold);color:#2b1b00}
#toTop{background:var(--c-gold-grad);color:#2b1b00;box-shadow:0 8px 20px rgba(226,154,15,.45)}
.wa-float{animation:livelyPulseWa 2.4s infinite}
@keyframes livelyPulse{0%{box-shadow:0 0 0 0 rgba(244,180,60,.65)}70%{box-shadow:0 0 0 16px rgba(244,180,60,0)}100%{box-shadow:0 0 0 0 rgba(244,180,60,0)}}
@keyframes livelyPulseWa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
body.dark{--c-soft:#14261c}
body.dark .act-section{background:#0f2218}

/* ===== Brighter pass: much less green, more gold/warm light ===== */
:root{--c-dark:#3a2a08;--c-green-deep:#0f7a3e}
.hero{background:#3a2a08}
.hero::before{background:linear-gradient(100deg,rgba(40,28,6,.68) 0%,rgba(40,28,6,.34) 48%,rgba(244,180,60,.14) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 50% at 100% 100%,rgba(0,168,72,.16),transparent 70%),radial-gradient(50% 45% at 0% 0%,rgba(255,216,115,.18),transparent 70%)}
.hero-eyebrow{background:rgba(255,216,115,.25);color:#fff1c9}
.hero h1{text-shadow:0 4px 26px rgba(30,20,0,.55)}
.page-head::before{background:linear-gradient(120deg,rgba(40,28,6,.7),rgba(226,154,15,.45))}
.topbar{background:linear-gradient(90deg,#ffd873,#f4b43c 55%,#f7c75a);color:#3a2600;border-bottom:2px solid #e29a0f}
.topbar,.topbar a,.topbar i{color:#3a2600}
.topbar a:hover{color:#0f7a3e}
.topbar .social a{background:rgba(58,38,0,.12);color:#3a2600}
.topbar .social a:hover{background:#0f7a3e;color:#fff}
.section-dark{background:linear-gradient(160deg,#3a2a08,#5a3f0a)}
.stats,.cta{background:linear-gradient(135deg,#f4b43c 0%,#e29a0f 55%,#2bbf6b 150%);color:#2b1b00}
.stats *,.cta h2,.cta h3,.cta p{color:#2b1b00}
.cta .btn-outline-site{border-color:#2b1b00;color:#2b1b00!important}
.cta .btn-outline-site:hover{background:#2b1b00;color:#fff!important}
.countdown-bar{background:linear-gradient(90deg,#3a2a08,#6b4a0a)}
.site-footer{background:linear-gradient(165deg,#2e2106 0%,#4a3508 85%);border-top-color:var(--c-gold)}
.site-footer .brand small{color:#f1dca6}
.f-links a,.f-contact a,.f-bottom a{color:#f1e4c2}
.site-footer{color:#e8d7aa}
.q-ic,.contact-ic{box-shadow:0 8px 18px rgba(226,154,15,.35)}
.give-bank{background:linear-gradient(135deg,#e29a0f,#f4b43c)}
.campaign-main,.pay-badge{background:#e29a0f;color:#2b1b00}
.campaign-title{color:#8a5a00}
.year-theme-ref{color:#0f7a3e}
.act-section{background:linear-gradient(180deg,#fffaf0,#fff1cf)}
.btn-primary-site{background:linear-gradient(135deg,#17b45a,#00a848)}
.btn-outline-dark-site{border-color:#e29a0f;color:#8a5a00!important}
.btn-outline-dark-site:hover{background:#f4b43c;color:#2b1b00!important}
.mobile-sidebar{background:linear-gradient(180deg,#3a2a08 0%,#5a3f0a 100%)}
.mobile-sidebar-header{background:linear-gradient(135deg,#ffd873 0%,#f4b43c 55%,#e29a0f 100%)}
.mobile-sidebar-title{color:#2b1b00}
.mobile-sidebar-sub{color:rgba(43,27,0,.75)}
.sidebar-close-btn{background:rgba(43,27,0,.15);color:#2b1b00}
.sidebar-close-btn:hover{background:rgba(43,27,0,.3)}
body.dark{--c-dark:#e8d7aa}
body.dark .topbar{background:#4a3508}
body.dark .topbar,body.dark .topbar a,body.dark .topbar i{color:#ffe9b0}

/* ===== Blend pass: light cream + gold surfaces, readable dark text, no muddy brown/olive ===== */
:root{--c-dark:#4a3200;--c-ink:#3b2d12;--c-muted:#7d6a45}
h1,h2,h3,h4,.serif{color:#4a3200}

/* dark sections -> warm light */
.section-dark{background:linear-gradient(180deg,#fff8e6 0%,#ffedbf 100%)!important;color:#5a4518;position:relative}
.section-dark::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f4b43c,#ffd873,#f4b43c)}
.section-dark h2,.section-dark h3,.section-dark .sec-head h2{color:#4a3200!important}
.section-dark .eyebrow{color:#b87500!important}
.section-dark .sec-head p,.section-dark p{color:#6b5526!important;opacity:1!important}
.section-dark .rounded-4{background:#fff!important;border:1px solid #f2d68b!important;border-left:5px solid #f4b43c!important;box-shadow:0 10px 26px rgba(184,117,0,.14);transition:transform .3s,box-shadow .3s}
.section-dark .rounded-4:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(184,117,0,.24)}
.section-dark .rounded-4 b{color:#4a3200!important}
.section-dark .rounded-4 p{color:#7d6a45!important}
.section-dark .contact-ic{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}

/* verse banner (inline dark overlay) -> bright golden */
section.section-dark[style*="fixed"]{background:linear-gradient(rgba(255,243,208,.93),rgba(255,226,150,.9)),url('/imagess/church3.png') center/cover fixed!important}
section.section-dark[style*="fixed"] h3{color:#4a3200!important}
section.section-dark[style*="fixed"] p{color:#a86a00!important}
section.section-dark[style*="fixed"] i{color:#e29a0f!important}

/* stats */
.stats{background:linear-gradient(135deg,#ffd873 0%,#f4b43c 55%,#eaa11a 100%)!important;color:#4a3200}
.stat b{color:#4a3200}
.stat span{color:#5a3f00;opacity:1;font-weight:600}

/* call-to-action: pure gold, no olive */
.cta{background:linear-gradient(135deg,#ffd873 0%,#f4b43c 50%,#eaa11a 100%)!important;color:#4a3200;box-shadow:0 22px 50px rgba(226,154,15,.35)}
.cta::before,.cta::after{opacity:.35}
.cta h2,.cta h3{color:#3a2600!important}
.cta p{color:#4a3200!important;opacity:1!important}
.cta .btn-gold{background:#fff;color:#8a5a00!important;box-shadow:0 8px 20px rgba(120,80,0,.25)}
.cta .btn-outline-site{border-color:#4a3200;color:#4a3200!important;background:transparent}
.cta .btn-outline-site:hover{background:#4a3200;color:#ffd873!important}

/* countdown strip */
.countdown-bar{background:linear-gradient(90deg,#fff1c7,#ffd873 50%,#fff1c7)!important;color:#4a3200;border-top:1px solid #f0c45a;border-bottom:1px solid #f0c45a}
.countdown-bar *{color:#4a3200}

/* footer: bright cream-gold, dark readable text */
.site-footer{background:linear-gradient(180deg,#fff3d1 0%,#ffe19a 100%)!important;color:#5a4518;border-top:5px solid #f4b43c}
.site-footer h6{color:#4a3200}
.site-footer h6::after{background:#00a848}
.site-footer .brand,.site-footer .brand b{color:#4a3200}
.site-footer .brand small{color:#7d6a45}
.site-footer p{color:#5a4518}
.f-links a,.f-contact a,.f-bottom a{color:#5a4518}
.f-links a:hover,.f-contact a:hover,.f-bottom a:hover{color:#0f7a3e}
.f-contact i{color:#c98a08}
.f-bottom{border-top-color:rgba(74,50,0,.18);color:#5a4518}
.subscribe{background:#fff;box-shadow:0 4px 14px rgba(184,117,0,.15)}
.subscribe input[type=email]{color:#4a3200}
.site-footer .social a{background:#4a3200;color:#ffd873}
.site-footer .social a:hover{background:#00a848;color:#fff}

/* mobile drawer: light cream to match */
.mobile-sidebar{background:linear-gradient(180deg,#fffaf0 0%,#ffedbf 100%)}
.mobile-sidebar-nav .nav-section-label{color:#b87500}
.mobile-sidebar-nav>a{color:#4a3200}
.mobile-sidebar-nav>a:hover{background:rgba(244,180,60,.2);color:#3a2600}
.mobile-sidebar-nav>a.active{background:linear-gradient(90deg,rgba(244,180,60,.4),rgba(244,180,60,.06));color:#6b4300;border-left-color:#e29a0f}
.mobile-sidebar-nav>a i,.mobile-sidebar-nav .sub-menu a i{color:#d98e00}
.mobile-sidebar-nav .mobile-divider{background:rgba(74,50,0,.12)}
.mobile-sidebar-nav .sub-toggle .arrow{color:#b8955a}
.mobile-sidebar-nav .sub-menu{background:rgba(255,255,255,.7);border-left-color:#f4b43c}
.mobile-sidebar-nav .sub-menu a{color:#5a4518}
.mobile-sidebar-nav .sub-menu a:hover{background:rgba(244,180,60,.2);color:#3a2600}
.mobile-sidebar-footer{background:rgba(255,255,255,.55);border-top-color:rgba(74,50,0,.12)}
.mobile-contact a{color:#5a4518}
.mobile-social a{background:#4a3200;color:#ffd873}
.mobile-social a:hover{background:#00a848;color:#fff}
.mobile-sidebar::after{box-shadow:none}
.hero::before{background:linear-gradient(100deg,rgba(40,28,6,.6) 0%,rgba(40,28,6,.28) 48%,rgba(244,180,60,.14) 100%)}

/* ===== Tri-colour blend pass (below the hero): GOLD base + GREEN + INDIGO glows ===== */
:root{--c-dark:#06323c;--c-ink:#2a2d4a;--c-muted:#6a6f8f;--c-soft:#f4f6ff}
h1,h2,h3,h4,.serif{color:#0b4a55}
.hero h1,.page-head h1,.cta h2,.section-dark h2{color:inherit}
.hero h1,.page-head h1{color:#fff}
.sec-head .eyebrow,.eyebrow{color:#00a848}
.sec-head .bar,.bar{background:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66)!important}
.tag{background:#e4f8ed;color:#0b7a3a}
.date-badge b{color:#0e5a66}
.q-card{border-top:4px solid transparent;border-image:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66) 1}
.q-ic{background:linear-gradient(135deg,#0e5a66,#1a8296);color:#fff;box-shadow:0 8px 18px rgba(14,90,102,.35)}
.contact-ic{background:linear-gradient(135deg,#00a848,#2fd77a);color:#fff;box-shadow:0 8px 18px rgba(0,168,72,.35)}
.card-s:hover,.prog-card:hover{box-shadow:0 20px 44px rgba(14,90,102,.2)}

/* strategic direction: cream base with green + indigo glows, white cards */
.section-dark{background:radial-gradient(600px 320px at 8% 0%,rgba(14,90,102,.16),transparent 70%),radial-gradient(640px 340px at 100% 100%,rgba(0,168,72,.18),transparent 70%),linear-gradient(180deg,#fff9e8 0%,#ffefc2 100%)!important}
.section-dark::before{background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 55%,#00a848 85%,#0e5a66 100%)}
.section-dark h2,.section-dark h3,.section-dark .sec-head h2{color:#0b4a55!important}
.section-dark .eyebrow{color:#00913f!important}
.section-dark .sec-head p,.section-dark p{color:#4b4f72!important}
.section-dark .rounded-4{border:1px solid #ece3c4!important;border-left:5px solid #f4b43c!important}
.section-dark .col-lg-4:nth-child(3n+2) .rounded-4{border-left-color:#00a848!important}
.section-dark .col-lg-4:nth-child(3n+3) .rounded-4{border-left-color:#0e5a66!important}
.section-dark .rounded-4 b{color:#0b4a55!important}
.section-dark .rounded-4 p{color:#5d6180!important}
.section-dark .contact-ic{background:linear-gradient(135deg,#f4b43c,#e29a0f)!important;color:#3a2600}
.section-dark .col-lg-4:nth-child(3n+2) .contact-ic{background:linear-gradient(135deg,#00a848,#2fd77a)!important;color:#fff}
.section-dark .col-lg-4:nth-child(3n+3) .contact-ic{background:linear-gradient(135deg,#0e5a66,#1a8296)!important;color:#fff}

/* verse banner: indigo-green wash over the photo, gold text */
section.section-dark[style*="fixed"]{background:linear-gradient(115deg,rgba(8,64,75,.9),rgba(0,120,60,.78)),url('/imagess/church3.png') center/cover fixed!important}
section.section-dark[style*="fixed"] h3{color:#fff!important}
section.section-dark[style*="fixed"] p{color:#ffd873!important}
section.section-dark[style*="fixed"] i{color:#ffd873!important}

/* stats: vivid indigo to green band, gold numbers */
.stats{background:linear-gradient(120deg,#08404b 0%,#0e5a66 35%,#0a8f56 80%,#00a848 100%)!important;color:#fff;border-top:5px solid #f4b43c;border-bottom:5px solid #f4b43c}
.stat b{color:#ffd873;text-shadow:0 3px 14px rgba(0,0,0,.25)}
.stat span{color:#fff;opacity:.95}

/* call-to-action: gold base with green + indigo glows */
.cta{background:radial-gradient(420px 300px at 100% 0%,rgba(14,90,102,.62),transparent 70%),radial-gradient(460px 320px at 100% 100%,rgba(0,168,72,.6),transparent 70%),linear-gradient(135deg,#ffd873 0%,#f4b43c 55%,#eaa11a 100%)!important;box-shadow:0 24px 54px rgba(14,90,102,.28)}
.cta h2{color:#2b1b00!important}
.cta p{color:#3b2a00!important}
.cta .btn-gold{background:#fff;color:#0e5a66!important}
.cta .btn-outline-site{border-color:#2b1b00;color:#2b1b00!important}
.cta .btn-outline-site:hover{background:#0e5a66;border-color:#0e5a66;color:#fff!important}

/* countdown strip */
.countdown-bar{background:linear-gradient(90deg,#08404b,#0e5a66 45%,#0a8f56)!important;color:#fff;border:0;border-bottom:3px solid #f4b43c}
.countdown-bar *{color:#fff}
.countdown-bar [data-cd],.countdown-bar b{color:#ffd873}

/* footer: rich indigo with gold headings and green accents */
.site-footer{background:radial-gradient(520px 280px at 100% 0%,rgba(0,168,72,.28),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(244,180,60,.12),transparent 70%),linear-gradient(170deg,#06323c 0%,#0a4652 100%)!important;color:#dcf3f5;border-top:0}
.site-footer::before{height:5px;top:0;background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 55%,#00a848 85%,#0e5a66 100%)}
.site-footer h6{color:#ffd873}
.site-footer h6::after{background:#00d65c}
.site-footer .brand,.site-footer .brand b{color:#fff}
.site-footer .brand small{color:#c4e6ea}
.site-footer p{color:#dcf3f5}
.f-links a,.f-contact a,.f-bottom a{color:#dcf3f5}
.f-links a:hover,.f-contact a:hover,.f-bottom a:hover{color:#ffd873}
.f-contact i{color:#00d65c}
.f-bottom{border-top-color:rgba(255,255,255,.14);color:#c4e6ea}
.subscribe{background:rgba(255,255,255,.12);box-shadow:none}
.subscribe input[type=email]{color:#fff}
.site-footer .social a{background:#f4b43c;color:#2b1b00}
.site-footer .social a:hover{background:#00a848;color:#fff}

/* misc */
#scrollProgress{background:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66)}
.act-section{background:radial-gradient(520px 260px at 100% 0%,rgba(0,168,72,.1),transparent 70%),radial-gradient(520px 260px at 0% 100%,rgba(14,90,102,.09),transparent 70%),linear-gradient(180deg,#fffaf0,#fff1cf)}
.act-list .act-item:nth-child(3n+2){border-left-color:#00a848}
.act-list .act-item:nth-child(3n+3){border-left-color:#0e5a66}
.act-title{color:#0b4a55}
.year-theme-ref{color:#00913f}
.btn-primary-site{background:linear-gradient(135deg,#0e5a66,#00a848)}

/* mobile drawer: indigo body, gold header */
.mobile-sidebar{background:radial-gradient(300px 200px at 100% 100%,rgba(0,168,72,.3),transparent 70%),linear-gradient(180deg,#06323c 0%,#0a4652 100%)}
.mobile-sidebar-nav .nav-section-label{color:#ffd873}
.mobile-sidebar-nav>a{color:#e3f6f8}
.mobile-sidebar-nav>a:hover{background:rgba(255,255,255,.08);color:#fff}
.mobile-sidebar-nav>a.active{background:linear-gradient(90deg,rgba(244,180,60,.3),rgba(244,180,60,.04));color:#ffd873;border-left-color:#f4b43c}
.mobile-sidebar-nav>a i,.mobile-sidebar-nav .sub-menu a i{color:#00d65c}
.mobile-sidebar-nav .mobile-divider{background:rgba(255,255,255,.12)}
.mobile-sidebar-nav .sub-toggle .arrow{color:#9fd0d7}
.mobile-sidebar-nav .sub-menu{background:rgba(0,0,0,.22);border-left-color:#f4b43c}
.mobile-sidebar-nav .sub-menu a{color:#d2eef1}
.mobile-sidebar-nav .sub-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.mobile-sidebar-footer{background:rgba(0,0,0,.2);border-top-color:rgba(255,255,255,.12)}
.mobile-contact a{color:#d2eef1}
.mobile-social a{background:#f4b43c;color:#2b1b00}
.mobile-social a:hover{background:#00a848;color:#fff}

/* ===== GREEN-led pass (below the hero): bright GREEN main, GOLD secondary, tiny INDIGO accents ===== */
:root{--c-dark:#0a5f31;--c-ink:#23402f;--c-muted:#5f7a6a;--c-soft:#eefaf2;--c-primary:#00a848;--c-grad:linear-gradient(135deg,#0a9a4a,#2fcf74)}
h1,h2,h3,h4,.serif{color:#0a6b35}
.hero h1,.page-head h1{color:#fff}
.eyebrow,.sec-head .eyebrow{color:#d98e00}
.bar,.sec-head .bar{background:linear-gradient(90deg,#00a848 0%,#00a848 60%,#f4b43c 85%,#0e5a66 100%)!important}
.tag{background:#e0f7ea;color:#07803c}
.date-badge b{color:#00a848}
.q-card{border-image:linear-gradient(90deg,#00a848 0%,#00a848 65%,#f4b43c 90%,#0e5a66 100%) 1}
.q-ic,.contact-ic{background:linear-gradient(135deg,#00a848,#2fd77a);color:#fff;box-shadow:0 8px 18px rgba(0,168,72,.35)}
.card-s:hover,.prog-card:hover{box-shadow:0 20px 44px rgba(0,140,60,.22)}
.card-s h5,.act-title{color:#0a5f31}
.year-theme-ref{color:#00a848}
.btn-primary-site{background:linear-gradient(135deg,#0a9a4a,#2fcf74);box-shadow:0 8px 22px rgba(0,168,72,.38)}
.filter-btn.active,.filter-btn:hover{background:#00a848;color:#fff}
.pagination .active .page-link{background:#00a848;border-color:#00a848;color:#fff}
.pagination .page-link{color:#07803c}
.accordion-button:not(.collapsed){background:#e8f9ef;color:#07803c}
.form-card .form-control:focus,.form-card .form-select:focus{border-color:#00a848;box-shadow:0 0 0 4px rgba(0,168,72,.2)}
.give-box{border-top-color:#00a848}
.give-bank{background:linear-gradient(135deg,#0a9a4a,#2fcf74)}
.campaign{border-color:#00a848}
.campaign-main,.pay-badge{background:#00a848;color:#fff}
.campaign-title{color:#0a6b35}
.btn-outline-dark-site{border-color:#00a848;color:#07803c!important}
.btn-outline-dark-site:hover{background:#00a848;color:#fff!important}

/* strategic direction: fresh mint, green cards */
.section-dark{background:radial-gradient(560px 300px at 100% 0%,rgba(244,180,60,.22),transparent 70%),radial-gradient(520px 280px at 0% 100%,rgba(14,90,102,.07),transparent 70%),linear-gradient(180deg,#f0fcf4 0%,#d6f5e2 100%)!important}
.section-dark::before{background:linear-gradient(90deg,#00a848 0%,#00a848 60%,#f4b43c 88%,#0e5a66 100%)}
.section-dark h2,.section-dark h3,.section-dark .sec-head h2{color:#0a6b35!important}
.section-dark .eyebrow{color:#d98e00!important}
.section-dark .sec-head p,.section-dark p{color:#3f5f4c!important}
.section-dark .rounded-4{border:1px solid #cdeedb!important;border-left:5px solid #00a848!important;box-shadow:0 10px 26px rgba(0,140,60,.14)}
.section-dark .rounded-4:hover{box-shadow:0 18px 38px rgba(0,140,60,.26)}
.section-dark .col-lg-4:nth-child(3n+2) .rounded-4{border-left-color:#f4b43c!important}
.section-dark .col-lg-4:nth-child(3n+3) .rounded-4{border-left-color:#00a848!important}
.section-dark .rounded-4 b{color:#0a5f31!important}
.section-dark .rounded-4 p{color:#58705f!important}
.section-dark .contact-ic,.section-dark .col-lg-4:nth-child(3n+3) .contact-ic{background:linear-gradient(135deg,#00a848,#2fd77a)!important;color:#fff!important}
.section-dark .col-lg-4:nth-child(3n+2) .contact-ic{background:linear-gradient(135deg,#ffd873,#f4b43c)!important;color:#3a2600!important}

/* verse banner: green wash */
section.section-dark[style*="fixed"]{background:linear-gradient(115deg,rgba(0,120,56,.9),rgba(20,170,90,.78)),url('/imagess/church3.png') center/cover fixed!important}
section.section-dark[style*="fixed"] h3{color:#fff!important}
section.section-dark[style*="fixed"] p,section.section-dark[style*="fixed"] i{color:#ffd873!important}

/* stats */
.stats{background:linear-gradient(120deg,#07903f 0%,#00a848 50%,#2fcf74 100%)!important;color:#fff;border-top:5px solid #f4b43c;border-bottom:5px solid #f4b43c}
.stat b{color:#ffe08a}
.stat span{color:#fff}

/* CTA: bright green, gold buttons, thin indigo base stripe */
.cta{background:radial-gradient(420px 280px at 0% 0%,rgba(255,216,115,.28),transparent 70%),linear-gradient(135deg,#07903f 0%,#00a848 55%,#27c26c 100%)!important;color:#fff;box-shadow:0 24px 54px rgba(0,140,60,.32);border-bottom:6px solid transparent;border-image:none;position:relative}
.cta::after{opacity:1!important;content:"";position:absolute;left:0;right:0;bottom:0;top:auto;height:6px;width:auto;border-radius:0;background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 70%,#0e5a66 100%);transform:none}
.cta h2{color:#fff!important}
.cta p{color:#eafff2!important;opacity:1!important}
.cta .btn-gold{background:var(--c-gold-grad);color:#2b1b00!important}
.cta .btn-outline-site{border-color:#fff;color:#fff!important}
.cta .btn-outline-site:hover{background:#fff;color:#07803c!important}

/* countdown */
.countdown-bar{background:linear-gradient(90deg,#07903f,#00a848 55%,#2fcf74)!important;border-bottom:3px solid #f4b43c}
.countdown-bar [data-cd],.countdown-bar b{color:#ffe08a}

/* activities */
.act-section{background:radial-gradient(520px 260px at 100% 0%,rgba(244,180,60,.18),transparent 70%),linear-gradient(180deg,#f3fdf7,#def7e8)}
.act-date{background:linear-gradient(135deg,#00a848,#2fd77a);color:#fff}
.act-list .act-item,.act-list .act-item:nth-child(3n+2),.act-list .act-item:nth-child(3n+3){border-left:4px solid #00a848}
.act-list .act-item:nth-child(3n+2){border-left-color:#f4b43c}
.act-list .act-item:hover{border-left-color:#0e5a66}

/* footer: bright green, gold headings, thin indigo/gold stripe */
.site-footer{background:radial-gradient(520px 300px at 100% 0%,rgba(255,216,115,.2),transparent 70%),linear-gradient(170deg,#07903f 0%,#00a848 100%)!important;color:#f0fff6}
.site-footer::before{background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 75%,#0e5a66 100%)}
.site-footer h6{color:#ffe08a}
.site-footer h6::after{background:#fff}
.site-footer .brand small{color:#dcf9e7}
.site-footer p,.f-links a,.f-contact a,.f-bottom a{color:#f0fff6}
.f-links a:hover,.f-contact a:hover,.f-bottom a:hover{color:#ffe08a}
.f-contact i{color:#ffe08a}
.f-bottom{border-top-color:rgba(255,255,255,.25);color:#eafff2}
.subscribe{background:rgba(255,255,255,.2)}
.subscribe input[type=email]::placeholder{color:#e6fff0}
.site-footer .social a{background:#f4b43c;color:#2b1b00}
.site-footer .social a:hover{background:#fff;color:#07803c}

/* drawer: green body, gold header, indigo edge stays */
.mobile-sidebar{background:radial-gradient(300px 200px at 100% 100%,rgba(255,216,115,.22),transparent 70%),linear-gradient(180deg,#07903f 0%,#00a848 100%)}
.mobile-sidebar-nav .nav-section-label{color:#ffe08a}
.mobile-sidebar-nav>a{color:#f0fff6}
.mobile-sidebar-nav>a.active{background:linear-gradient(90deg,rgba(255,216,115,.38),rgba(255,216,115,.05));color:#fff4c9;border-left-color:#ffd873}
.mobile-sidebar-nav>a i,.mobile-sidebar-nav .sub-menu a i{color:#ffe08a}
.mobile-sidebar-nav .sub-toggle .arrow{color:#d3f7e0}
.mobile-sidebar-nav .sub-menu{background:rgba(0,70,30,.25);border-left-color:#ffd873}
.mobile-sidebar-nav .sub-menu a{color:#eafff2}
.mobile-contact a{color:#eafff2}
.mobile-social a:hover{background:#fff;color:#07803c}

/* ===== Indigo bands: footer, CTA, stats, countdown (rest stays green-led) ===== */
.stats{background:radial-gradient(520px 260px at 100% 0%,rgba(0,168,72,.28),transparent 70%),linear-gradient(120deg,#08404b 0%,#0e5a66 50%,#1a8296 100%)!important;color:#fff;border-top:5px solid #f4b43c;border-bottom:5px solid #f4b43c}
.stat b{color:#ffd873}
.stat span{color:#e3f6f8}

.cta{background:radial-gradient(420px 280px at 0% 0%,rgba(244,180,60,.28),transparent 70%),radial-gradient(460px 300px at 100% 100%,rgba(0,168,72,.3),transparent 70%),linear-gradient(135deg,#08404b 0%,#0e5a66 55%,#1a8296 100%)!important;color:#fff;box-shadow:0 24px 54px rgba(14,90,102,.38)}
.cta::after{background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 70%,#00a848 100%)}
.cta h2{color:#fff!important}
.cta p{color:#e3f6f8!important}
.cta .btn-gold{background:var(--c-gold-grad);color:#2b1b00!important}
.cta .btn-outline-site{border-color:#fff;color:#fff!important}
.cta .btn-outline-site:hover{background:#fff;color:#0e5a66!important}

.countdown-bar{background:linear-gradient(90deg,#08404b,#0e5a66 55%,#1a8296)!important;border-bottom:3px solid #f4b43c;color:#fff}
.countdown-bar *{color:#fff}
.countdown-bar [data-cd],.countdown-bar b{color:#ffd873}

.site-footer{background:radial-gradient(520px 300px at 100% 0%,rgba(0,168,72,.26),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(244,180,60,.12),transparent 70%),linear-gradient(170deg,#06323c 0%,#0e5a66 100%)!important;color:#e3f6f8}
.site-footer::before{background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 70%,#00a848 100%)}
.site-footer h6{color:#ffd873}
.site-footer h6::after{background:#00d65c}
.site-footer .brand small{color:#c4e6ea}
.site-footer p,.f-links a,.f-contact a,.f-bottom a{color:#e3f6f8}
.f-links a:hover,.f-contact a:hover,.f-bottom a:hover{color:#ffd873}
.f-contact i{color:#00d65c}
.f-bottom{border-top-color:rgba(255,255,255,.18);color:#d2eef1}
.subscribe{background:rgba(255,255,255,.13)}
.subscribe input[type=email]::placeholder{color:#a9d4da}
.site-footer .social a{background:#f4b43c;color:#2b1b00}
.site-footer .social a:hover{background:#00a848;color:#fff}


/* ===== FINAL HARMONY: GOLD + GREEN + DEEP TEAL (replaces indigo; teal bridges green and gold) ===== */
:root{--c-teal:#0e5a66;--c-teal-deep:#08404b;--c-teal-soft:#e3f6f8;--c-indigo:#0e5a66}
/* one shared tri-colour ribbon used on all edges */
.site-nav,.page-head::after,.section-dark::before,.site-footer::before,.cta::after,#scrollProgress{--rb:linear-gradient(90deg,#f4b43c 0%,#f4b43c 40%,#00a848 72%,#0e5a66 100%)}
.site-nav{border-image:linear-gradient(90deg,#f4b43c 0%,#f4b43c 40%,#00a848 72%,#0e5a66 100%) 1}
.page-head::after,.section-dark::before,.site-footer::before,.cta::after{background:linear-gradient(90deg,#f4b43c 0%,#f4b43c 40%,#00a848 72%,#0e5a66 100%)!important}
#scrollProgress{background:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66)}
.bar,.sec-head .bar{background:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66)!important}

/* teal bands: richer, with gold + green light so they blend rather than clash */
.stats{background:radial-gradient(520px 260px at 0% 0%,rgba(244,180,60,.3),transparent 70%),radial-gradient(520px 280px at 100% 100%,rgba(0,168,72,.4),transparent 70%),linear-gradient(120deg,#08404b 0%,#0e5a66 50%,#157a86 100%)!important}
.cta{background:radial-gradient(420px 280px at 0% 0%,rgba(244,180,60,.4),transparent 70%),radial-gradient(480px 320px at 100% 100%,rgba(0,168,72,.45),transparent 70%),linear-gradient(135deg,#08404b 0%,#0e5a66 55%,#157a86 100%)!important;box-shadow:0 24px 54px rgba(14,90,102,.4)}
.countdown-bar{background:linear-gradient(90deg,#08404b,#0e5a66 50%,#0a7a52)!important}
.site-footer{background:radial-gradient(560px 320px at 100% 0%,rgba(0,168,72,.32),transparent 70%),radial-gradient(520px 320px at 0% 100%,rgba(244,180,60,.16),transparent 70%),linear-gradient(170deg,#06323c 0%,#0e5a66 100%)!important}
.site-footer .social a:hover{background:#00a848;color:#fff}
.f-contact i{color:#4ee08e}
.site-footer h6::after{background:#4ee08e}

/* soft gold/green/teal mesh on light sections so they flow into one another */
.section{background:transparent}
.section.bg-soft,.bg-soft{background:radial-gradient(600px 300px at 0% 0%,rgba(244,180,60,.14),transparent 70%),radial-gradient(600px 300px at 100% 100%,rgba(0,168,72,.12),transparent 70%),#fbfdf9!important}
.section-dark{background:radial-gradient(560px 300px at 100% 0%,rgba(244,180,60,.26),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(14,90,102,.12),transparent 70%),linear-gradient(180deg,#f2fcf5 0%,#d8f4e3 100%)!important}
section.section-dark[style*="fixed"]{background:linear-gradient(115deg,rgba(8,64,75,.9),rgba(0,140,66,.78)),url('/imagess/church3.png') center/cover fixed!important}
h1,h2,h3,h4,.serif{color:#0b5a3a}
.hero h1,.page-head h1,.cta h2,.stats h2{color:#fff}
.section-dark h2,.section-dark h3,.section-dark .sec-head h2{color:#0b5a3a!important}
.section-dark .rounded-4 b,.card-s h5,.act-title{color:#0b4a55!important}
.date-badge b{color:#0e5a66}
.q-card{border-image:linear-gradient(90deg,#f4b43c,#00a848,#0e5a66) 1}
.act-list .act-item:hover{border-left-color:#0e5a66}

/* depth + liveliness */
.card-s,.q-card,.prog-card,.vm-card,.give-box,.form-card{border-radius:20px}
.card-s:hover,.q-card:hover,.prog-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(0,120,60,.2),0 0 0 2px rgba(244,180,60,.5)}
.q-ic,.contact-ic{transition:transform .35s}
.q-card:hover .q-ic,.contact-card:hover .contact-ic,.section-dark .rounded-4:hover .contact-ic{transform:rotate(-8deg) scale(1.12)}
.sec-head h2{position:relative;display:inline-block}
.sec-head h2::before{content:"";position:absolute;left:50%;top:-14px;width:46px;height:5px;border-radius:5px;transform:translateX(-50%);background:linear-gradient(90deg,#f4b43c,#00a848)}
.sec-head .eyebrow{background:linear-gradient(90deg,#fff2cc,#e3f8ec);padding:5px 16px;border-radius:99px;display:inline-block;color:#a86a00!important;font-weight:800;box-shadow:0 3px 10px rgba(244,180,60,.25)}
.hero-eyebrow{box-shadow:0 0 22px rgba(244,180,60,.3)}
.btn-gold{animation:goldGlow 3s ease-in-out infinite}
@keyframes goldGlow{0%,100%{box-shadow:0 8px 22px rgba(226,154,15,.42)}50%{box-shadow:0 10px 30px rgba(226,154,15,.7)}}
.stats .stat{transition:transform .3s}
.stats .stat:hover{transform:translateY(-6px) scale(1.04)}
.stat b{background:linear-gradient(180deg,#fff3c4,#f4b43c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.site-footer .f-links a{display:inline-block;transition:transform .2s,color .2s}
.site-footer .f-links a:hover{transform:translateX(6px)}
.brand img{transition:transform .5s}
.brand:hover img{transform:rotate(360deg)}
@media(prefers-reduced-motion:reduce){.btn-gold,.wa-float,.floating-give{animation:none}}

/* mobile drawer in the same harmony */
.mobile-sidebar{background:radial-gradient(300px 220px at 100% 100%,rgba(244,180,60,.25),transparent 70%),linear-gradient(180deg,#06323c 0%,#0e5a66 60%,#0a7a52 100%)}
.mobile-sidebar::after{background:linear-gradient(180deg,#f4b43c 0%,#f4b43c 60%,#00a848 100%)}
.mobile-sidebar-nav .sub-menu{background:rgba(0,0,0,.2)}
.mobile-sidebar-nav>a i,.mobile-sidebar-nav .sub-menu a i{color:#ffd873}
