/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700');

body {
  font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

#header{
  background-color:#ffffff!important;
}

.btn, #main #main-content #sb_content #steps #details .detail-step .buttons-container .sb-book-btn-container .btn span, #main #main-content #sb_content #booking-result-view #show_all_bookings_btn, #header .nav-wrapper #sb_menu .nav li a, #main #main-buttons .wrapper .inner .bar .btn.btn-with-icon a  {
  text-transform: uppercase;
}

#steps, #steps-nav {
  background-color: #ffffff;
}

 #sb_booking_content .item .tab .btn.select a{
  background: #ffffff!important;
  color: #171919!important;
  border: 1px solid black
}

 #sb_booking_content .item .tab .btn.select a:hover{
  background: #000000!important;
  color: #ffffff!important;
  border: 1px solid black
}

#sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select{
  background-color:transparent!important
}

#main #main-buttons .wrapper .inner .bar .btn.btn-with-icon a {
  font-size: 17px;
}



#main, #main #main-content #sb_content #steps #sb_booking_content .item .tab .excerpt-info .preloader, .tab.tab-col .excerpt-info .preloader, #main #main-content #sb_content #steps #sb_booking_content .item .tab, #main #main-content #sb_content #steps .datetime-step .provider-item .photo.user, #main #main-content #sb_content #steps .datetime-step #sb_dateview_container, #main #main-content #sb_content #steps .datetime-step #sb_timeview_container, #main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select, #main #main-content #sb_content #steps #details .section, #main #main-content #sb_content #steps #details .detail-step .buttons-container .sb-book-btn-container .btn, #main #main-buttons .wrapper .inner .main-descr .btn, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_flexible_container .hour-line .sb_time_flexible_hour_container .time-slot .cell, #main #main-content #sb_content #booking-result-view #sb_bookings_list>div .booking-item .tab, .alert-danger, .alert-info, .alert-success, .alert-warning, #main #main-content #sb_content #steps .datetime-step #sb_dateview_container .top-date-select .datepicker-button .btn, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .inner.selected, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected, .datepicker.datepicker-inline td.active.single-day, .datepicker.dropdown-menu td, .datepicker.dropdown-menu td.active.single-day, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active, .datepicker.dropdown-menu, #footer .scroll-top-button, #main #main-content #sb_content #booking-result-view #show_all_bookings_btn, #main #main-content #sb_content #booking-result-view .back-to-site .btn  {
  border-radius:0!important
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab, #main #main-content #sb_content #steps #sb_booking_content .item .tab, #main #main-content #sb_content #steps .datetime-step #sb_dateview_container, #main #main-content #sb_content #steps .datetime-step #sb_timeview_container, #main #main-content #sb_content #steps .datetime-step #sb_dateview_container, #main #main-content #sb_content #steps .datetime-step #sb_timeview_container, #main #main-content #sb_content #steps #details .section, #main #main-content #sb_content #booking-result-view #sb_bookings_list>div .booking-item .tab,.alert-danger, .alert-info, .alert-success, .alert-warning, #header, .datepicker.dropdown-menu, #footer .scroll-top-button {
  box-shadow: none!important
}

#about-us > div > p, #about-us > div > p > span {
  color: #FFFFFF!important;
  font-size: 1em!important;
  text-align: center!important;
  margin: 2.5em auto!important;
}

#about-us > div > p{padding: 0 2em;}

#main #main-buttons .wrapper .inner .main-descr .btn{
  display: block;
  margin: 0 auto;
  max-width: 15em;
}

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

.title-main{
  font-family: 'Josefin Sans','Trebuchet MS', Helvetica, sans-serif;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-size:2.2em;
float: none!important;
padding-bottom:0;
}

#main #main-content #sb_content #steps #sb_booking_content .item .bar-service .time span, .read-more{
  display: none;
}

.timeline-sidebar .tab .txt.short{
  max-height: none;
}

#main #main-content #sb_content #booking-result-view{
  background-color:transparent!important;
}

#main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container{
  float: none;
}

#main #main-content #sb_content #booking-result-view .title-main, #main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link a{
  color: #171919!important; 
}
#main #main-content #sb_content #steps #sb_booking_company_time{
  margin-top: 0;
  display: none;
}

#main #main-content #sb_content #steps #steps-nav li.step_info_item{
  border-radius:0!important
}

#sb-timeline #steps-nav li.passed .title-sub{
  position: static;
}

 #main #main-content #sb_content #steps #details .section, .timeline-wrapper, .section-pd {
  border: 1px solid #171919
}

.section-pd{padding:30px;}

#main #main-content #sb_content #steps #steps-nav li.passed:before {background-color:#ddada1!important}

#main #main-content #sb_content #steps #sb_booking_info {
  border-bottom: none!important;
  background-color: #f6ede0!important;
  font-size: 0.9em!important;
  
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .cap{
  font-size: 1em;
  text-align:center;
  text-transform: uppercase;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .title-main{
  margin-bottom: 1em;
}

.current-booking-info .label{
  font-weight:700;
}

.current-booking-info .info {
  font-weight:400;
  font-size: 0.9em;
  
}
#main #main-content #sb_content #steps #sb_booking_content .item .tab .content .bar .address{
  font-size: 0.9em;
  font-weight: 400;
  text-align: center;
  display: block;
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select a{
  text-transform: uppercase;
  font-weight: 400
}

#main #main-content #sb_content #steps #steps-nav li:first-of-type, #main #main-content #sb_content #steps #steps-nav li.passed + li,  {
  background-color: #ddada1!important;
}

.time-slot>.sb-cell.free a{
  background-color: #ddada1;
  color: #ffffff;
}

#sb_back_btns_plugin > div > div.back-to-site > div{
  padding: 0!important;
}

#main #main-content #sb_content #booking-result-view .back-to-site .btn{
  background-color: #ddada1!important;
  color: #FFFFFF!important
}

#sb_booking_info > div > ul > li:nth-child(2)    {
   display: none!important;
}

#sb_booking_info > div > div{background-color:#FFFFFF!important}

#main #main-content #sb_content #steps #sb_booking_info, #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .highlighted-current-booking .current-booking-info{
  background-color: transparent;
}

#main #main-content #sb_content #booking-result-view .current-booking-info{
  border: 1px solid #000000;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link{
  margin: 0;
  width: 49%;
  white-space: normal;
}

#main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link a{
  background-color:#f6ede0;
  font-weight: 400;
  padding: 1em;
  text-align: center;
}

#main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a {
  border-bottom-color:transparent!important;
  background-color: #ddada1;
  font-weight: 700;
  padding: 1em;
  color: #ffffff!important;
}

.step_info_item  .active, #main #main-content #sb_content #steps #steps-nav li:first-of-type, #main #main-content #sb_content #steps #steps-nav li.passed + li {
  background-color: #ddada1!important;
}

#main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container{
  margin-bottom: 2em;
}

#booking-result-tabs > div > h2 {
  font-weight:700!important
}

.alert-info{
  border-color: #171919;
}

#booking-result-view #sb_bookings_list>div .alert{
  width: 90%;
  margin: 0 auto;
}

/* fixes Minhas Reservas menu word break */
@media (max-width: 767px)
#main #main-content #sb_content #booking-result-view #booking-result-tabs .tabs-container {
  white-space: normal
}

#about_us_section > div > h2 {
  text-align: left;
}

.social-links { display: none} 
i.fa.fa-share-alt { display: none; }


















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