/*
Theme Name: Eduzio - Online Course & Education
Description: A modern WordPress theme for online education and course platforms
Version: 1.0
Author: Modinatheme
Text Domain: eduzio
*/

/* Theme specific styles - CSS files are loaded directly in header.php */

/* WordPress specific styles */
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    text-align: center;
}

.alignleft {
    float: left;
    margin-right: 20px;
}

.alignright {
    float: right;
    margin-left: 20px;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 14px;
    font-style: italic;
    margin-top: 10px;
}

/* Custom styles for dynamic content */
.course-category {
    margin-bottom: 10px;
}

.course-instructor {
    font-weight: 600;
    color: #666;
}

.course-price {
    font-size: 18px;
    font-weight: bold;
    color: #ff6b35;
}

.course-rating {
    color: #ffc107;
}

.course-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}

/* Language courses section */
.language-courses {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.language-courses .section-title h2,
.language-courses .section-title h6 {
    color: white;
}

/* Professional courses section */
.professional-courses {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.professional-courses .section-title h2,
.professional-courses .section-title h6 {
    color: white;
}

/* Brand Section Styles */
.brand-section .brand-slider {
    overflow: hidden;
    position: relative;
}

.brand-section .brand-slider .swiper-wrapper {
    display: flex;
    align-items: center;
    transition-timing-function: ease-out;
}

.brand-section .brand-slider .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.brand-section .brand-slider .swiper-slide .brand-image {
    text-align: center;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    opacity: .4;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

.brand-section .brand-slider .swiper-slide .brand-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.brand-section .brand-slider .swiper-slide .brand-image:hover {
    filter: initial;
    opacity: 1;
}

.brand-section .brand-slider .swiper-slide.swiper-slide-active .brand-image {
    filter: initial;
    opacity: 1;
}

.brand-section .brand-image {
    position: relative;
    z-index: 1;
}

.brand-section .brand-image img {
    position: relative;
    z-index: 2;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .course-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media (max-width: 991px) {
    .brand-section .brand-slider .swiper-slide .brand-image {
        height: 100px;
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .brand-section .brand-slider .swiper-slide .brand-image {
        height: 80px;
        padding: 10px;
    }
}

@media (max-width: 575px) {
    .brand-section .brand-slider .swiper-slide .brand-image {
        height: 60px;
        padding: 8px;
    }
}