@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap') !important;

/*
	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 */
}


.title-section   {
	/* 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   {Forall112!!@
	/* 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 */
}

/* ======= Hear Start HIBX ============================*/
.title-main, 
#content-view section .overview tr td,
#content-view #contacts li .links {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.555555;
    color: #7e4555;
    font-family: Lora;
}
a {
    color: #7e4555;
}
a:focus, a:hover {
    color: #d75757;
    text-decoration: underline;
}
#content-view section .overview tr td {
    font-size: 14px;
} 

#content-view #contacts li .links {
    font-size: 14px;
}

#content-view #schedule .overview tr td.time {
    font-weight: 400;
}

.title-section {
    font-weight: 400;
    font-family: 'Lora';
    font-size: 40px;
    text-transform: capitalize;
    color: #7E4555;
}

#main-buttons .wrapper .inner .company-name.company-logo-and-name {
    font-size: 56px;
    line-height: 66px;
    font-family: lora;
    color: #FAEBDD;
    text-transform: capitalize;
    font-weight: 800;
    text-shadow: 3px 1px 1px rgba(0, 0, 0, 0.67);
}


#main-buttons .wrapper {
   min-height: 306px;
   max-height: 306px;
}


#main-buttons .wrapper .inner .bar {
    padding-top: 405px;
    position: absolute;
}

#main-buttons .wrapper .inner .bar .btn {
    border-radius: 100px;
}

#content-view {
    padding: 100px 0;
}

#main-buttons .wrapper .inner {
    display: flex;
    justify-content: center;
}

#main-buttons .wrapper .inner .bar .btn a {
    font-size: 16px;
    font-weight: 500;
    color: #FFF0E3;
    font-family: 'Lora';
}

@media (max-width: 768px) {
    #main-buttons .wrapper .inner .company-name.company-logo-and-name {
        font-size: 30px;
    }

    #content-view {
        padding: 150px 0;
    }

    #main-buttons .wrapper .inner .bar {
        padding-top: 440px;
    }
}

@media (max-width: 382px) {
    #main-buttons .wrapper .inner .bar {
        gap: 10px 0;
    }
}


h1,
h2,
h3,
h4,
h5,
h6,
span,
p,
a,
div {
        font-family: "Lora", serif !important;
        font-weight: 400 !important;
}


header#header {
    background: #e5c3a39e;
}

.booking-info {
    background: #e5c3a39e;
}

.excerpt-info {
    background: #e5c3a39e;
}
div#menu-active-bg {
    background: #ffefe2 !important;
}


div#sb-timeline nav#steps-nav {
    background: #ffefe2 !important;
}
div#sb-timeline nav#steps-nav .booking-info li.step_info_item.filled.passed {
    background: #7e4555 !important;
    color: #fff !important;
}
div#sb-timeline nav#steps-nav .booking-info li.step_info_item.filled.passed a{
color: #fff !important;
}
.section-pd {
    background: #ffefe2;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background: #7e4555 !important;
}
.date.selected.today {
    background: #7e4555 !important;
}

div#sb_time_slots_container .slot a {
    background: #7e4555;
}
.booking-overview {
    background: #ffefe2 !important;
}
.booking-item.booking-confirmed .mg {
    background: #ffefe2;
}