/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@import url(https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,600;1,400&family=Domine:wght@400;600&display=swap);

/* JJS FONTS  -  Cabin */
body{font-family:Cabin,sans-serif}#main-content .txt span{font-family:Cabin,sans-serif!important}#content-view #schedule .day{font-family:Cabin,sans-serif!important}#content-view #schedule .time{font-family:Cabin,sans-serif!important}#membership-view #sb_membership_list_container>div .membership-item .start-date-btn{font-family:Cabin,sans-serif!important}#sb_menu_active{font-family:Cabin,sans-serif!important}.invoice-pay-page .invoice-promotions .custom-form .control-label{font-family:Cabin,sans-serif!important}#header .nav-wrapper #sb_menu .nav li a{font-family:Cabin,sans-serif!important}.title-main{font-family:Cabin,sans-serif!important}.cap{font-family:Cabin,sans-serif!important}.btn{font-family:Cabin,sans-serif!important}.custom-form label.control-label{font-family:Cabin,sans-serif!important}#sb_google_translate .custom-form select.goog-te-combo::-webkit-input-placeholder,.custom-form #sb_google_translate select.goog-te-combo::-webkit-input-placeholder,.custom-form input:not([type=checkbox])::-webkit-input-placeholder,.custom-form select.form-control::-webkit-input-placeholder{font-family:Cabin,sans-serif!important}#sb_google_translate .custom-form select.goog-te-combo::-moz-placeholder,.custom-form #sb_google_translate select.goog-te-combo::-moz-placeholder,.custom-form input:not([type=checkbox])::-moz-placeholder,.custom-form select.form-control::-moz-placeholder{font-family:Cabin,sans-serif!important}#sb_google_translate .custom-form select.goog-te-combo::-ms-input-placeholder,.custom-form #sb_google_translate select.goog-te-combo::-ms-input-placeholder,.custom-form input:not([type=checkbox])::-ms-input-placeholder,.custom-form select.form-control::-ms-input-placeholder{font-family:Cabin,sans-serif!important}#sb_google_translate .custom-form select.goog-te-combo::placeholder,.custom-form #sb_google_translate select.goog-te-combo::placeholder,.custom-form input:not([type=checkbox])::placeholder,.custom-form select.form-control::placeholder{font-family:Cabin,sans-serif!important}#client-login .section_top #cs_register_or_login_tabs ul li{font-family:Cabin,sans-serif!important}.promotion-print-card.beauty-letter .tab .table-row .custom-font{font-family:Cabin,sans-serif!important}.promotion-print-card.christmas-letter .tab .table-row .custom-font{font-family:Cabin,sans-serif!important;line-height:1.4;font-weight:400!important;color:#13131d!important}.promotion-print-card.universal-letter .tab .table-row .custom-font{font-family:Cabin,sans-serif!important;line-height:1.4;font-weight:300!important;color:#000!important}.promotion-print-card.black-letter .tab .table-row .custom-font{font-family:Cabin,sans-serif!important;line-height:1.4;font-weight:300!important;color:#000!important}.pdf-invoice--custom-view__v1{font-family:Cabin,sans-serif!important}.pdf-invoice--custom-view__v2{font-family:Cabin,sans-serif!important}.pdf-invoice--custom-view__v1{font-family:Cabin,sans-serif!important}#header .nav-wrapper #sb_menu .nav li a{font-family:Cabin,sans-serif!important}#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs label{font-family:Cabin,sans-serif!important}#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs input::-webkit-input-placeholder{text-transform:normal;font-family:Cabin,sans-serif!important}#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs input::-moz-placeholder{text-transform:normal;font-family:Cabin,sans-serif!important}#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs input::-ms-input-placeholder{text-transform:normal;font-family:Cabin,sans-serif!important}#header .nav-wrapper .items-wrapper .nav-item .full-info #sb_login_form .not-logged .inputs input::placeholder{color:#212b24;text-transform:normal;font-family:Cabin,sans-serif!important;font-weight:400}#sb-timeline #steps #steps-content #sb_booking_content .item .tab .txt.short *{font-family:Cabin,sans-serif!important}#sb-timeline #steps-content #sb_booking_content #details .product-section .product-item.panel .changed-items-num .active-count span{font-family:Cabin,sans-serif!important}.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{font-family:Cabin,sans-serif!important}#sb_menu_active{font-family:Cabin,sans-serif!important}.modal-dialog .modal-content .modal-header .modal-title{font-family:Cabin,sans-serif!important}#booking-result-view #booking-result-tabs .tabs-container .tab-link{font-family:Cabin,sans-serif!important}#membership-view #sb_membership_list_container>div .membership-item .txt.short *{font-family:Cabin,sans-serif!important}#news-single .return-btn a span.txt,#sb-timeline #steps #sb_back_button span:not(.fa){font-family:Cabin,sans-serif!important}.sb-widget-form .title{font-family:Cabin,sans-serif!important}.promotion-list .row .promotion-step .promotion-item .tab.tab-col .txt.short *,.promotion-list .row .provider-step .promotion-item .tab.tab-col .txt.short *{font-family:Cabin,sans-serif!important}

 /* JJS FORM placeholder colors */

#sb_google_translate .custom-form select.goog-te-combo::-webkit-input-placeholder,
.custom-form #sb_google_translate select.goog-te-combo::-webkit-input-placeholder,
.custom-form input:not([type=checkbox])::-webkit-input-placeholder,
.custom-form select.form-control::-webkit-input-placeholder, #sb_google_translate .custom-form select.goog-te-combo::-moz-placeholder,
.custom-form #sb_google_translate select.goog-te-combo::-moz-placeholder,
.custom-form input:not([type=checkbox])::-moz-placeholder,
.custom-form select.form-control::-moz-placeholder, #sb_google_translate .custom-form select.goog-te-combo::-ms-input-placeholder,
.custom-form #sb_google_translate select.goog-te-combo::-ms-input-placeholder,
.custom-form input:not([type=checkbox])::-ms-input-placeholder,
.custom-form select.form-control::-ms-input-placeholder, #sb_google_translate .custom-form select.goog-te-combo::placeholder,
.custom-form #sb_google_translate select.goog-te-combo::placeholder,
.custom-form input:not([type=checkbox])::placeholder,
.custom-form select.form-control::placeholder {
    color: #ccc !important;
} 
body #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .form-group .control-label.required+div[class*=col-] input::placeholder {
    color: #cccccc !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date a.day-on:hover{
    background:#F1E2DD;
}

/* JJS BOOKING */

#details .detail-step .current-booking-info .cap {
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    color: #D0AC5F;
    border-bottom: 1px dotted #D0AC5F;
}

/* JJS MISC */

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container {
 
    justify-content: flex-start;
 
}
.btn{
	border-radius:0px;
}

body #main #main-buttons{
    min-height: auto;


}
body #main-buttons .wrapper {
    height: 307px;
}
 
body #main #main-buttons .column .wrapper .inner .company-name{
     display:none;
     visibility:hidden;
     opacity:0;
}
#main-buttons .wrapper .inner .bar{
    margin-top:0px !important;
}

#header .nav-trigger{
    border-radius:0px !important;
}
#main-buttons .wrapper .inner .bar .btn {
    border-radius: 0px !important;
}

/* JJS CALENDAR */

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date{
 border-radius: 0px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date a.day-on{
display:block;
 
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date a.day-on:hover{
    background:#F1E2DD;
}
/* SIDE MENU */

@media (max-width: 767px) {
    #header .nav-trigger {
        top: 27px !important;
    }
}

 