/* Make booking form fields fill their columns and feel more spacious */
#fbuilder input[type="text"],
#fbuilder input[type="email"],
#fbuilder input[type="tel"],
#fbuilder select {
  width: 100% !important;
  max-width: 100%;
  min-height: 54px;
  padding: 12px 16px;
  box-sizing: border-box;
  font-size: 18px;
}
/* Add breathing room between fields set to display in two columns */
#fbuilder .column2 {
  box-sizing: border-box;
  padding-right: 8px;
}
/* Hide the date calendar while leaving the appointment time slots visible */
#fbuilder .ui-datepicker-inline {
  display: none !important;
}
/* Spreyton red booking button with a white hover border */
#fbuilder .pbSubmit {
  background-color: #c51114 !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  transition: border-color 0.2s ease;
}

#fbuilder .pbSubmit:hover,
#fbuilder .pbSubmit:focus-visible {
  background-color: #c51114 !important;
  color: #fff !important;
  border-color: #fff !important;
}