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

main-buttons
 #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 */
}


  #schedule   {
	/* 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 */
}
#schedule.section {
    display: none !important;
}
#about-us.section{
width: 150% !important;
margin-left: -50% !important;
padding-right: 40px !important;
padding-left: 30px !important;
}
body {
  background-color: #F1F0ED !important;
}

@media screen and (max-width: 767px) {
  #about-us.section {
    width: 100% !important;
    margin-left: 0% !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}
.company-name.company-logo-and-name.slideInLeft{
  position: relative;
  visibility: hidden !important;
}

.company-name.company-logo-and-name.slideInLeft::after{
  content: "CHUMS DIRECT - EMOTIONAL WELLBEING ONLINE SERVICE for children, young people & families";
  white-space: pre-line !important;
  visibility: visible !important;
  position: absolute;
  left: 0; 
  top: 0;
  animation: inherit;
  line-height: 1.2;
  color: #ffffff; /* optional */
}


.company-name.company-logo-and-name.slideInLeft::after {
  font-size: 64px; /* main headline */
  font-weight: 700;
}

@media screen and (max-width: 767px) {
.company-name.company-logo-and-name.slideInLeft::after {
 font-size: 32px; /* main headline */
}
}

.company-name.company-logo-and-name.slideInLeft::after > span.subline {
  font-size: 18px !important; 
  font-weight: 400;
}


.btn.book.btn-with-icon.custom.animated.zoomIn
{
margin-top:5rem!important;
}

#steps-content #sb_booking_content .tab .full-info, #sb-timeline #steps #steps-content #sb_booking_content .provider-item .full-info {
    color: #fff!important;
}

#sb_time_slots_weekly_container > div:nth-child(2) > div.time-container > div > div.time-slot.free > a::after {

content: "Book Now";

}

#sb_time_slots_weekly_container > div:nth-child(7) > div.time-container > div > div.time-slot.free > a::after{

content: "Book Now";

}

#main-buttons .wrapper {
    min-height: 0!important;
	}

#main #main-buttons {
    min-height: 0!important;
}

 .tab.tab-col .full-info
{
background:#F1F0ED!important;
}

.tab-pd
{
color:#000!important;
}

.close-full-info
{
background:#F1F0ED!important;
}