/*
	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 */
}


/* Hide 'About Us' section */
.title-main {
    display: none !important;
}

/* Move the About Us section up */
#about-us {
    margin-top: -1250px; /* Adjust this value to move it higher */
}

/* Hide the entire section */
.col-xs-4.col-md-9 {
    display: none !important;
}

.form-group.form-client-phone{
    display: none;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}

.working-hours-block {
    margin-top: 250px !important; /* Increase value to move further down */
}

#about-us {
    margin-top: 0px !important; /* Increase value to move further down */
}

/* Adjust the margin-top value to move the white square down */
.wrapper.company-logo-only .inner {
    margin-top: 500px; /* Increase this value as needed */
}

#main-content {
    margin-top: 5px !important; /* Increase the value to move it further down */
}

#main-content {
    width: 100% !important; /* Makes it span the full width */
    max-width: none !important; /* Removes any default constraints */
    margin-left: 0 !important; /* Aligns to the left edge */
    margin-right: 0 !important; /* Aligns to the right edge */
    padding-left: 0 !important; /* Adjust padding if necessary */
    padding-right: 0 !important;
}

#sb_user_terms_link {
    color: #252121 !important; /* Dark gray for visibility */
    text-decoration: none !important; /* Remove underline if needed */
}

#sb_user_terms_link:hover {
    color: #000000 !important; /* Make it slightly darker on hover */
}

/* General button styles */
.btn, 
#sb_book_btn, 
#sb_time_slots_container .sb-cell, 
.btn.select.custom, 
.btn.btn--next-available-date, 
#sb_scroll_top_btn {
    color: #FFFFFF !important;
    background-color: #DA1A31 !important;
    border: 1px solid #DA1A31 !important;
}

/* Hover state */
.btn:hover, 
#sb_book_btn:hover, 
#sb_time_slots_container .sb-cell:hover, 
.btn.select.custom:hover, 
.btn.btn--next-available-date:hover, 
#sb_scroll_top_btn:hover {
    color: #FFFFFF !important;
    background-color: #B2182A !important; /* Slightly darker red */
    border: 1px solid #B2182A !important;
}

/* Ensure text inside buttons stays visible */
.btn a, 
#sb_book_btn a, 
#sb_time_slots_container .sb-cell a, 
.btn.select.custom a, 
.btn.btn--next-available-date a, 
#sb_scroll_top_btn i {
    color: #FFFFFF !important;
}

/* Style the up arrow inside the scroll top button */
#sb_scroll_top_btn i {
    font-size: 16px; /* Adjust size if needed */
}

.btn.read-more {
    color: #252121 !important;  /* Dark text */
    background-color: #FFFFFF !important;  /* White background */
    border: 1px solid #DA1A31 !important; /* Red border */
    text-decoration: none !important; /* Remove any underline */
}

.btn.read-more:hover {
    color: #FFFFFF !important;  /* White text on hover */
    background-color: #DA1A31 !important;  /* Red background */
    border: 1px solid #DA1A31 !important;
}

.btn.read-more a {
    color: #252121 !important;
    text-decoration: none !important;
}

#main-buttons {
    height: 350px !important; /* Adjust to desired height */
    min-height: unset !important; /* Remove any enforced minimum height */
    max-height: 350px !important; /* Prevent it from expanding */
    overflow: hidden !important; /* Ensure content doesn’t force extra height */
}

.btn.booking_button.custom {
    margin-top: -45px !important; /* Adjust as needed */
}


/* Selected date styling */
.date.selected,
.date.selected a,
.date.selected span {
  background-color: #da1a31 !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  font-weight: bold !important;
  text-align: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

.date.selected:hover,
.date.selected:hover a,
.date.selected:hover span {
  color: #ffffff !important;
}
