#sb_content #about-us .txt img {
    width: auto !important;
    max-width: 100% !important;
    height: auto;
    background-color: #C0EEEC;
}

#sb_content #about-us .txt * {
font-family: 'Figtree', sans-serif !important;
}

body, h2, h3, h4, h5, h6, p, a, div, input, textarea, label {
  font-family: 'Figtree', sans-serif !important;
}

.index__item>div .title--h3, .index__item>section .title--h3 {
color: #292461;
font-family: "Figtree", sans-serif !important;
}

#main-buttons .wrapper .bar .btn {
font-family: "Figtree", sans-serif !important;
font-weight: 700;
color: #292461;
}

.header .header__navigation .header__navigation-item .header__navigation-link {
font-family: "Figtree", sans-serif !important;
font-weight: 700;
color: #292461;
}


@import url('https://fonts.googleapis.com/css?family=Frank Ruhl Libre');

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');


.form-group.form-client-phone{
display: none;
}


.index__item>div, .index__item>section {
background-color: #f3f3f3;
}


a {
color: #292461 !important;
}

.page-content--index .schedule table .day {
font-weight: 700;
}


.is-holiday {
    color: #a54141 !important;
}


.sb-cell.free.hovered, .sb-cell.free:hover {
background-color: #dfff00 !important;
}



#main-buttons .wrapper .bar .btn.book::after {
content: none;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .day-difference {
color: #292461 !important;
}


#about-us {
background-color: #C0EEEC;
}


#about-us > div > h3  {
display: none;
}


#sb_terms_and_conditions > div > div.form-group.form-group--terms.form-group--promotion-letter > div {
    display: none;
}

#sb_terms_and_conditions a {
    color: #14111f !important;
line-height: 26px;
}

h1.title--h1.company-name.company-logo-and-name {
  font-size: 0 !important;
  position: relative;
  text-align: center;
  min-height: 140px;
  margin-top: 30px;
}

h1.title--h1.company-name.company-logo-and-name::before {
  content: "24/7 MENTAL HEALTH SUPPORT";
  display: block;
  font-size: 56px;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}

h1.title--h1.company-name.company-logo-and-name::after {
  content: "for the live music business";
  display: block;
  font-size: 56px;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
}

@media (max-width: 768px) {
  h1.title--h1.company-name.company-logo-and-name::before,
  h1.title--h1.company-name.company-logo-and-name::after {
    font-size: 30px;
  }

  h1.title--h1.company-name.company-logo-and-name {
    min-height: 80px;
  }
}



/*
	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 */
}

