/*
	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 */
}
/* Custom CSS for SimplyBook iframe banner override */

iframe[src*="simplybook.me"] .theme-default-booking-header-wrapper {
    overflow: visible !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

iframe[src*="simplybook.me"] .theme-default-booking-header {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;

    width: 100% !important;
    max-width: 100% !important;

    aspect-ratio: unset !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    padding: 0 !important;
    margin: 0 !important;
}

iframe[src*="simplybook.me"] .theme-default-booking-header::before {
    content: "";
    display: block !important;
    width: 100% !important;
    /* ~1.52 : 1 ratio (1600×1050) => padding-bottom ≈ 65.6% */
    padding-bottom: 66% !important;
}

@media (min-width: 1800px) {
    iframe[src*="simplybook.me"] .theme-default-booking-header,
    iframe[src*="simplybook.me"] .theme-default-booking-header-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        background-size: contain !important;
    }
}