/* =====================================================
   DSF LESSON ROOM V3 PREMIUM
   Digital Success Frontier Online Academy
======================================================*/

:root{

    --dsf-bg:#09111f;
    --dsf-card:#101a2d;
    --dsf-card2:#16233c;

    --dsf-gold:#f5c542;
    --dsf-gold2:#ffdd66;

    --dsf-white:#ffffff;
    --dsf-text:#d9e4ff;
    --dsf-border:rgba(255,255,255,.08);

    --radius:18px;
}

/* Background */

body.single-lesson{

    background:var(--dsf-bg)!important;

}

/* Main Wrapper */

.tutor-course-single-sidebar-wrapper{
    height: calc(100vh - 140px);
    overflow-y: auto;
}

}

/* ==================================================
   DSF PREMIUM SIDEBAR
================================================== */

.tutor-course-single-sidebar-wrapper{

    background:#0d1729 !important;

    border-left:1px solid rgba(255,255,255,.05);

    border-right:1px solid rgba(255,255,255,.05);

    box-shadow:0 20px 60px rgba(0,0,0,.45);

}

/* Title */

.tutor-course-single-sidebar-title{

    background:#13203a !important;

    color:#fff;

    padding:22px;

    font-size:18px;

    font-weight:700;

    border-bottom:1px solid rgba(255,255,255,.08);

}

/* Scroll */

.tutor-course-single-sidebar-wrapper{

    overflow-y:auto;

}

.tutor-course-single-sidebar-wrapper::-webkit-scrollbar{

    width:8px;

}

.tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb{

    background:var(--dsf-gold);

    border-radius:50px;

}

/* Title */

.tutor-course-single-sidebar-title{

    background:#13203a;

    color:#fff;

    padding:20px;

    font-size:20px;

    font-weight:700;

    border-bottom:1px solid rgba(255,255,255,.08);

}

/* Topic */

.tutor-course-topic{

    margin:12px;

    border-radius:16px;

    overflow:hidden;

}

/* Topic Header */

.tutor-accordion-item-header{

    background:#16253f;

    color:#fff;

    padding:18px;

    transition:.30s;

}

.tutor-accordion-item-header:hover{

    background:#1b3154;

}

/* Lesson */

.tutor-course-topic-item{

    transition:.30s;

    border-radius:14px;

    margin:6px;

}

/* Hover */

.tutor-course-topic-item:hover{

    background:rgba(245,197,66,.15);

    transform:translateX(6px);

}

/* Active Lesson */

.tutor-course-topic-item.is-active{

    background:linear-gradient(90deg,#f5c542,#ffdd66);

}

.tutor-course-topic-item.is-active a{

    color:#09111f!important;

    font-weight:700;

}

/* Right Area */

#tutor-single-entry-content{

    flex:100%;

}

/* Video */

.tutor-video-player-wrapper{

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.45);

}

/* Content */

.tutor-course-topic-single-body{

    background:transparent;

}

/* Tabs */

.tutor-course-spotlight-wrapper{

    margin-top:25px;

}

/* Buttons */

.tutor-btn,

button,

input[type=submit]{

    border-radius:14px!important;

}

/* Previous Next */

.tutor-single-course-pagination a{

    background:linear-gradient(90deg,#f5c542,#ffdd66);

    color:#09111f!important;

    border-radius:50px;

    font-weight:bold;

    padding:14px 30px;

}

/* Progress */

.tutor-progress-bar{

    height:10px;

    border-radius:20px;

}

.tutor-progress-value{

    background:linear-gradient(90deg,#f5c542,#ffdd66)!important;

}

/* Animation */

.tutor-course-topic-item{

    animation:fadeUp .45s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(12px);

}

to{

opacity:1;

transform:none;

}

}

/* Mobile */

@media(max-width:1024px){

.tutor-course-single-content-wrapper{

display:block;

padding:15px;

}

.tutor-course-single-sidebar-wrapper{

width:100%;

height:auto;

position:relative;

margin-bottom:20px;

}

}.tutor-course-topic{

    margin:12px;

    background:#111c31;

    border-radius:16px;

    overflow:hidden;

}.tutor-accordion-item-header{

    background:#162640 !important;

    color:#fff;

    transition:.30s;

}

.tutor-accordion-item-header:hover{

    background:#213759 !important;

}.tutor-course-topic-item{

    padding:6px 10px;

    border-radius:12px;

    transition:.30s;

}.tutor-course-topic-item:hover{

    background:rgba(245,197,66,.12);

}.tutor-course-topic-item.is-active{

    background:linear-gradient(90deg,#f5c542,#ffd95f)!important;

}

.tutor-course-topic-item.is-active *{

    color:#09111f!important;

    font-weight:700;

}.tutor-course-single-sidebar-wrapper::-webkit-scrollbar{

    width:8px;

}

.tutor-course-single-sidebar-wrapper::-webkit-scrollbar-thumb{

    background:#f5c542;

    border-radius:50px;

}/* Sidebar Header */
.tutor-course-topic-sidebar-header{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    padding:18px 22px !important;
    min-height:65px;
    background:#13203a;
    color:#fff;
}

/* Course Content title */
.tutor-course-topic-sidebar-header h3,
.tutor-course-topic-sidebar-title{
    color:#fff !important;
    font-size:20px;
    font-weight:700;
    margin:0;
}

/* Module header */
.tutor-accordion-item-header{
    padding:16px 18px !important;
    min-height:60px;
}/* ===== SIDEBAR TEXT FIX ===== */

/* Course Content title */
.tutor-course-topic-sidebar-title,
.tutor-course-topic-sidebar-title *,
.tutor-course-topic-sidebar-header h3{
    color:#ffffff !important;
}

/* Close (X) */
.tutor-course-topic-sidebar-header button,
.tutor-course-topic-sidebar-header svg,
.tutor-course-topic-sidebar-header i{
    color:#ffffff !important;
    fill:#ffffff !important;
}

/* Module Title */
.tutor-accordion-item-header,
.tutor-accordion-item-header *,
.tutor-accordion-item-header span,
.tutor-accordion-item-header h4{
    color:#ffffff !important;
}

/* Lesson titles */
.tutor-course-topic-item a,
.tutor-course-topic-item span{
    color:#ffffff !important;
}

/* Duration */
.tutor-course-topic-item small,
.tutor-course-topic-item .tutor-fs-7{
    color:#d7d7d7 !important;
}