/*======================================================
  MasterStudy LMS Custom Theme
  Website : hossamelkhatib.com
  Theme   : Blocksy Child
  Version : 1.0
======================================================*/


/*======================================================
01- COLOR SYSTEM
======================================================*/

:root{

    --hk-bg:#F5F4EF;

    --hk-card:#FFFFFF;

    --hk-primary:#302B1D;

    --hk-dark:#252525;

    --hk-text:#787C82;

    --hk-border:#E8E4DD;

    --hk-gradient:linear-gradient(
        220deg,
        #9E9073 0%,
        #302B1D 100%
    );

    --hk-shadow:0 12px 35px rgba(0,0,0,.06);

    --hk-shadow-hover:0 25px 60px rgba(48,43,29,.18);

    --hk-radius:20px;

    --hk-transition:.35s ease;

}


/*======================================================
02- MASTERSTUDY GENERAL
======================================================*/

.masterstudy-lms,
.masterstudy-single-course,
.masterstudy-account,
.ms_lms_courses_archive,
.ms_lms_courses_wrapper{

    background:var(--hk-bg);

}


/*======================================================
03- PAGE BACKGROUND
======================================================*/

body.single-courses,
body.post-type-archive-courses,
body.tax-ms_lms_course_taxonomy,
body[class*="courses"]{

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

}


body.single-courses #main,
body.post-type-archive-courses #main{

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

}


body.single-courses .ct-container,
body.post-type-archive-courses .ct-container{

    background:transparent!important;

}


body.single-courses article,
body.post-type-archive-courses article{

    background:transparent!important;

}


body.single-courses .entry-content,
body.post-type-archive-courses .entry-content{

    background:transparent!important;

}


/*======================================================
04- ALL WHITE BLOCKS
======================================================*/

.masterstudy-single-course .sidebar,
.masterstudy-single-course .masterstudy-course-tabs,
.masterstudy-single-course .masterstudy-course-player,
.masterstudy-account-container,
.masterstudy-account-sidebar,
.masterstudy-account-content,
.ms_lms_courses_archive__filter,
.ms_lms_courses_archive__sorting,
.ms_lms_courses_card_item,
.ms_lms_courses_card_item_popup{

    background:var(--hk-card);

    border-radius:var(--hk-radius);

    border:1px solid var(--hk-border);

    box-shadow:var(--hk-shadow);

}


/*======================================================
05- TITLES
======================================================*/

.masterstudy-single-course h1,
.masterstudy-single-course h2,
.masterstudy-single-course h3,
.masterstudy-account h1,
.masterstudy-account h2,
.masterstudy-account h3,
.ms_lms_courses_archive h2,
.ms_lms_courses_card_item h3{

    color:var(--hk-primary);

    font-weight:700;

}


/*======================================================
06- PARAGRAPHS
======================================================*/

.masterstudy-single-course p,
.masterstudy-account p,
.ms_lms_courses_archive p,
.ms_lms_courses_card_item{

    color:var(--hk-text);

}




/*======================================================
07- COURSE CARDS
======================================================*/

.ms_lms_courses_card{
    margin-bottom:35px;
}

.ms_lms_courses_card_item{

    overflow:hidden;

    transition:all .35s ease;

    border-radius:20px;

    background:#FFF;

    border:1px solid var(--hk-border);

    box-shadow:var(--hk-shadow);

    position:relative;

}

.ms_lms_courses_card_item:hover{

    transform:translateY(-10px);

    box-shadow:var(--hk-shadow-hover);

}

.ms_lms_courses_card_item_wrapper{

    background:#FFF;

}

/*================ IMAGE =================*/

.ms_lms_courses_card_item_image_link{

    display:block;

    overflow:hidden;

    border-radius:20px 20px 0 0;

}

.ms_lms_courses_card_item_image{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.6s;

}

.ms_lms_courses_card_item:hover .ms_lms_courses_card_item_image{

    transform:scale(1.08);

}

/*================ CATEGORY =================*/

.ms_lms_courses_card_item_info_category{

    display:inline-block;

    margin-top:18px;

}

.ms_lms_courses_card_item_info_category a{

    background:#F5F4EF;

    color:var(--hk-primary);

    padding:7px 16px;

    border-radius:50px;

    text-decoration:none;

    font-size:13px;

    font-weight:600;

}

/*================ TITLE =================*/

.ms_lms_courses_card_item_info{

    padding:25px;

}

.ms_lms_courses_card_item_info_title{

    text-decoration:none;

}

.ms_lms_courses_card_item_info_title h3{

    color:var(--hk-primary);

    font-size:22px;

    line-height:1.7;

    transition:.3s;

    min-height:75px;

}

.ms_lms_courses_card_item:hover h3{

    color:#9E9073;

}

/*================ META =================*/

.ms_lms_courses_card_item_info_meta{

    display:flex;

    justify-content:space-between;

    margin-top:18px;

    padding-top:18px;

    border-top:1px solid #EEE;

}

.ms_lms_courses_card_item_meta_block{

    color:var(--hk-text);

    font-size:14px;

}

.ms_lms_courses_card_item_meta_block i{

    color:#9E9073;

    margin-left:8px;

}

/*================ DIVIDER =================*/

.ms_lms_courses_card_item_info_divider{

    display:none;

}

/*================ RATING =================*/

.ms_lms_courses_card_item_info_bottom_wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-top:20px;

}

.ms_lms_courses_card_item_info_rating_quantity{

    color:var(--hk-primary);

    font-weight:700;

}

/*================ STATUS =================*/

.ms_lms_courses_card_item_status{

    top:18px;

    right:18px;

    border-radius:40px;

    padding:8px 18px;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.ms_lms_courses_card_item_status span{

    font-size:12px;

    font-weight:700;

}




/*======================================================
10- FILTER SIDEBAR
======================================================*/

.ms_lms_courses_archive__filter{

    background:#FFF;

    border-radius:22px;

    padding:30px;

    border:1px solid var(--hk-border);

    box-shadow:var(--hk-shadow);

}

/* عنوان كل قسم */

.ms_lms_courses_archive__filter_options_item{

    margin-bottom:18px;

    border-bottom:1px solid #ECE7DE;

    padding-bottom:18px;

}

.ms_lms_courses_archive__filter_options_item:last-child{

    border:none;

}

.ms_lms_courses_archive__filter_options_item_title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

}

.ms_lms_courses_archive__filter_options_item_title h3{

    color:var(--hk-primary);

    font-size:18px;

    font-weight:700;

}

/* علامة + */

.ms_lms_courses_archive__filter_options_item_title_toggler{

    width:34px;

    height:34px;

    border-radius:50%;

    background:#F5F4EF;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

}

.ms_lms_courses_archive__filter_options_item_title:hover
.ms_lms_courses_archive__filter_options_item_title_toggler{

    background:var(--hk-gradient);

}

/*======================================
Checkbox
======================================*/

.ms_lms_courses_archive__filter_options_item_checkbox{

    display:flex;

    align-items:center;

    padding:12px;

    border-radius:12px;

    transition:.3s;

}

.ms_lms_courses_archive__filter_options_item_checkbox:hover{

    background:#F5F4EF;

}

.ms_lms_courses_archive__filter_options_item_checkbox_inner span{

    width:22px;

    height:22px;

    border:2px solid #DDD;

    border-radius:6px;

    transition:.3s;

}

.ms_lms_courses_archive__filter_options_item_checkbox input:checked+span{

    background:var(--hk-gradient);

    border:none;

}

.ms_lms_courses_archive__filter_options_item_checkbox_label{

    margin-right:12px;

    color:var(--hk-primary);

}

/*======================================
Radio
======================================*/

.ms_lms_courses_archive__filter_options_item_radio_fake{

    width:18px;

    height:18px;

    border-radius:50%;

    border:2px solid #DDD;

}

.ms_lms_courses_archive__filter_options_item_radio input:checked+
.ms_lms_courses_archive__filter_options_item_radio_fake{

    background:#302B1D;

    border-color:#302B1D;

}



/*==========================================
=      SINGLE COURSE PAGE
==========================================*/

.masterstudy-single-course,
.masterstudy-single-course *,
.masterstudy-course-player,
.masterstudy-course-player *{
    box-sizing:border-box;
}

/* الصفحة بالكامل */
.masterstudy-single-course{
    background:#f5f4ef;
    color:#302b1d;
}

/* جميع البلوكات */
.masterstudy-single-course .masterstudy-course-tabs,
.masterstudy-single-course .masterstudy-course-sidebar,
.masterstudy-single-course .masterstudy-course-content,
.masterstudy-single-course .masterstudy-course-description,
.masterstudy-single-course .masterstudy-course-curriculum,
.masterstudy-single-course .masterstudy-course-reviews,
.masterstudy-single-course .masterstudy-course-faq,
.masterstudy-single-course .masterstudy-course-instructor,
.masterstudy-single-course .masterstudy-course-announcement{

    background:#fff;
    border-radius:18px;
    padding:30px;
    border:1px solid #e7e4dc;
    box-shadow:0 8px 30px rgba(0,0,0,.05);
    margin-bottom:25px;

}




/*======================================================
BUTTONS
======================================================*/

.masterstudy-button,
.masterstudy-buy-button__link,
.masterstudy-button_style-primary,
.masterstudy-button_style-secondary,
.ms_lms_courses_card_item_popup_button,
.ms_lms_courses_archive__filter_actions_button,
.masterstudy-account button,
.masterstudy-account .button,
.masterstudy-single-course button,
.masterstudy-single-course .button,
.masterstudy-single-course input[type="submit"],
.masterstudy-single-course a[class*="button"]{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:52px;

    padding:14px 28px;

    border:none !important;

    border-radius:8px;

    cursor:pointer;

    text-decoration:none;

    font-size:15px;

    font-weight:700;

    color:#fff !important;

    background:linear-gradient(
        135deg,
        #9E9073 0%,
        #302B1D 100%
    ) !important;

    box-shadow:
        0 10px 25px rgba(48,43,29,.18);

    transition:all .35s ease;
}

/* Hover */

.masterstudy-button:hover,
.masterstudy-buy-button__link:hover,
.masterstudy-button_style-primary:hover,
.masterstudy-button_style-secondary:hover,
.ms_lms_courses_card_item_popup_button:hover,
.ms_lms_courses_archive__filter_actions_button:hover,
.masterstudy-account button:hover,
.masterstudy-single-course button:hover{

    color:#fff !important;

    transform:translateY(-3px);

    box-shadow:
        0 18px 40px rgba(48,43,29,.28);

    filter:brightness(108%);
}

/* Active */

.masterstudy-button:active,
.masterstudy-buy-button__link:active{

    transform:translateY(1px);

}

/* Focus */

.masterstudy-button:focus,
.masterstudy-buy-button__link:focus{

    outline:none;

    box-shadow:
        0 0 0 4px rgba(158,144,115,.25),
        0 12px 30px rgba(48,43,29,.25);

}

/* أي أيقونة داخل الزر */

.masterstudy-button i,
.masterstudy-buy-button__link i{

    color:#fff;

    margin-inline-end:8px;

}