/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/


#header, .nav-wrapper.clearfix.active{
    background-color: #0F2640 !important;
    color: #ffffff !important; 
}
#header .nav-trigger{
     background-color: #0F2640 !important;
}
#header .nav-trigger:hover{
     transform: scale(1.2);
}
#header .nav-trigger .fa {
    color: #72eb90;
}
#sb_menu a{
    color: #ffffff !important; 
}
#sb_menu a:hover{
    color: #72eb90 !important;
    text-decoration: underline !important;
}

.company-name.company-logo-and-name{
    color: #ffffff !important; 
    text-shadow: 1px 1px 4px #000000 !important;
}

.btn:hover, .btn a:hover, .btn.btn-with-icon:hover:after{
    opacity: 1 !important;
    color: #72eb90 !important;
    border-color: #72eb90 !important;
}

#schedule, #contacts, #about-us {
     background-color: #6A264A  !important;
     color: #ffffff !important;
}
#schedule a, #contacts a, #about-us a{
     color: #72eb90 !important;
}


/*BOOKING PAGE*/

.is-holiday {
    color: #941010 !important;
}

#sb-timeline #steps-nav{
    background: #F4D3D6;
}
#sb-timeline #steps-nav li:first-child:after, #sb-timeline #steps-nav li.passed + li:not(.passed):after{
    background: #F4D3D6;
    border-top-color: #F4D3D6 !important;
    border-left-color: #6a264a;
    border-bottom-color: #F4D3D6 !important;
}

#sb_booking_info{
    background-color: #F4D3D6 !important;
}

.excerpt-info{
    background-color: #FFF9ED !important;
}
.tab.tab-col.tab-with-popup{
    box-shadow: 0 1px 4px 0 #0f2640;
}
/*.read-more{
    display: none;*/
}
.default.img{
    background-color: #FFF9ED !important;
}

.sb-cell.free:hover, .sb-cell.free:active, .sb-cell.free:focus{
    color: #72eb90 !important;
}
.date.selected:has(.day-on.sb-available-date){
   
    background: #0f2640 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-on{
     color: #72eb90 !important;
}

.date:has(.sb-available-date) {
    background: #72eb90 !important;
}

.col-sm-12{
    font-size: 16px !important;
}

#sb-main-container input::placeholder,
#sb-main-container textarea::placeholder { color: transparent !important; }
#sb-main-container input::-webkit-input-placeholder,
#sb-main-container textarea::-webkit-input-placeholder { color: transparent !important; }
#sb-main-container input::-moz-placeholder,
#sb-main-container textarea::-moz-placeholder { color: transparent !important; }
#sb-main-container input:-ms-input-placeholder,
#sb-main-container textarea:-ms-input-placeholder { color: transparent !important; }
#sb-main-container input::-ms-input-placeholder,
#sb-main-container textarea::-ms-input-placeholder { color: transparent !important; }

@media (min-width: 768px) {
    .detail-step-wrap.section:has(.col-sm-6) {
        .col-sm-6{
            width: 100%;
        }
    }
}


/* CONFIRMATION PAGE */
.current-booking-info.v1{
    background: #ffffff;
}

.promotions-letter-flag{
    display:none;
}

.subscribe-component--body, .subscribe-component--divider{
    display:none;
}

.detail-step-wrap.section:has(.section-divider){
    .section-divider{
        display:none;
    }
}


/* MY BOOKINGS */

#booking-result-view #booking-result-tabs{
    color: #ffffff !important;
    background-color: #6a264a;
}
#booking-result-view #booking-result-tabs a{
    color: #ffffff !important;
}
#booking-result-view #booking-result-tabs a:hover{
    color: #72eb90 !important;
    
}
.current-booking-info .booking-btns .btn.sb_add_to_cal{
    background: #6a264a;
}

.btn.btn-default.show-all:hover{
    background: #6a264a;
}

.tab-link.active a{
    border-bottom-color: #ffffff !important;
} 

.tab-link.active a:hover{
    border-bottom-color: #72eb90 !important;
} 

.alert-info{
    color: #000000 !important;
}

 #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 */
}

.company-name company-name-only{

}

