/* ============================================
   Coal City Great Minds Club Brand Overrides
   This file overrides the template's default colors
   with the club's official brand palette
============================================ */

/* 
   CLUB COLOR PALETTE:
   Primary Green: #0B6623
   Accent Gold: #F9A602  
   Heritage Red: #C8102E (for accents only)
   Deep Charcoal: #000000
   Pure White: #FFFFFF
   Light Neutral: #F8F9FA
*/

/* ============================================
   1. GLOBAL COLOR VARIABLES
============================================ */
:root {
    --club-green: #0B6623;
    --club-gold: #F9A602;
    --club-red: #C8102E;
    --club-black: #000000;
    --club-white: #FFFFFF;
    --club-light: #F8F9FA;
}

/* ============================================
   2. HEADER & NAVIGATION OVERRIDES
============================================ */

/* Top Bar */
.top-bar {
    background-color: var(--club-green) !important;
}

.top-bar .top-bar-text li,
.top-bar .login-info li a {
    color: var(--club-white) !important;
}

.top-bar .social li a {
    color: var(--club-white) !important;
}

.top-bar .social li a:hover {
    color: var(--club-gold) !important;
}

.top-bar .top-bar-text li i,
.top-bar .login-info li i {
    color: var(--club-gold) !important;
}

/* Main Navigation */
.theme_menu {
    background: var(--club-green) !important;
}

.navigation > li > a {
    color: var(--club-white) !important;
}

.navigation > li.active > a,
.navigation > li:hover > a {
    color: var(--club-gold) !important;
}

.navigation > li > ul {
    background: var(--club-green) !important;
    border-left: 3px solid var(--club-gold) !important;
}

/* ============================================
   3. BUTTON OVERRIDES
============================================ */

/* Primary Buttons */
.thm-btn {
    background-color: var(--club-green) !important;
    border-color: var(--club-green) !important;
    color: var(--club-white) !important;
}

.thm-btn:hover {
    background-color: var(--club-gold) !important;
    border-color: var(--club-gold) !important;
    color: var(--club-black) !important;
}

/* Secondary/Outline Buttons */
.thm-btn.style-2 {
    background: transparent !important;
    border-color: #e1e1e1 !important;
    color: var(--club-green) !important;
}

.thm-btn.style-2:hover {
    background-color: var(--club-green) !important;
    border-color: var(--club-green) !important;
    color: var(--club-white) !important;
}

/* Style-3 Buttons (Text links) */
.thm-btn.style-3 {
    color: var(--club-green) !important;
}

.thm-btn.style-3:hover {
    color: var(--club-gold) !important;
}

/* ============================================
   4. TEXT & TYPOGRAPHY OVERRIDES
============================================ */

/* Section Titles */
.section-title span {
    color: var(--club-green) !important;
}

/* Default Links */
.default_link {
    color: var(--club-green) !important;
}

.default_link:hover {
    color: var(--club-gold) !important;
}

/* ============================================
   5. PROGRESS BARS & METERS
============================================ */

/* Progress Bars */
.progress-levels .progress-box .bar .bar-fill {
    background: var(--club-green) !important;
    background-image: none !important;
}

.progress-levels .progress-box .percent {
    color: var(--club-white) !important;
}

/* ============================================
   6. ACCENT ELEMENTS
============================================ */

/* Important Notices & Alerts */
.alert-important,
.attire-notice {
    color: var(--club-red) !important;
    border-color: var(--club-red) !important;
}

/* Date Boxes (Events) */
.upcoming-event .content-box .title-area .date,
.all-event .content-box .title-area .date {
    background: var(--club-green) !important;
}

/* ============================================
   7. FOOTER OVERRIDES
============================================ */

.main-footer {
    background: var(--club-black) !important;
}

.footer-bottom {
    background: #0d0d0d !important;
    border-top: 1px solid #252525 !important;
}

/* ============================================
   8. UTILITY CLASSES
============================================ */

/* Background Colors */
.bg-club-green { background-color: var(--club-green) !important; }
.bg-club-gold { background-color: var(--club-gold) !important; }
.bg-club-light { background-color: var(--club-light) !important; }

/* Text Colors */
.text-club-green { color: var(--club-green) !important; }
.text-club-gold { color: var(--club-gold) !important; }
.text-club-red { color: var(--club-red) !important; }

/* Border Colors */
.border-club-green { border-color: var(--club-green) !important; }
.border-club-gold { border-color: var(--club-gold) !important; }

/* ============================================
   9. SPECIFIC TEMPLATE ELEMENT OVERRIDES
============================================ */

/* Revolution Slider Text */
.rev_slider_wrapper .slide-content-box h1 span {
    color: var(--club-gold) !important;
}

/* Urgent Cause Section */
.urgent-cause .content h4 span,
.recent-causes .content-box h4 span,
.upcoming-event .content-box .title-area h3 span {
    color: var(--club-green) !important;
}

/* Donation/Price Text */
.urgent-cause .donate-price b,
.urgent-cause .donate-price span,
.recent-causes .content-box .donate-price b {
    color: var(--club-green) !important;
}

/* Feature Icons */
.our-features .item .icon {
    background: var(--club-green) !important;
}

.our-features .item:hover {
    background: var(--club-green) !important;
}

.our-features .item:hover .icon {
    background: var(--club-white) !important;
}

.our-features .item:hover .icon span:before {
    color: var(--club-green) !important;
}

/* ============================================
   10. MISC OVERRIDES
============================================ */

/* Scroll to Top Button */
.scroll-top {
    background: var(--club-green) !important;
    border: 2px solid var(--club-gold) !important;
    color: var(--club-white) !important;
}

.scroll-top:hover {
    background: var(--club-gold) !important;
    color: var(--club-black) !important;
}

/* Social Media Icons in Team Section */
.our-team .item-box .item .content-box .social {
    background: var(--club-green) !important;
}

/* Reduce navigation menu font size and spacing */
.navigation > li > a {
    font-size: 13px !important;
    padding: 30px 12px !important;
    margin: 0 10px !important;
}

.navigation > li:first-child > a {
    margin-left: 0 !important;
}

.mobile-menu > li > a {
    font-size: 13px !important;
}