/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #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 */
}

@media (max-width: 767px) {

#sb_membership_module {
    display: none;
}

.row.default.row-mg .col-sm-4:nth-child(1) {
order: 3; 
}

.row.default.row-mg .col-sm-4:nth-child(2){
order: 1; 
}

.row.default.row-mg .col-sm-4:nth-child(3) {
order: 2;
}

#content-view #contacts, #content-view #schedule {
       flex: unset;
 }


#content-view .row.default.row-mg {    
    display: flex;
    flex-direction: column;  
}

#content-view .row.default.row-mg .col-sm-4 {
 width: 100%;
}

}
/* Import Montserrat Bold font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* Apply Montserrat Bold to headers */
h1, h2, h3,
.sb-title,
.widget-title,
[class*="title"],
[class*="header"] h1,
[class*="header"] h2,
.sb-main-title {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 700 !important;
}
}
/* Fix text visibility - ensure all text is readable */
body, * {
    color: #47413e !important;
}

/* Style important links - make them obvious but not overwhelming */
a[href*="purchase"],
a[href*="here"],
.purchase-link,
*:contains("here") {
    color: #1e40af !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-decoration-color: #1e40af !important;
}
}

/* Fix alert/message visibility */
.alert, .notice, .message,
[class*="alert"],
[class*="notice"],
[class*="message"] {
    color: #47413e !important;
    background-color: rgba(71, 65, 62, 0.1) !important;
}