@import url("https://fonts.googleapis.com/css?family=Inter&display=swap");

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

.date selected  


 #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 */
}
.tab.tab-col .excerpt-info .preloader .img.user img{
object-fit: unset !important;
}

 #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 */
}
#sb_appended_child_menu a {
  color: black !important; /* Changes the text color to blue */
  text-decoration: none; /* Removes underline, optional */
}
html, body {
  font-family: 'Inter' !important;
}

.date.selected .day-on.sb-available-date {
color: #000 !important;
}
#main-buttons {
  background: #000 !important;
}

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

.excerpt-info .preloader {
  display: block !important;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.service-step .item .tab {
  display: flex !important;
}

#sb_service_step_container .service-item .excerpt-info .tab-pd .content {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item .excerpt-info {
  flex: 1;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: column;
  flex: 1;
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content.service-step .item {

}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .btn-bar {
  margin-top: 0 !important;
}

.service-item .tab.tab-col .cap.short {
  font-size: 60px !important;
  height: auto !important;
  line-height: 100% !important;
  overflow: unset;
}

#sb_sidebar_container .service-item .tab.tab-col .cap.short {
  font-size: 60px !important;
  overflow: unset;
}

#sb_terms_and_conditions .custom-checkbox .custom-label {
  background-color: #000;
}

@media only screen and (max-width: 1024px) {
  #header .nav-wrapper #sb_menu .nav li.active a {
    border-bottom: 3px solid #000000 !important;
  }

  #header .nav-wrapper #sb_menu .nav li a {
    color: #000000 !important;
  }

  #header .nav-trigger {
    background-color: #000000 !important;
  }
}

#sb_login_form .is-logged .bar-with-btn {
  display: flex
}

#header .items-wrapper .nav-item .login-container .full-info .btn:first-of-type {
  width: 100% !important;
  border: 3px solid #000 !important;
  color: #000000;
}

#header .items-wrapper .nav-item .login-container .full-info .btn:nth-of-type(2) {
    background-color: black !important;
    width: 100%;
    color: white !important;
    border: 3px solid black !important;
}

#sb_sign_in_btn {
   background-color: #000000 !important;
}

#client-profile-edit .custom-form .bar-with-btn .btn, #client-profile-preview .bar-with-btn .btn {
    width: 100%;
    border: 3px solid black !important;
}

#client-profile-edit .custom-form .bar-with-btn .btn.btn-logout, #client-profile-preview .bar-with-btn .btn.btn-logout {
  background-color: black !important;
  color: white !important;
}

#sb_datetime_step_container {
  .col-sm-12 {
    .row {
      width: 100% !important;
      display: flex !important;
    }
  }
}

#sb_datetime_step_container {
  .col-sm-12 {
    .row {
      #sb_sidebar_container, .col-md-9 {
        width: auto !important;
        min-width: 33.66667%;
      }
    }
  }
}

.timeline-sidebar .provider-item.item {
  display: none;
}

#sb_sign_in_form #sb_sign_in_btn {
  background-color: white !important;
  margin-bottom: 50px;
}

#sb_cookies_block .buttons .link {
  color: #000 !important;
}

#sb_cookies_block .buttons .btn {
  background-color: #000 !important;
}

#sb_cookies_block .wrapper .text a {
  color: #000 !important;
  text-decoration: underline;
}

#sb_cookies_block .wrapper{
  flex-direction: column;
  row-gap: 10px;
}