/* Schoolrhub Styles */

/* Magnific Popup Custom Styles */
.mfp-bg {
    background: rgba(0, 0, 0, 0.9);
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Best Subjects Widget Styles */
.schoolrhub-best-subjects {
    position: relative;
}

/* Decorative shapes */
.schoolrhub-best-subjects::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(125, 0, 0, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.schoolrhub-best-subjects::after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M0 50 Q25 30 50 50 T100 50' stroke='%237D0000' stroke-width='2' fill='none' opacity='0.1'/%3E%3Cpath d='M0 60 Q25 40 50 60 T100 60' stroke='%237D0000' stroke-width='2' fill='none' opacity='0.1'/%3E%3Cpath d='M0 70 Q25 50 50 70 T100 70' stroke='%237D0000' stroke-width='2' fill='none' opacity='0.1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

/* Hero Area Styles */
.schoolrhub-hero-area {
    overflow: hidden;
}

.schoolrhub-hero-area .btn-primary:hover {
    background-color: #5a0000 !important;
    border-color: #5a0000 !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 30px rgba(125, 0, 0, 0.3);
}

.schoolrhub-hero-area .btn-outline-light:hover {
    background-color: white !important;
    color: #012939 !important;
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
}

.schoolrhub-hero-image img {
    transition: transform 0.6s ease;
}

.schoolrhub-hero-image:hover img {
    transform: scale(1.05);
}

/* Shape Divider Styles */
.schoolrhub-shape-divider-bottom {
    z-index: 1;
}

/* Responsive Hero */
@media (max-width: 991px) {
    .schoolrhub-hero-area {
        padding: 70px 0 !important;
    }
    .schoolrhub-hero-heading {
        font-size: 38px !important;
    }
    .schoolrhub-hero-subheading {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .schoolrhub-hero-area {
        padding: 50px 0 !important;
    }
    .schoolrhub-hero-heading {
        font-size: 32px !important;
    }
    .schoolrhub-hero-buttons {
        flex-direction: column;
    }
    .schoolrhub-hero-buttons .btn {
        width: 100%;
    }
}

/* About Area Styles */
.schoolrhub-about-area {
    overflow: hidden;
}

.schoolrhub-about-image-main img,
.schoolrhub-about-image-video img {
    transition: transform 0.6s ease;
}

.schoolrhub-about-image-main:hover img,
.schoolrhub-about-image-video:hover img {
    transform: scale(1.05);
}

/* Responsive About Area */
@media (max-width: 991px) {
    .schoolrhub-about-area {
        padding: 70px 0 !important;
    }
    .schoolrhub-about-heading {
        font-size: 34px !important;
    }
}

@media (max-width: 767px) {
    .schoolrhub-about-area {
        padding: 50px 0 !important;
    }
    .schoolrhub-about-heading {
        font-size: 28px !important;
    }
    .schoolrhub-about-feature-item {
        flex-direction: column;
        text-align: center;
    }
    .schoolrhub-about-shape-1,
    .schoolrhub-about-shape-2 {
        display: none;
    }
}

.schoolrhub-dashboard-cards {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.schoolrhub-dashboard-cards .card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    flex: 1 1 calc(25% - 20px);
    min-width: 200px;
}

.schoolrhub-students,
.schoolrhub-teachers,
.schoolrhub-parents,
.schoolrhub-classes,
.schoolrhub-subjects,
.schoolrhub-exams,
.schoolrhub-results,
.schoolrhub-notices,
.schoolrhub-gallery,
.schoolrhub-events,
.schoolrhub-testimonials {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.student-card,
.teacher-card,
.parent-card,
.class-card,
.subject-card,
.exam-card,
.result-card,
.notice-card,
.gallery-item,
.event-card,
.testimonial-card {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    flex: 1 1 calc(33.333% - 20px);
    min-width: 250px;
}

.student-card img,
.teacher-card img,
.parent-card img,
.gallery-item img,
.event-card img,
.testimonial-card img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 15px;
}