/* Hide Book Now banner on booking page */
#main-buttons {
  /*display: none!important;*/
  background-image: none!important;
  background-color: #000!important;
  min-height: 100px!important;
}

#main-buttons .column-wrapper {
  display: none!important;
}

#sb-booking-info .step_info_item {
  display: block!important;
}

#sb-timeline #steps-nav li {
  display: block!important;
}

/* Make product images contain their parent element and not cover */
.product-item.item .user.img img {
   object-fit: contain!important;
   padding: 7px;
}

/* Hide subscribe to promotions block below checkout panel */
.promotions-letter-flag.v2 {
   display: none!important;
}

/* Always show items panel */
.current-booking-info .mg #collapseInvoice_details {
   display: block!important;
}

/* Show yellow background on items panel */
.current-booking-info .mg .accordion {
   background-color: #DFCA81!important;
   border-radius: 12px!important;
}

/* Show "Added to reservation" message below a Product added to a reservation (Inspiration) */
.changed-items-num:has(.wrapper input[type="checkbox"]:checked)::after{
    content: "Added to reservation! (see below)";
    display: block;
    /*margin-bottom: 10px;*/
    /*margin-top: -20px;*/
    font-size: 12px!important;
    color: #DFCA81!important;
}

/* Show food reservation requirements on product card under Read more */
span.read-more{
  margin-top: 0px;
  margin-left: 0px;
  font-size: 12px!important;
  position: inherit!important;
}

span.read-more::after{
  content: "*This platter requires a minimum of six servings; you can order up to 16 servings.       *Must be ordered 72 hrs prior to your reservation.";
  display: block;
  /*margin-bottom: 10px;*/
  /*margin-top: -10px;*/
  font-size: 10px!important;
  color: red!important;
  position: static;
  line-height: 12px!important;
}




#sb_product_list_container .excerpt-info {
  /*height: 370px!important;*/
}

#sb_product_list_container .changed-items-num,
#sb_product_list_container .badge.right {
  /*margin-top: 10px!important;*/
}

#sb_product_list_container .cap.short {
  height: auto!important;
}



/* Change booking step titles */

#sb_booking_info .clearfix > li:nth-child(1) div.title-small{
  font-size : 0px!important;
}
#sb_booking_info .clearfix > li:nth-child(1) div.title-small::after{
  content: "Reserve";
  display: block;
  /*margin-bottom: 10px;*/
  /*margin-top: -20px;*/
  font-size: 16px!important;
  /*color: red!important;*/
}

#sb_booking_info .clearfix > li:nth-child(2) div.title-small{
  font-size : 0px!important;
}
#sb_booking_info .clearfix > li:nth-child(2) div.title-small::after{
  content: "Guests";
  display: block;
  /*margin-bottom: 10px;*/
  /*margin-top: -20px;*/
  font-size: 16px!important;
  /*color: red!important;*/
}

#sb_booking_info .clearfix > li:nth-child(3) div.title-small{
  font-size : 0px!important;
}
#sb_booking_info .clearfix > li:nth-child(3) div.title-small::after{
  content: "Date / Time";
  display: block;
  /*margin-bottom: 10px;*/
  /*margin-top: -20px;*/
  font-size: 16px!important;
  /*color: red!important;*/
}

#sb_booking_info .clearfix > li:nth-child(4) div.title-small{
  font-size : 0px!important;
}
#sb_booking_info .clearfix > li:nth-child(4) div.title-small::after{
  content: "Drinks / Food";
  display: block;
  /*margin-bottom: 10px;*/
  /*margin-top: -20px;*/
  font-size: 16px!important;
  /*color: red!important;*/
}


/* Add intro text on Reserve booking step page */
#sb_category_step_container::before {
  content: "Welcome aboard! \A\A Book your 90 min water experience here.\A Apero or BBQ? The choice is yours! \A\A Drinks MUST be purchased from Dok'n Dine. No outside drinks. \A You can bring your own food or order one of our food options below!";
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block;
  width: 100%!important;
  margin-bottom: 30px;
  /*margin-top: -20px;*/
  margin-left: 18px;
  font-size: 16px!important;
  /*color: red!important;*/
}


/* Hide second category box on Reserve booking step page */
#sb_category_step_container .category-item.item:nth-of-type(2) {
  display: none;
}



/* Add instructions for drink/food products in booking step page */
#sb_product_container .title-main {
  font-size: 0px!important;
}
#sb_product_container .title-main::before {
  content: "- Drinks MUST be purchased from Dok’n Dine. No outside drinks may be consumed on board. \A - You may bring your own food OR select one of our food platters.";
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block;
  /*margin-bottom: 30px;*/
  /*margin-top: -20px;*/
  /*margin-left: 18px;*/
  font-size: 14px!important;
  /*color: red!important;*/
}
#sb_product_container .title-main::after {
  content: "Food orders require a minimum of 6 guests, and must be booked at least 72 hours prior to your reservation";
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block;
  margin-bottom: 10px;
  /*margin-top: -20px;*/
  /*margin-left: 18px;*/
  font-size: 14px!important;
  color: red!important;
  font-style: italic!important;
}




/* Hide BTW indication on checkout booking step page */
.booking-price .full-price-with-tax {
  display: none!important;
}


/* Hide Our time block in booking step pages */
#sb_booking_company_time {
  display: none!important;
}



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