/* 
* E-Learning Platform - About Page Styles
* Custom stylesheet for the about page
*/

:root {
    --store-primary-color: #F0EA01;
    --store-secondary-color: #000000;
    --store-light-color: #FFFFFF;
}

/* Override global styles for store pages */
.bg-primary {
    background-color: var(--store-secondary-color) !important;
}

.text-primary {
    color: var(--store-secondary-color) !important;
}

.btn-primary {
    background-color: var(--store-primary-color) !important;
    border-color: var(--store-primary-color) !important;
    color: var(--store-secondary-color) !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #e0da01 !important;
    border-color: #e0da01 !important;
    color: var(--store-secondary-color) !important;
}

.btn-outline-primary {
    color: var(--store-secondary-color) !important;
    border-color: var(--store-primary-color) !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: var(--store-primary-color) !important;
    color: var(--store-secondary-color) !important;
}

/* About page specific styles */
.card {
    background-color: var(--store-light-color);
}

.card-header {
    background-color: var(--store-light-color) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Icon boxes */
.icon-box .fas {
    color: var(--store-primary-color) !important;
}

/* Team cards */
.team-card {
    transition: transform 0.3s ease;
}

.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.team-card .card-title {
    color: var(--store-secondary-color);
}

/* Social icons */
.social-icons a {
    color: var(--store-secondary-color) !important;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: var(--store-primary-color) !important;
}