/* Icon Styles - Navigation */
.nav-icon {
    margin-right: 6px;
    font-size: 0.8rem;
}

.nav-menu a.active .nav-icon {
    color: var(--primary-red);
}

/* Icon Styles - Page Banner */
.page-banner-icon {
    margin-right: 8px;
    font-size: 1rem;
}

/* Icon Styles - Section Headings */
.section-heading-icon {
    margin-right: 6px;
    font-size: 0.9rem;
    color: var(--primary-blue);
}

/* Icon Styles - Footer */
.footer-section-icon {
    margin-right: 5px;
    font-size: 0.8rem;
    color: var(--primary-blue-light);
}

.footer-link-icon {
    margin-right: 5px;
    font-size: 0.65rem;
    color: var(--primary-red-light);
}

.footer-links a:hover .footer-link-icon {
    color: var(--primary-red);
}

.contact-icon {
    margin-right: 6px;
    color: var(--primary-red-light);
    width: 14px;
    text-align: center;
    font-size: 0.75rem;
}

.get-involved-icon {
    font-size: 1.4rem;
    margin-bottom: 8px;
    color: rgba(255,255,255,0.3);
}

/* Vision Mission Icon */
.vision-mission-icon {
    font-size: 1.3rem;
    color: var(--primary-blue);
    margin-bottom: 10px;
}

/* Highlight Icon */
.highlight-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    color: white;
    font-size: 1.1rem;
}

/* Value Icon */
.value-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-red), var(--primary-red-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    color: white;
    font-size: 0.9rem;
}

/* Mission Item Icon */
.mission-item-icon {
    width: 35px;
    height: 35px;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.8rem;
    flex-shrink: 0;
    margin-right: 10px;
}

/* Stats Icon */
.stats-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-blue-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    color: white;
    font-size: 0.9rem;
}