/*----- My Courses shortcode css Start ---*/
:root {
    --video-color: #FFD6B0;
}
body{
    overflow-x:hidden;
    overflow-y:auto;
}
.single-music_courses,
.single-music_lessons,
.courses_list_box {    
    --font-montserrat: 'Montserrat';
    font-family: var(--font-montserrat);
}
.courses_list_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.courses_list_box .list_grid img {
    width: 100%;
    height: 400px !important;
    object-fit: cover;
}
.courses_list_box .list_grid img{
    height:220px !important;
    border-radius:8px 8px 0px 0px;
}
.courses_list_box .list_grid a{
    display:block;
}
.courses_list_box .list_grid h2{
    background-color:#000000;
    padding:20px;
    color:white;
    text-align:center;
    margin:0;
    font-size:26px;
}
.course_detail_info ul{
    padding:0;
    margin-bottom: 20px;
}
.courses_list_box ul li{
    list-style:none;
    color:white;
    position:relative;
    padding-left:30px;
    padding-bottom:10px;
    font-size:16px;
}
.courses_list_box ul li:before{
    position:absolute;
    content:'\f005';
    left:0;
    font-family:fontawesome;
}
.course_detail_info {
    background:#363636;
    padding:20px;
    border-radius:0px 0px 8px 8px;
}
.course_detail_info span.woocommerce-Price-amount.amount {
    color:white;
    font-size:34px;
    text-align:center;
    display:block;
    font-weight: bold;
}
.course_detail_info span.woocommerce-Price-currencySymbol {
    margin-right:10px;
}
.courses_list_box a.course_buy {
    text-align:center;
    float:none;
    width:fit-content;
    margin:auto;
    margin-top: 30px;
    padding:8px 20px;
    border-radius:5px;
    text-transform:uppercase;
    background:#e9c19d;
    color:#000000;
    letter-spacing:1px;
    font-size:20px;
}
.courses_list_box .list_grid{
    margin-bottom:40px;
}


/*----- My Courses shortcode css End ---*/

/*---- single lesson page css start ---*/
.lesson_main_sec ::-webkit-scrollbar {
    width: 10px;
}
.lesson_main_sec ::-webkit-scrollbar-track { 
    border-radius: 0px;
    background:white;
}
.lesson_main_sec ::-webkit-scrollbar-thumb {
    background: #686465; 
    border-radius: 10px;
    width:8px;
}
.lesson-video-wrapper {
    border: 1px solid var(--bs-white);
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.lesson-video-thumbnail {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.lesson-video-thumbnail:before {
    position: absolute;
    content: '';
    background-color: #00000052;
    inset: 0;
}
.lesson-video-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.lesson-video-wrapper .plyr--video {
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.subcribes_course {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
.lesson_list_single {
    background: rgb(43 43 43 / 80%);
    padding: 14px 20px;
    overflow: auto;
    display: flex;
    gap: 25px;
    aspect-ratio: 2;
    height: 100%;
    width: 100%;
    flex-direction: column;
}
.lesson_list_single .lesson_boxes a {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0px 0px;
    width: 100%;
    cursor: pointer;
}
.lesson_list_single .lesson_boxes a .leftbox {
    width: 42%;
    border-radius: 10px;
    border: 1px solid var(--bs-white);
    overflow: hidden;
    position: relative;
}
.lesson_list_single .lesson_boxes a .leftbox img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1.7867;
}
.lesson_list_single .lesson_boxes a .rightbox {
    width: 50%;
    color: #fff;
    padding-left: 15px;
}
.lesson_list_single .lesson_boxes a .rightbox h2 {
    font-size: 16px;
    text-align: left;
}
.lesson-video-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.lesson_main_sec h2 {
    font-size: 32px;
    color: var(--bs-white);
    font-family: 'Montserrat';
    font-weight: 700;
}
.lesson_description {
    color: var(--bs-white);
    padding:30px 0px;
}
button.lesson-play-button {
    background: transparent;
    font-size: 60px;
}
a.back_btns {
    background: #282828;
    padding: 14px;
    border-radius: 4px;
    font-weight: 500;
    float: right;
    color: #E9C19D;
    font-family: 'Montserrat';
}
a.back_btns:hover {
    color: var(--bs-white);
}
.lesson_title {
    margin-bottom: 20px;
}
.lesson_title .row {
    align-items: center;
}
.lesson-video-thumbnail button.lesson-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    background: transparent;
    padding: 7%;
}

.lesson-video-thumbnail button.lesson-play-button img {
    height: 100% !important;
    position: absolute;
    width: 100% !important;
    inset: 0;
}
.lesson_description a {
    color: #FFD6B0;
}
/*---- single lesson page css end ---*/



/*--- Single Music Course Page Css Start ---*/

.course-content, .lesson_main_sec {
    position: relative;
    padding-top: 180px;
    padding-bottom: 60px;
}
.single-music_courses, .single-music_lessons {
    background: #1a1a1a;
}
h1.main_titles {
    font-size: 24px;
    color: #E9C19D;
    font-family: 'Montserrat';
    font-weight: 600;
}
.course-description, .course_assets, .course-mentor-box {
    background: #2a2828;
    color: var(--bs-white);
    padding: 30px;
}
.course-mentor-box {
    height: 100%;
}
.course-description h2, .course_assets h2, .course-mentor-box h2 {
    font-size: 20px;
    font-family: 'Montserrat';
}
.course-mentor-box h2 {
    color: #E9C19D;
}
ul.course_assets_list {
    list-style: none;
    padding-left: 0px;
}
ul.course_assets_list li {
    padding: 6px 0px;
    text-underline-offset: 5px;
}
ul.course_assets_list li a {
    color: var(--bs-white);
}
ul.video_lesson li {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0px 0px;
    width: 100%;
    cursor: pointer;
}
ul.video_lesson {
    background: rgb(43 43 43 / 80%);
    padding: 14px 20px;
    overflow: auto;
    display: flex;
    gap: 25px;
    aspect-ratio: 2;
    height: 100%;
    width: 100%;
    flex-direction: column;
}
ul.video_lesson li .leftimg {
    width: 42%;
    border-radius: 10px;
    border: 1px solid var(--bs-white);
    overflow: hidden;
    position: relative;
}
ul.video_lesson li .leftimg img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1.7867;
}
.rightinfo {
    width: 58%;
    color: var(--bs-white);
    padding-left: 15px;
}
.rightinfo h2 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    margin-bottom: 4px;
}
.rightinfo p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.64;
    margin-block-end: 0;
}
.middle-bar-box .row {
    align-items: center;
}
/*a.add-to-cart-product, .bg-cartbtn {
    float: right;
}*/
.bg-cartbtn i {
    margin-right: 4px !important;
}
a.add-to-cart-product:hover, .bg-cartbtn:hover {
    color: #fff;
}
a.add-to-cart-product, .bg-cartbtn {
    background: #2a2828;
    color: #fff;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
}
.video-wrapper {
    border: 1px solid var(--bs-white);
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.video-wrapper .video-thumbnail img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
video.video_frames {
}
.video-thumbnail {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.video-thumbnail img {
    width: 100%;
}
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
}
.play-button.disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
.video-wrapper .plyr--video {
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.login-button {
    display: block;
    text-align: center;
    margin-top: 10px;
    background: #0073aa;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
}
/*ul.video_lesson li.active .leftimg:after {
    content: '';
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    opacity: .5;
}
ul.video_lesson li.active .leftimg {
    position: relative;
    border-radius: 10px;
    border: 1px solid #fff;
    overflow: hidden;
}
ul.video_lesson li.active .leftimg:before {
    content: "\f28b";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #fff;
    z-index: 99999;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    left: 0px;
    font-size: 28px;
}*/
.video-thumbnail button.play-button.login-alert {
    font-size: 18px;
    background: #000000a8;
    color: #E9C19D;
}
.video-thumbnail button.play-button {
    background: transparent;
    padding: 7%;
}
.play-button img {
    height: 100% !important;
    position: absolute;
    width: 100% !important;
    inset: 0;
}
.course-content ::-webkit-scrollbar {
  width: 15px;
}
.course-content ::-webkit-scrollbar-track { 
  border-radius: 0px;
    background:white;
}
.course-content ::-webkit-scrollbar-thumb {
  background: #686465; 
  border-radius: 10px;
     width:8px;
}
.course-content .video-thumbnail:before{
  position:absolute;
  content:'';
  background-color:#00000052;
  inset:0;
}
.subcribe_course_opts a.subcribes_course {
    position:relative;
    float:none;
    left:0;
    background-color:#e9c19d;
    text-transform:uppercase;
    color:#000000;
    padding:8px 20px;
    border-radius:6px;
}
.subcribe_course_opts{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    height:fit-content;
    margin:auto;
}
.subcribe_course_opts i{
    color: var(--bs-white);
    font-size:40px;
}
.subcribe_course_opts h3{
    color: var(--bs-white);
    font-size: 32px;
    font-family: 'Montserrat';
    font-weight: 700;
}
h2.lesson_namebox {
    font-size: 32px;
    color: var(--bs-white);
    font-family: 'Montserrat';
    font-weight: 700;
}
.plyr__controls [type="button"] {
    border: none;
    color: var(--video-color);
}
.plyr__controls [type="button"]:hover {
    background: transparent;
    color: var(--video-color);
}
.plyr--full-ui input[type=range] {
    color: var(--video-color) !important;
}
.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true] {
    background: var(--video-color) !important;
}
.plyr__controls button:focus {
    background-color: var(--video-color) !important;
}
.course-content ::-webkit-scrollbar {
    width: 10px;
}

/*--- Single Music Course Page Css End ---*/



/*---- cart page css start ----*/

.woocommerce-cart .product-quantity {
    display: none !important;
}
.cart-empty.woocommerce-info {
    background: #333333;
    color: #fff;
    border-top-color: #e9c19d;
}
.cart-empty.woocommerce-info:before {
    color: #e9c19d;
}
a.button.wc-backward, a.button.wc-backward:hover {
    background: #333333 !important;
    padding: 20px !important;
    font-size: 16px !important;
    font-family: 'Montserrat' !important;
}

/*---- cart page css End ---*/


/*---- my account page css start ---*/

.my-account-sec {
    background: #1B1A1A;
}
.my-account-sec .woocommerce {
    background:#313131;
    padding: 30px;
    color: #fff;
    font-family: 'Montserrat';
}
.my-account-sec .woocommerce .edit-account fieldset {
    padding: .35em 0em .625em;
}
.my-account-sec .woocommerce .product-name ul.wc-item-meta {
    padding-left: 0px;
}
.my-account-sec  form.woocommerce-form.woocommerce-form-login.login,
.my-account-sec  form.woocommerce-form.woocommerce-form-register.register {
    box-shadow: 0px 0px 10px -2px #00000038;
}
.logged-in .my-account-sec nav.woocommerce-MyAccount-navigation ul li:before {
    color: #E9C19D;
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight: 900;
    background: #1b1a1a;
    padding: 8px 8px;
    border-radius: 50px;
    margin-right: 10px;
    min-width: 42px;
    text-align: center;
}
.logged-in .my-account-sec nav.woocommerce-MyAccount-navigation ul li {
    padding: 10px 0px;
    list-style: none;
    margin: 0 0px 10px;
    border-bottom: 1px solid #c3c3c3;
    position: relative;
    display: flex;
    align-items: center;
}
.logged-in nav.woocommerce-MyAccount-navigation ul li a {
    color: #fff;
    font-weight: 700;
    font-family: 'Montserrat';
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--dashboard:before {
    content: "\f019";
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--orders:before {
    content: '\f217';
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--downloads:before {
    content: "\f019";
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--edit-address:before {
    content: '\f2b9';
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--edit-account:before {
    content: '\f570';
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--customer-logout:before {
    content: '\f08b';
}
.logged-in .my-account-sec .woocommerce-MyAccount-navigation-link--my-purchased-courses:before {
    content: '\f19d';
}
ul.courses_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    list-style: none;
    padding-left: 0px;
}
ul.courses_list li img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #ffffff85;
}
ul.courses_list li h2.course_title {
    font-size: 20px;
}
.purchased_courselist {
    margin: 40px 0px;
}
.my-account-sec .purchased_courselist {
    background:#313131;
    padding:20px 0px;
    border-radius:5px;
}
.my-account-sec .purchased_courselist>h2{
    color:white;
    margin-bottom:40px;
    font-size:26px;
}
.my-account-sec .purchased_courselist ul.courses_list li h2.course_title{
    font-size:22px;
    padding:0;
     color:white;
}
.my-account-sec .purchased_courselist .buycourse_box p{
    font-size:20px;
}
.my-account-sec .buycourse_box h2{
    text-transform:capitalize;
}
.my-account-sec nav.woocommerce-MyAccount-navigation ul{
    padding-left:0;
}
.my-account-sec .woocommerce .dashboard_home a:hover {
    color: #fff !important;
}
.my-account-sec .woocommerce .dashboard_home a {
    text-decoration: underline;
    text-underline-offset: 4px;
}


/*---- my account page css start ---*/



/*----Checkout Page Css Start ---*/

.checkout_form_box {
    color: #fff;
    font-family: 'Montserrat';
}
.checkout_form_box h3 {
    font-size: 20px;
    font-weight: 700;
}
.woocommerce-checkout .cart_item td.product-name {
    display: flex;
    align-items: center;
}
.woocommerce-checkout .cart_item td.product-name a.remove {
    background: #e9c19d;
    color: #fff!important;
    margin-right: 10px;
}
.woocommerce-checkout a.showcoupon {
    color: #e9c19d;
}
.woocommerce-checkout input#coupon_code {
    height: 50px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #e9c19d;
    color: #e9c19d;
}
.woocommerce-checkout  input#coupon_code::placeholder {
    color: #e9c19d;
}
.woocommerce-checkout .checkout_coupon button.button {
    background: #1b1a1a;
    color: #e9c19d;
    height: 50px;
    border: 1px solid #e9c19d;
    border-radius: 10px;
}
.woocommerce-checkout .checkout_coupon button.button:hover {
    background: #1b1a1a;
    color: #e9c19d;
}
.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon {
    border: 1px solid #e9c19d;
    border-radius: 10px;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top-color: #e9c19d;
    background: #1b1a1a;
    color: #fff;
}
.woocommerce-checkout .woocommerce-info:before {
    color: #fff;
}
h3#order_review_heading {
    margin: 30px 0px;
}
li.wc_payment_method.payment_method_razorpay img {
    filter: grayscale(0) invert(1);
}
.woocommerce-checkout div#payment {
    background: #1b1a1a!important;
}
.woocommerce-checkout button#place_order {
    background: #313131;
    padding: 20px;
    border: 1px solid #e9c19d;
    color: #e9c19d;
}
.woocommerce-checkout a.woocommerce-privacy-policy-link {
    color: #e9c19d;
    text-decoration: underline;
    text-underline-offset: 5px;
}

/*----Checkout Page Css End ---*/


/*--- Medeia Query Css Start ---*/

@media only screen and (max-width: 991px) {
    .course-mentor-box {
        margin: 1rem 0px;
    }

    .video-wrapper .video-thumbnail img{
        height:auto;
    }
    .lesson-video-thumbnail img {
        height: auto;
    }
    .course-content ::-webkit-scrollbar {
        width: 5px;
    }
    ul.video_lesson {
        margin-top:20px;
    }
    .subcribe_course_opts h3 {
        font-size: 18px;
    }
    .subcribe_course_opts i {
        font-size: 28px;
    }
    button.lesson-play-button, .subcribes_course {
        padding: 10px 14px;
        font-size: 16px;
    }
    .middle-bar-box, .lesson_list_single {
        margin-top: 20px;
    }
    .courses_list_box {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media only screen and (max-width: 767px) {
.course-description, .course_assets, .course-mentor-box {
        padding: 15px;
    }
    ul.courses_list{
        grid-template-columns: repeat(1, 1fr);
    }
    .plyr__controls button[data-plyr="mute"],
    .plyr__controls input[data-plyr="volume"] {
        display: none !important;
    }
    .lesson_title {
        text-align: center;
    }
    .lesson_list_single {
        margin: 20px 0px;
    }
    a.back_btns {
        float: none;
    }
    h2.lesson_namebox {
        font-size: 22px;
        margin-bottom: 0;
    }
    h1.main_titles {
        font-size: 16px;
    }
    .lesson_main_sec h2 {
        font-size: 22px;
    }
    .courses_list_box {
        grid-template-columns: repeat(1, 1fr);
    }
    .bg-cartbtn {
        margin: 10px 0px !important;
        display: block;
    }
    .course_detail_info span.woocommerce-Price-amount.amount {
        font-size: 28px;
    }
}