/*
Theme Name: Educrat Child
Template: educrat
Version: 1.0
*/


/* Sticky tabs */
.course-tab-panel-curriculum {
    position: relative;
    z-index: 1;
}

/* Make tabs sticky */
.learn-press-tabs {
    position: sticky;
    top: 80px; /* Adjust this value based on your header height */
    background: #fff;
    z-index: 100;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

/* Fix curriculum scrolling */
.course-curriculum .section-content {
    position: relative;
    z-index: 10;
}

.course-curriculum .course-item {
    position: relative;
    z-index: 5;
}

.course-single-tab.nav.nav-pills.sticky-top {
    position: sticky;
    top: 110px;
    background: #fff;
    z-index: 1020;
    padding: 15px 0;
    border-bottom: 1px solid #e9ecef;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    /* Add subtle shadow for better visual separation */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}


/* Ensure proper stacking context */
.course-single-tab li {
    flex: 1;
    text-align: center;
    margin: 0;
    padding: 0 10px;
}


/* Fix for any parent elements that might interfere */
.course-single-infos {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

/* Active state styling */
.course-single-tab li.active label {
    font-weight: 500;
    color: #0052cc; /* Adjust this color to match your theme */
}
.course-single-tab li label {
    width: 100%;
    display: block;
    cursor: pointer;
    padding: 8px 15px;
    margin: 0;
}




.thim-ekit-single-course__tabs .ekits-course-tabs[data-fixed="true"] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.thim-ekit-single-course__tabs .tab-item {
    cursor: pointer;
    padding: 10px 20px;
    font-weight: 500;
    position: relative;
}

.thim-ekit-single-course__tabs .tab-item[aria-selected="true"] {
    color: #0052CC;
}

.thim-ekit-single-course__tabs .tab-item[aria-selected="true"]::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0052CC;
}

/* Optional: Add shadow when scrolled */
.thim-ekit-single-course__tabs .ekits-course-tabs.scrolled {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .thim-ekit-single-course__tabs .ekits-course-tabs {
        top: 80px !important;
        padding: 10px !important;
    }
}


.course-reviews-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.course-reviews-list .course-review {
    padding: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.course-reviews-list .course-review:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.course-reviews-list .review-author {
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

.course-reviews-list .review-content {
    color: #666;
    line-height: 1.6;
}

/* Hide categories from blog listing */
.apus-blog .post-grid .list-categories {
    display: none !important;
}

/* Also hide any extra spacing that might be left */
.apus-blog .post-grid .top-info {
    margin-top: 0 !important;
}

.bdt-logo-carousel-item {
    border: none !important;
}

.bdt-logo-carousel-figure {
    border: none !important;
    box-shadow: none !important;
}

/* Remove any potential border from the images themselves */
.bdt-logo-carousel-img {
    border: none !important;
}

/* Remove any padding that might create space where the border was */
.bdt-logo-carousel-item,
.bdt-logo-carousel-figure {
    padding: 0 !important;
    margin: 0 !important;
}


/* Remove sidebar on event pages */
.single-simple_event .sidebar-events,
.single-simple_event .widget-area {
    display: none !important;
}

/* Buttons styling */
.course-action-buttons {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    justify-content: center;
}

.course-action-buttons .button {
    padding: 12px 30px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 200px;
    text-align: center;
}

.enroll-button {
    background-color: #1266F1;
    color: white !important;
}

.explore-button {
    background-color: transparent;
    color: #1266F1 !important;
    border: 2px solid #1266F1;
}

/* Hide speakers section and sidebar */
.single-simple_event .event-participant,
.single-simple_event h4.heading,
.single-simple_event .our-speakers,
.single-simple_event .speaker-content,
.single-simple_event .thim-sc-speaker,
.single-simple_event .sidebar-events,
.single-simple_event .widget-area,
.single-simple_event #secondary,
.single-simple_event .sidebar-wrapper {
    display: none !important;
}

/* Make content full width */
.single-simple_event .content-area,
.single-simple_event #primary,
.single-simple_event #main-content {
    width: 100% !important;
    max-width: 100% !important;
}

/* Button styles */
.course-action-buttons {
    display: flex;
    gap: 20px;
    margin: 30px 0;
    justify-content: center;
}

.course-action-buttons .button {
    padding: 12px 30px;
    border-radius: 5px;
    font-weight: 600;
    text-transform: uppercase;
    min-width: 200px;
    text-align: center;
}

.enroll-button {
    background-color: #1266F1;
    color: white !important;
}

.enroll-button:hover {
    background-color: #0d47a1;
    color: white !important;
}

.explore-button {
    background-color: transparent;
    color: #1266F1 !important;
    border: 2px solid #1266F1;
}

.explore-button:hover {
    background-color: #1266F1;
    color: white !important;
}

/* Mobile styles */
@media screen and (max-width: 768px) {
    .course-action-buttons {
        flex-direction: column;
        gap: 15px;
        padding: 0 15px;
    }

    .course-action-buttons .button {
        width: 100%;
        min-width: unset;
        padding: 10px 20px;
    }
}

/* Hide mobile sidebar button only for events */
.single-simple_event .mobile-sidebar-btn,
.single-simple_event .ti-menu-alt,
.single-simple_event .mobile-sidebar-panel-overlay {
    display: none !important;
}

/* If needed, also hide the entire sidebar container in mobile for events */
.single-simple_event .d-lg-none.btn-right-sidebar {
    display: none !important;
}