/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	than other page styles
*/


/* The following menu item tweaks are pretty fragile. There are no individual selectors for menu items, which is why we hide every item and then unhide the ones we want to keep, based on their position in the lists */

/* hide unwanted main menu items. all exept 'home' and 'more' */
#header .nav-wrapper #sb_menu .nav li.menu-item {
  display: none;
}
#header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li {
  display: none;
}

/* hide dropdown menu items, except the last 2 which are the user's bookings and waitlist records. */
#header .nav-wrapper #sb_menu ul.nav li.menu-item:first-child {
  display: inline-block;
}
#header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul li:nth-last-child(-n+2) {
  display: block;
}

/* make title text and description legible against both dark and light background */
#about-us h2.title-main, #about-us p.txt {
  color: whitesmoke;
  text-shadow: 1px 1px 3px black;
}

/* hide marketing materials consent checkbox */
#sb_terms_and_conditions div.promotions-letter-flag {
  display: none;
}

/* hide unwanted options for classes */
div#sb_timeview_container div.timeline-wrapper div.top-inline-steps {
     display: none;
}

/* bold 'available days' in calendar view */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {
     font-weight: bold;
}

/* red background to fill out date header */
#sb_time_grid_weekly_container div.grid-weekly-row.grid-weekly-header-row {
     background-color: #B03033;
}

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