/*
Theme Name: Jolie Child
Theme URI: https://jolie.vamtam.com
Template: jolie
Author: VamTam
Author URI: https://vamtam.com
Description: Jolie is a clean, modern eCommerce WordPress theme with all the necessary features for all beauty websites, perfume stores and handmade cosmetics shops.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,full-width-template,post-formats,theme-options,threaded-comments,translation-ready
Version: 6.2.1720418687
Updated: 2024-07-08 06:04:47

*/

.quiz-form .frm_description h2 {
    color: #fff !important;
    font-size: 38px !important;
    line-height: 38px !important;
}
.quiz-form .frm_description h2 {
    margin: 0 !important;
}
.quiz-form .button.button-primary {
    height: 45px !important;
    line-height: 55px;
    padding: 0 40px !important;
    text-transform: uppercase;
    margin-bottom: 20px !important;
}
.quiz-form .frm_primary_label {
    font-size: 24px !important;
    display: inline-block;
    margin-bottom: 15px !important;
}
.quiz-form button.button.button-primary {
    box-shadow: none !important;
}
.quiz-form .frm_radio label {
    color: #fff !important;
    text-transform: capitalize;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.quiz-form .frm_quizzes_show_outcome h3 {
    color: #fff;
}
.quiz-form .frm_radio {
    margin-bottom: 15px !important;
}
.quiz-form .frm_quizzes_show_outcome {
    text-align: center;
}
.quiz-form .frm_grid_container {
    display: none;
}
.quiz-form .frm_quizzes_show_outcome {
    max-width: 800px;
    margin: 0 auto;
}
.imageOpt span.frm_text_label_for_image, section.productSuggestion p br {
    display: none;
}

section.productSuggestion p {
    font-size: 20px;
    line-height: 32px;
}
ul.productList li{
    text-align:center;
}
ul.productList {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    justify-content: center;
}
ul.productList h3 {
    font-size: 22px;
    line-height: 32px;
}
.frm_image_options .frm_opt_container{
    width: 100%;
    display: flex;
    gap: 20px;   
}
.frm_image_options .frm_opt_container img{
    object-fit:cover !important;
}
.frm_radio {
    width: 25% !important;
    flex: 0 0 20%;
}
.product_cat-treatments form.cart {
    display: block !important;
}
.elementor-2314 .elementor-element.elementor-element-3766ee6a .elementor-element-populated a:hover{
    color:#fff !important;
}
/* Available calendar days background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
	background-color: #277167 !important;
}
.elementor-2314 .elementor-element.elementor-element-3766ee6a .elementor-element-populated a:hover,
.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default,
.wc-bookings-booking-form .block-picker li a.selected{
    background-color:#bf65a0 !important;
}

.productReleaseTxt {
    text-transform: uppercase;
    font-weight: 700;
}

body.woocommerce .page-header, body.woocommerce #main {
    padding: 0 30px;
}

body.woocommerce .page-header{
    padding-top: 40px;
}

body.woocommerce h1 {
    font-size: 36px;
    line-height: 46px;
}

body.woocommerce .page-header {
    padding: 20px 0;
}

.bg-plant {
    background-image: url(http://jadehairspa.com/wp-content/uploads/2024/08/Plant.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 12%;
}

.singleProductTab ul.tabs li {
    list-style: none;
}

.singleProductTab ul.tabs li.reviews_tab {
    background-color: #000 !important;
}

.singleProductTab ul.tabs li.description_tab {
    background-color: #000 !important;
}

.singleProductTab ul.tabs li.active {
    background-color: #277167 !important;
    border-color: #277167 !important;
}

.m-0 .elementor-text-editor p{
    margin: 0 !important;
}
.spaVideo video {
    max-height: 600px;
}

@media only screen and (max-width: 767px) {
    
    body.woocommerce .page-header, body.woocommerce #main {
        padding: 0 15px;
    }
    
    body.woocommerce .page-header {
        padding: 0;
    }
    
    body.woocommerce .page-header h3 {
        padding-left: 15px;
    }
    
    body.woocommerce .limit-wrapper {
        padding: 0 !important;
    }
    
    body.woocommerce-cart .page-wrapper{
        padding: 0;
    }
    
    /*body.woocommerce.woocommerce-cart .vamtam-woocommerce-cart-form-wrapper .vamtam-cart-main .product-name .variation {*/
    /*    display: block !important;*/
    /*}*/
    
    form .woocommerce-cart-form .product-name {
        padding: 0 !important;
    }
    
    body.woocommerce.woocommerce-cart .vamtam-woocommerce-cart-form-wrapper .vamtam-cart-main .cart_item {
        display: block !important;
    }
    
    body.woocommerce.woocommerce-cart .vamtam-woocommerce-cart-form-wrapper .vamtam-cart-main .product-thumbnail img {
        margin-bottom: 20px;
    }
    
    body.responsive-layout.woocommerce.woocommerce-cart .vamtam-woocommerce-cart-form-wrapper .vamtam-cart-main .product-name{
        padding: 0 !important;
    }
    
    .product-remove a svg {
        margin-top: 15px !important;
    }
    
    .product-remove {
        text-align: center !important;
    }
    
    .wc-bookings-date-picker {
        padding: 0;
    }
    
    .single-product .comment-reply-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    
}


section.productSuggestion ul.productList li img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    object-position: top center;
}

.single-sfwd-lessons .post-content-outer.single-post, 
.single-sfwd-lessons header.page-header, 
.sfwd-courses-template-default div#main-content {
    max-width: 1260px;
    margin: 0 auto;
    padding: 60px 0;
}


.single-sfwd-lessons .post-article.single{
    max-width: 1260px;
    margin: 0 auto;
    padding:0 !important;
}

.single-sfwd-lessons .post-content-outer.single-post {
    margin: 0 !important;
    padding: 0 0 60px !important;
}
.single-sfwd-lessons .meta-top svg,
div#main-content .meta-top svg {
    max-width: 15px;
}

.single-sfwd-lessons .meta-top {
    margin: 30px 0;
}


.coursePage .learndash-wrapper,
.single .post-media.post-media-image,
.single .meta-top{
    display: none;
}
.single .ld-tabs-navigation button {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 25px;
    font-family: sans-serif;
    padding: 20px 30px 20px 30px !important;
}
h3.coursePrice {
    margin: 0 !important;
    text-align: center;
}
.ld-breadcrumbs-segments a {
    font-size: 17px;
    line-height: 27px;
    padding: 10px 10px;
    display: inline-block;
    letter-spacing: 0.2px;
}
.ld-tab-content ul li {
    margin-bottom: 10px;
}
.ld-tab-content ul li a {
    color: #277167;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500 !important;
}
.ld-item-name .ld-item-title {
    line-height: 34px;
}
.ld-content-action span, input.learndash_mark_complete_button {
    font-size: 15px !important;
    font-weight: 500 !important;
}
input.learndash_mark_complete_button {
    border-radius: 30px !important;
}
a.ld-primary-color.ld-course-step-back {
    margin-top: 20px !important;
    color: #000 !important;
    font-size: 14px !important;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-form label {
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #000;
}
.ld-login-modal-form p:before {
    top: 3px !important;
}
.ld-course-status-action input#btn-join {
    background: #277167 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    border-radius: 30px !important;
    padding: 14px 30px !important;
}
.ld-course-status-action span.ld-text {
    margin-left: 10px;
}
.c-btn.button1 a:hover{
    background:#000 !important;
}
.c-btn.button1 a {
    background: #277167;
    color: #fff;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0px 25px;
    border-radius: 30px;
    margin-top: 20px;
}

.limit-wrapper h1, .meta-header-inside .single-sfwd-courses h1 {
    font-size: 34px !important;
    line-height: 44px !important;
}

div#wahanda-online-booking-widget-iframe iframe {
    height: 390px !important;
}