/*
Theme Name:   Yogastic Child
Theme URI:    https://htagroup.com.vn/
Description:  Yogastic Child
Author:       HTAGroup
Author URI:   https://htagroup.com.vn
Template:     yogastic
Version:      1.0.0
Text Domain:  Child Theme for Yogastic WordPress Theme.
*/

.page-title-area{
    display: none !important;
}
.masteriyo-btn.masteriyo-btn-primary {
    background-color: #764979 !important;
    border-color: #764979 !important;
    color: var(--masteriyo-color-white);
    text-decoration: none;
}
.masteriyo-search button{
    background-color: #764979 !important;
    border: 1px solid var(--masteriyo-color-text-light-a20);
    color: #fff;
    padding: 0 !important;
    width: 190px !important;
}
.masteriyo-input{
    width: calc(100% - 0px) !important;
}
.wp-block-search button[type=submit]{
    background: #764979 !important;
}
.masteriyo-search .search-field:hover, .masteriyo-search .search-field:focus, .masteriyo-search .search-field:active{
        border: 1px solid #764979 !important;
}
.masteriyo-course--content .masteriyo-course--content__title a:hover, .masteriyo-course--content .masteriyo-course--content__title a:focus{
    color: #764979 !important;
}
.comment-submit-yogastic{
    background-color: #764979 !important;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item button{
    border: 1px solid var(--masteriyo-color-text-light-a20);
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item:hover button, .masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item.active button {
    color: #ffffff;
    background: #764979 !important;
}
.masteriyo-course--content__category-items{
    color: #764979 !important;
}
.masteriyo-container .masteriyo-courses-view-mode-section span{
    display: none !important;   
}
.page-numbers li span.current{
    border: unset !important;
}
.single-blog-wrap{
    background: #764979 !important;
}
.single-blog-wrap .blog-details .read-more-btn{
    color: #764979 !important;
}
.slide-banner .elementor-widget-container .container .slide{
    overflow: unset !important;
    position: absolute;
    top: -270px !important;
}
.slide{
    overflow: unset !important;
}
.slide li:last-child {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}
.slide li{
    padding: 7px 7px !important;
}
.form-outer .form-inner .main {
    width: 100%;
    padding: 0 0 0 0;
}
.form-outer .form-inner .main1 {
    width: 47.2%;
    float: left;
    margin-right: 5px;
}
.form-outer .form-inner .main2 {
    width: 47.2%;
    float: left;
    margin-left: 12px;
}
.form-outer .form-inner p {
    margin: 0 0 23px 0 !important;
    padding: 0;
}
.wpcf7-form-control-wrap {
    position: unset;
}
.form-outer .form-inner .main1 input {
    color: #555;
    background: #fff;
    border: 1px solid #f2f6fe;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: block;
    padding: 12px 18px 12px 18px;
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.form-outer .form-inner .main2 input {
    color: #555;
    border: 1px solid #f2f6fe;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    display: block;
    padding: 12px 18px 12px 18px;
    width: 100%;
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
}
.form-outer .form-inner .main3 textarea {
    line-height: 12px !important;
    font-family: 'Karla', sans-serif;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #f2f6fe;
    height: 115px;
    width: 97.3%;
    padding: 17px;
}
span.page-numbers.current, span.post-page-numbers.current {
    background-color: var(--e-global-color-accent);
    border-radius: 50%;
    width: 34px;
    height: 34px;
}
.container .pagination-outer .carousel-control-next, .carousel-control-prev {
    top: 140px !important;
}
.slide-course .owl-carousel .owl-nav button.owl-next span {
    /*right: 288px !important;*/
}
.page-numbers{
    background: unset !important;
    margin: 0 auto !important;
    box-shadow: unset !important;
}
.page-numbers li span.current{
    border-radius: 50% !important;
}
.page-numbers .prev, .next{
    fill: #fff !important;
    padding: 5px;
}
.yogastic-pagination .pagination .nav-links .page-numbers li span.current{
    padding: 5px;
}
/*.page-numbers .next{*/
/*    fill: #fff !important;*/
/*    padding 5px;*/
/*}*/

.yogastic-page-containerr .entry-content a, p.logged-in-as a{
    box-shadow: unset !important;
}
/*.elementor-kit-944 button, .elementor-kit-944 input[type="button"], .elementor-kit-944 input[type="submit"], .elementor-kit-944 .elementor-button{*/
/*    font-size: unset !important;*/
/*    line-height: unset !important;*/
/*    border-radius: 35px 35px 35px 35px !important;*/
/*    padding: 10px !important;*/
/*}*/
ul.page-numbers li{
    background: #764979 !important;
}
ul.page-numbers li:hover{
    background: #764979 !important;
}
.wp-block-search__label:after, .wp-block-group__inner-container>h1:after, .wp-block-group__inner-container>h2:after, .wp-block-group__inner-container>h3:after, .wp-block-group__inner-container>h4:after, .wp-block-group__inner-container>h5:after, .wp-block-group__inner-container>h6:after{
    background-color: #764979 !important;
}
.wp-block-search__inside-wrapper{
    border: 1px solid #764979 !important;
}
.elementor-kit-944 button{
    border-radius: var(--chakra-radii-full) !important;
    font-size: 16px !important;
}
.elementor-kit-944 .masteriyo-login--form .masteriyo-btn-wrapper button{
    border-radius: 4px !important;
}
.css-en-1oq89kn{
    color: #000 !important;
}
.page-title-area .breadcrumb{
    display: none !important;
}
.masteriyo-signup span{
    color: #000 !important;
}
.elementor-kit-944 button.css-en-1k6l8op, .elementor-kit-944 button.css-en-13tuorg, .elementor-kit-944 button.css-en-1myb4rx, .elementor-kit-944 button.css-en-7rwas6, .elementor-kit-944 button.css-en-1vocaqp{
    padding: 15px !important;
}
button.css-en-13dj{
    padding: 10px !important;
}
button.css-en-w9tnpz{
    padding: 0 !important;
}
.css-en-5zo5og{
    padding-top: 12px;
}
.css-en-5zo5og div.css-en-iohxn1{
    top: 40% !important;
}
.elementor-kit-944.css-en-t3kpw1 #masteriyo-account-container p{
    display: flex;
    align-items: center;
}

.elementor-kit-944.main4{
    text-align: center !important;
}
.elementor-kit-944 .main4 .wpcf7-spinner{
    display: none !important;
}

.grid-view .masteriyo-course--card {
    height: 100%;
    position: relative;
    padding: 0 0 120px 0;
}
.grid-view .masteriyo-course--content .masteriyo-time-btn {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20PX;
}
.grid-view .masteriyo-course--content__stats {
    position: absolute;
    bottom: 80px;
    width: calc(100% - 40px);
    left: 20px;
}
.elementor-kit-944 .css-en-1wh2kri svg{
    background: #000 !important;
}
.masteriyo-stab>.active-tab{
    border-bottom: 2px solid #764979 !important;
    color: #764979 !important;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cheader{
    background: #764979 !important;
}
.masteriyo .masteriyo-link-primary{
    color: #764979 !important;
}
.masteriyo-single-course .masteriyo-single-course-stats .masteriyo-icon-svg > svg{
    fill: #764979 !important;
}
/*.navbar-area-2 .nav-container .navbar-collapse {*/
/*    background: #764979 !important;*/
/*}*/


@media screen and (max-width: 1199px) {
    .elementor-kit-944 .blog-details-comment .logged-in-as {
        margin-left: 0 !important;
    }
}
@media screen and (max-width: 1025px){
    .container .pagination-outer .carousel-control-prev{
        display: none !important;
    }
    .container .pagination-outer .carousel-control-next {
        display: none !important;
    }
    /*.slide-banner .elementor-widget-container .container .slide .carousel-indicators {*/
    /*    position: relative;*/
    /*    left: -156px !important;*/
    /*}*/
}
@media screen and (min-width: 1024px){
    .slide-banner .elementor-widget-container .container .slide{
        left: 20px;
    }
    .banner-button{
        text-align: left !important;
    }
     .masteriyo-related-post{
        margin: 0 !important;
    }
}
@media screen and (max-width: 991px){
    .slide-banner .elementor-widget-container .container .slide{
        left: 20px;
    }
    .banner-button{
        text-align: left !important;
    }
}
@media screen and (max-width: 768px){
    .slide-banner .elementor-widget-container .container .slide{
        overflow: unset !important;
        position: absolute;
        top: 10px !important;
        text-align: center;
    }
    .slide-banner .elementor-widget-container .container .slide .banner-button{
        text-align: center !important;
    }
    .slide-banner .carousel-indicators{
        left: 0 !important;
        text-align: center !important;
    }
    .slide-course .item .services_box_content .content_color{
        text-align: center !important;
    }
    .elementor-6655 .elementor-element.elementor-element-3b9f536 .btn_wrapper {
        text-align: center !important;
    }
    .slide-course .owl-carousel .owl-nav button.owl-prev{
        left: 35vw !important;
    }
    .slide-course .owl-carousel .owl-nav button.owl-next{
        right: -70vw !important;
    }
    body:not(.rtl) .elementor-6655 .elementor-element.elementor-element-8ecfacf{
        display: none;
    }
    .masteriyo-form-container{
        width: 100% !important;
    }
    .masteriyo-related-post{
        margin: 0 !important;
    }
    .elementor-kit-944.chakra-stack .css-en-8atqhb{
        width: 75% !important;
    }
    .css-en-1xhq01z{
        display: contents !important ;
    }
    .yogastic-page-containerr .entry-content a.css-en-2b4ua2{
        margin: 0 auto !important;
    }
    .form-outer .form-inner p{
        text-align: center !important;
    }
    .nav-links{
        margin: 0 auto !important;
    }
    .masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item{
        display: none !important;
    }
    .elementor-kit-944.css-en-12etjj1{
        background: #764979 !important;
    }
    
    .elementor-kit-944.css-en-1so7nfu{
        top: 110px !important;
    }
    .css-en-1kxonj9{
        width: 97% !important;
    }
}
@media screen and (max-width: 480px){
    .blog-row .blog-section .row{
        flex-wrap: wrap !important;
    }
}