/* Styles definition here */

/* See Custom CSS page for CSS entries for #fbuilder, to avoid any losses during updates (Kobus) */

/* Calender width to container column width */
#fbuilder .ui-datepicker-inline {
  max-width:none !important;
}

/* Calender Header - Month Indicator */
.ui-datepicker-header {
  background: #fff;
  color: var(--wpex-accent);
  font-family: "brandon-grotesque";
  text-shadow: 1px 1px 0px #e1e1e1;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}

/* Calender Body */
#fbuilder table.ui-datepicker-calendar {
  table-layout: fixed;
  font-family: "brandon-grotesque";
}

/* Calender valid selections to white */
.ui-datepicker-calendar .ui-state-default {
  background: #fff;
}

/* Calender day name row */	
.ui-datepicker thead {
	background-color: #fff;
	border-bottom: 1px solid #000;
	background-image:none;
	
}	

/* Calender selected date */		
.ui-datepicker-calendar .ui-state-active {
  background: var(--wpex-accent);
  color: #fff;
  text-shadow: 0px 1px 1px #3e3e3e;
  position: relative;
}	

.sb_m #fbuilder .ui-datepicker-calendar .ui-state-active {
  box-shadow: none;
  text-shadow: black;
  color: #f2f2f2;
  border: 0px solid;
  background: var(--wpex-accent);
}


.sb_item_time {
	font-family: "brandon-grotesque";
	color: rgb(97,95,95);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	font-style: inherit;
	line-height: 1.3;
	letter-spacing: 2px;
}

#fbuilder .slots div {
	display: inline-block;
	border: 0px;
	margin: 5px;
}

#fbuilder .slots .currentSelection {
	font-weight: bolder;
	padding: 0px;
}