/*
* Plugin Name: Themeum Core
* Plugin URI: http://www.themeum.com/item/core
* Author: Themeum
* Author URI: http://www.themeum.com
* License - GNU/GPL V2 or Later
* Description: Themeum Core is a required plugin for this theme.
* Version: 1.0
*/

/*course-category*/

.course-category-wraper{}
.course-category-wraper .single-course-categories{
    background: #ffffff;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 30px;
    transition: 300ms;
    border-radius: 4px;
    max-width: 100%;
}
.course-category-wraper .category-thumbnail img{
    border-radius: 4px 4px 0 0;
}
.course-category-wraper .single-course-categories:hover{
    filter: grayscale(100%);
}
.course-category-wraper .category-content{
    padding: 25px 35px;
}

@media (max-width: 480px) {
    .course-category-wraper .category-content{
        padding: 20px;
    }
}

.course-category-wraper .category-content h3{
    font-size: 24px;
    color: var(--languageschool-heading-color);
    font-weight: 500;
    margin: 0;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.course-category-wraper .category-content span{
    font-size: 13px;
    color: var(--languageschool-major-color);
    font-weight: 500;
    line-height: 25px;
}

/*style 2*/

.course-style-two .tutor-course.tutor-course-loop{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.course-style-two .tutor-course.tutor-course-loop .tutor-course-header{
    flex: 0 0 300px;
    max-width: 300px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.rtl .course-style-two .tutor-course.tutor-course-loop .tutor-course-header{
    flex: 0 0 220px;
    max-width: 220px;
}

.course-style-two .tutor-course.tutor-course-loop .tutor-loop-course-bottom{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.tutor-course-loop-excerpt{
    padding: 0 15px 20px;
}

/*course categor filter*/

.languageschool-course-filter-wrap{
    margin-bottom: 30px;
}

.languageschool-sidebar-filter .single-filter{
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.languageschool-sidebar-filter .single-filter:last-child{
    margin-bottom: 0;
}


.languageschool-sidebar-filter .single-filter label{
    display: block;
    cursor: pointer;
    transition: 300ms;
}

.languageschool-sidebar-filter .single-filter label:hover{
    color: var(--languageschool-major-color);
}

.languageschool-sidebar-filter .single-filter label input{
    display: none;
}

.languageschool-sidebar-filter .single-filter label .filter-checkbox{
    height: 17px;
    width: 17px;
    display: inline-block;
    border: 1px solid #6d7382;
    border-radius: 3px;
    vertical-align: middle;
    transform: translateY(-2px);
    margin-right: 4px;
}

.rtl .languageschool-sidebar-filter .single-filter label .filter-checkbox{
    margin-right: 0;
    margin-left: 4px;
}

.languageschool-sidebar-filter .single-filter label input:checked + .filter-checkbox{
    border-color: var(--languageschool-major-color);
    position: relative;
}

.languageschool-sidebar-filter .single-filter label:hover input + .filter-checkbox{

    border-color: var(--languageschool-major-color);
}

.languageschool-sidebar-filter .single-filter label input:checked + .filter-checkbox::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f00c";
    line-height: 15px;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 11px;
    width: 100%;
    text-align: center;
    color: var(--languageschool-major-color);
}

.single-filter.filter-submit a,
.single-filter.filter-submit button {
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

.single-filter.filter-submit a i,
.single-filter.filter-submit button i {
    font-size: 11px;
}
.single-filter.filter-submit a{
    color: #222;
    margin-right: 10px;
}
.single-filter.filter-submit button{
    color: var(--languageschool-major-color);
    background: none;
    border: none;
}

.search_form_shortcode{
    width: 100%;
    max-width: 465px;
    position: relative;
    margin: 0 auto;
}

.search_form_shortcode input[type="text"]{
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 4px;
    background: #fff;
    text-indent: 20px;
}

.search_form_shortcode input[type="submit"]{
    display: none;
}

.search_form_shortcode label{
    color: var(--languageschool-major-color);
    height: 48px;
    line-height: 48px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    font-size: 24px;
    margin: 0;
    cursor: pointer;
}

body.rtl .search_form_shortcode label{
    padding-right: 0;
    padding-left: 15px;
    right: auto;
    left: 0;
}

/*header form*/

.search_form_shortcode.languageschool-header-search{
    width: 210px;
    transition: 300ms;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .search_form_shortcode.languageschool-header-search{
        width: 320px;
    }
}


.rtl .search_form_shortcode.languageschool-header-search{
    margin-right: 0;
    margin-left: 15px;
}

.languageschool-header-search input[type="text"] {
    height: 38px;
    background: #F6FAFB;
    border: 1px solid #E8EFF1;
    color: #6d7382;
    font-size: 14px;
}

.languageschool-header-search label{
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    color: var(--languageschool-heading-color);
    right: 15px;
}

/*.languageschool-course-tab*/

ul.languageschool-course-tab{
    border-bottom: 2px solid #DCDFE5;
    margin-bottom: 80px;
}

.languageschool-course-tab li a{
    font-size: 18px;
    line-height: 25px;
    color: #8C94A8;
    padding: 20px 100px 20px 13px;
    position: relative;
    transition: 300ms;
}

.languageschool-course-tab li a span{
    display: block;
    font-size: 13px;
    color: #6d7382;
}
.languageschool-course-tab li a:hover,
.languageschool-course-tab li a.active{
    color: var(--languageschool-major-color);
}

.languageschool-course-tab li a::after{
    position: absolute;
    height: 2px;
    width: 0;
    left: 0;
    bottom: -2px;
    background: var(--languageschool-major-color);
    content: '';
}

.languageschool-course-tab li a:hover::after,
.languageschool-course-tab li a.active::after{
    background: var(--languageschool-major-color);
    width: 100%;
    transition: 300ms;
}

/* timeline-tab */

.timeline-tab-container{
    background: #ffffff;
    border: 1px solid #E8EFF1;
}
.tab-content-image{
    padding: 0px 50px 40px 80px;
    text-align: center;
}
.tab-content-inner{
    padding: 0px 80px 40px 50px;
    font-size: 14px;
    color: #6d7382;
    line-height: 21px;
}

.tab-content-inner *:last-child{
    margin-bottom: 0;
}

.tab-content-inner .tab-content-heading{
    margin-bottom: 30px;
    font-size: 20px;
}

.tab-content-inner h5{
    margin-bottom: 5px;
    font-size: 16px;
}

.timeline-tab-menu{
    border-bottom: 2px solid #E8EFF1 !important;
}
.timeline-tab-menu li{
    padding: 0 20px !important;
    margin-bottom: -2px;
}
.timeline-tab-menu li a{
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 0;
    line-height: 25px;
    border-bottom: 2px solid transparent;
    color: var(--languageschool-text-color);
}

.timeline-tab-menu li a i{
    margin-right: 9px;
}



.timeline-tab-menu li a.active{
    border-bottom: 2px solid var(--languageschool-major-color);
    color: var(--languageschool-heading-color);
}

.timeline-tab-menu li a.active i{
    color: var(--languageschool-major-color);
}

.timeline-tab-content{
    padding-top: 40px;
}


/*// tutor extra*/
.tutor-loop-author > div a,
.tutor-course-loop-title a h2{
    transition: 300ms;
}

/****SOCIAL SHARE WIDGET CSS********/
.languageschool-social-share li{
    display: inline-block;
}
#bottom-wrap .languageschool-social-share li a{
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    font-size: 25px;
    opacity: 1;
    margin-right: 5px;
}
.languageschool-social-share li a.facebook{
    background: #3054A4;
}
.languageschool-social-share li a.twitter{
    background: #55acee;
}
.languageschool-social-share li a.pinterest{
    background: #bd081c;
}
.languageschool-social-share li a.linkedin{
    background: #0077B5;
}
.languageschool-social-share li a.rss{
    background: #3054A4;
}
.languageschool-social-share li a.instagram{
    background: #e4405f;
}
.languageschool-social-share li a.youtube{
    background: #cd201f;
}
.languageschool-social-share li a.dribble{
    background: #ea4c89;
}
.languageschool-social-share li a.vimeo{
    background: #1ab7ea;
}
#bottom-wrap .languageschool-social-share li a:hover{
    opacity: 0.6;
}
.bottom-widget-top{
    margin-bottom: 50px;
}
.bottom-widget-top .bottom-widget .widget h3.widget-title{
    font-size: 30px;
    line-height: 45px;
}
@media(max-width:992px){
    #bottom-wrap{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    #bottom-wrap .languageschool-social-share li a{
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .bottom-widget-top .bottom-widget .widget h3.widget-title{
        font-size: 18px;
    }
    .bottom-widget-top{
        margin-bottom: 0;
    }
    .footer-logo{
        text-align: left;
        margin-bottom: 20px;
    }
}
/***Blog Post Addon*****/
.languageschool-blog-postbox{
    border-top: 2px solid #eaeaea;
    padding-top: 28px;
    position: relative;
    padding-right: 120px;
}
.languageschool-blog-postbox .blog-post-content{
    padding-bottom: 25px;
    margin-bottom: 0;
}
.languageschool-blog-postbox time{
    color: var(--languageschool-major-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 15px;
    display: block;
}
.languageschool-blog-postbox .blog-listing-loadmore{
    right: 20px;
    left: auto;
    height: 100%;
    top: 0;
    margin-top: 0;
    background: var(--languageschool-major-color);
    opacity: 0;
    transition: all .3s;
}
.languageschool-blog-postbox img.arrow-white{
    display: block !important;
}
.languageschool-blog-postbox img.arrow-red{
    display: none !important;
}
.languageschool-blog-postbox:hover .blog-listing-loadmore{
    opacity: 1;
    right: 0;
}
.languageschool-blog-postbox .blog-post-title a{
    transition: all .5s;
}
.languageschool-blog-postbox .blog-post-title:hover a{
    color: var(--languageschool-major-color)!important;
}
@media(max-width:767px){
    .languageschool-blog-postbox{
        padding-right: 0;
    }
}

/*******COURSE SEARCH ADDON CSS******/
.single-search-field label{
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
}
.nice-select.form-control, input.form-control{
    width: 100%;
    background: #00000020;
    border-color: #00000020 !important;
    margin-bottom: 30px;
    color: #fff;
    line-height: 2.5;
    font-weight: 600;
    height: 50px;
    border-radius: 0px;
    border: none;
}
.nice-select.form-control .option{
    line-height: 35px;
    min-height: 35px;
}
.nice-select.form-control:hover, 
.nice-select.form-control:focus, input.form-control:focus{
    border-color: #00000020;
    box-shadow: none !important;
    background-color: #00000020;
    color: #fff;
}
.nice-select ul.list{
    max-height: 170px;
    overflow-y: scroll;
    width: 100%;
    top:92%;
    font-size: 13px;
}
.nice-select.form-control:after{
    border-bottom: 0;
    border-right: 0;
    transform: rotate(0);
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    margin-top: -8px;
}
.nice-select.form-control.open:after{
    transform: rotate(0);
    color: #fff;
}   
.nice-select.form-control.open ul.list{
    color: #000;
    border-radius: 0;
    min-width: 170px;
}
.course-search-inner .nice-select.form-control.open ul.list{
    min-width: 180px;
}
.btn.btn-search-course{
    background: transparent;
    border-color: #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 14px 26px;
    font-weight: 700;
    border-radius: 0px;
}   
.btn.btn-search-course:hover{
    background: #fff;
    color: var(--languageschool-major-color);
}
.single-search-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    font-size: 16px;
}
.single-search-field input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-size: 16px;
}
.single-search-field input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    font-size: 16px;
}
.single-search-field input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-size: 16px;
}
@media(max-width:767px){
    .btn.btn-search-course{
        padding: 10px 15px;
    }
    .nice-select.form-control:after{
        margin-top: -11px;
    }
}