/*
	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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body,
body.--theme-creative,
.header__navigation-item,
#sb-timeline .steps-nav li .content .title-small,
.item .title, .title, .item__description, .btn,
#main-buttons .wrapper .bar .btn, a,
.company-name,
#sb-timeline .steps-nav li .content .title-small
{
	font-family: "Montserrat", sans-serif;
	font-style: normal;
}

.item__description p,
.item__description p *,
.item__description a *{
	font-family: "Montserrat", sans-serif !important;
	font-style: normal;
}


#steps[data-category_id="4"][data-provider_id="any"] .service-item .badge,
#steps[data-category_id="5"] .service-item .badge{
	display: none;
}


.page-content--index .schedule table .day-off {
	color: black;
}

div:not(#sb_package_client_instance_list_container).package-content .package-item:nth-child(1) .selected-package-list,
div:not(#sb_package_client_instance_list_container).package-content .package-item:nth-child(2) .selected-package-list, 
div:not(#sb_package_client_instance_list_container).package-content .package-item:nth-child(3) .selected-package-list{
	display: none;
}


#main-buttons .wrapper .company-name.company-logo-and-name, #main-buttons .wrapper .company-name.company-name-only {
	display: none;
}

section.schedule .section-pd:after {
	content: 'Need an earlier or later session? Message us on WhatsApp to arrange';
	display: block;
	padding: 8px 0 0 0;
	font-size: 16px;
	font-style: italic;
	color: #000000;
margin-top: 20px;
}

#main-buttons .wrapper {
	padding-top: 160px;
	padding-bottom: 8px;
}

#steps[data-category_id="3"] .service-step .service-item .badge {
	display: none !important;
}

.package-content .item .selected-package-list.short {
	display: none;
}

.package-item .item__description.short {
	height: auto;
}


.package-item .item__description.short table tr td:nth-child(2) {
    width: 76px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.page-content--index .schedule table .day-off {
    color: black;
}

#main-buttons .wrapper .company-name.company-logo-and-name, #main-buttons .wrapper .company-name.company-name-only {
    display: none;
}

section.schedule .section-pd:after {
	content: 'Need an earlier or later session? Message us on whatsapp to arrange';
	display: block;
	padding: 8px 0 0 0;
	font-size: 16px;
	font-style: italic;
	color: #000000;
}

.modal-dialog .modal-content .modal-header .modal-title { display: none;
}

#steps[data-category_id="4"][data-provider_id="any"] .service-item .badge,
#steps[data-category_id="5"] .service-item .badge,
#steps[data-category_id="4"] .service-item .badge{
	display: none;
}


h2.title.title--h2 {
    display: none;
}

#sb_content #about-us ol, #sb_content #about-us ul {
    margin-left: 0px !important;
    padding-left: 20px;
    margin-top: 15px;
    box-sizing: border-box;
}


.membership-item .membership-service__list,
.membership-modal .membership-service__list {
    display: none;
}


 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}


.package-list-item.package-limit {
    display: none !important;
}