/*
	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 */
}
#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container {
    position: relative;
    display: none;
}

#header.widget .nav-wrapper .items-wrapper #sb_client_info.nav-item .item-container, #header.widget .nav-wrapper .items-wrapper #sb_multiple_book_cart.nav-item .cart-container .item-container {
    background-color: #999;
    display: none;
}

.current-booking-info .info {
    color: #000000;
}

.accordion a {
    color: #000000;
}

.item-price {
    color: #000000;
}

.location-item  {
    color: #000000;
}
@media screen and (min-width: 992px) {
  #sb-main-container #header{
  position:sticky;
  top:120px
 }
 #sb-main-container #main #sb-timeline #steps-nav{
 position: sticky;
 top: 320px;
 margin-left: -270px;
 }
 #sb-main-container #main #sb-timeline #steps #steps-content 
 .paid-attribute-step .content-mode-list .item.panel .title, 
 #sb-main-container #main #sb-timeline #steps #steps-content 
 .step-content .item.panel .title{
 margin-top:20px;
 padding-right: 150px;
 }
}
@media screen and (max-width: 991px) {
  #sb-main-container #main #sb-timeline #steps #steps-content 
 .paid-attribute-step .content-mode-list .item.panel .title, 
 #sb-main-container #main #sb-timeline #steps #steps-content 
 .step-content .item.panel .title{
 margin-top:20px;
 padding-right: 120px;
 }
 #sb-main-container #main #sb-timeline #steps-nav{
 position: sticky;
 }
 #sb-timeline #steps{
 margin-top: 0px !important;
 }
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-step #sb_attribute_list_container .product-item .item-price {
    color: #000000;
}


#sb-main-container{
position:relative;
}
#sb-main-container #main #sb-timeline #steps-nav ul .step_info_item{
padding: 20px 10px 20px;
}
#sb-main-container #main #sb-timeline #steps-nav ul .step_info_item{
max-width:100%;
}
#sb-main-container #main #sb-timeline #steps-nav ul .step_info_item:first-child{
padding-top:20px;
}
#sb-timeline #steps{
    min-height: auto;
    margin-top: -300px;
}

.membership-item.panel .btn-bar .btn.price-formatter, .item.panel .btn-bar .btn{
background: #00000000 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}
.membership-item.panel .btn-bar .btn.price-formatter, .item.panel .btn-bar .btn:hover{
background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}
#sb-main-container #main #sb-timeline #steps #steps-content .paid-attribute-step .content-mode-list .item.panel, #sb-main-container #main #sb-timeline #steps #steps-content .step-content .item.panel{
padding: 15px 10px !important;
}
#sb-timeline #steps #steps-content .step-content .item.panel .read-more{
border: none !important;
}
#sb-timeline #steps #steps-content .step-content .item.panel .read-more:hover{
border: none !important;
background-color: transparent !important; 
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step .product-item.selected{
background: #eae6d8 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel>.one-line .content{
display: flex;
flex-direction: row;
align-items: center;
}
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item.panel .info-bar{
margin-top: 0px;
}

#sb-main-container #main #sb-timeline #steps #steps-content .datetime-step .time-legend{
width: 97%;
}