.ahbfield_service{display:none}
.date-dropdowns select{float:left;width:auto}

#fbuilder .ui-datepicker table{display:none}, #fbuilder .ui-datepicker thead{display:none}, #fbuilder .ui-datepicker tr{display:none}, #fbuilder .ui-datepicker th{display:none}
, #fbuilder .ui-datepicker td{display:none}



#fbuilder .comment_area label{font-size:15px;font-weight:bold;}
#fbuilder .comment_area span{font-size:14px;}

.boldclass{font-size:13px;font-weight:bold;color:#cc0000}

.smallclass{font-size:13px;color:#000000;font-weight:350;}

.largeclass{font-size:18px;font-weight:900;color:#cc0000}

.uppercase{text-transform: uppercase;}

/* DO NOT USE CustomClass for other fields */
.customclass{font-size:13px;font-weight:bold;color:#182E92}

.specialclass{color:#182E92;font-weight:510;}

.darkclass{font-size:12px;font-weight:505}

#fbuilder .ui-datepicker{display:none !important}
#fbuilder .uh_phone .l{display:none !important}

.hidden{display:none;}

/*code to change open time slots*/
#fbuilder .slots{box-shadow:none}


/* Tighten spacing above slot availability */
.ahb_slot_availability {
  display: block !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.1 !important;
  font-size: 11px;
  color: #cc0000;
  font-weight: 350;
}

.ahb_slot_availability::before {
  content: "Available: ";
  font-weight: 400;
}

#fbuilder .slots div a{background:#E8F5FF;color:#333333,}

#fbuilder .notavailslot a{ background:#f00; }

#fbuilder .pbSubmit:hover{background-color:#4CAF50;color:white;}

//Change font in calendar view to black
.chip dl{color:#000}
.chip dl,.rb-i{color:#000 !important}

//edit display of taken time slots
#fbuilder .slots .htmlUsed a{text-decoration:line-through;background:#ddd;color:#ccc}

//add availability to time slots


//edit chosen timeslots
#fbuilder .ahb_list{margin:1px 1px}
#fbuilder .ahb_list .ahb_list_time{border:1px;background:#E8F5FF;padding:5px;margin-right:0px;color:#000000;font-weight:400;display:inline-block}
#fbuilder .ahb_list .ahb_list_service{border:2px;background:#E8F5FF;padding:5px;margin-right:0px;color:#000000;font-weight:400;display:inline-block}
#fbuilder .ahb_list a{border:2px;background:#E8F5FF;padding:5px;color:#000000;font-weight:400;display:inline-block}


.woocommerce div.product.elementor form.cart{display:block !important;}

//code to show discount field when using Woocommerce/
.cpcff-woocommerce-wrapper .captcha{display:block !important}
#multicalendar .rb-i{color:black !important;}

//code to make coupon field show
#fbuilder .captcha{display:block !important}
.cpcff-woocommerce-wrapper .captcha{display:block !important}

#fbuilder .uh_phone input{font-size:initial}

#fbuilder input{width:initial}
/* Karen CSS rule */
.custom .ahbfield_service{display:block !important}

@media screen and (min-width:740px){#fbuilder .fields.column2{clear: none !important;}}

#fbuilder select{border:3px solid #000000;}

.uppercase input,
.uppercase textarea{text-transform:uppercase !important;}

.upper{text-transform:uppercase;}

/* Event Details Box Styling */
#fbuilder pre,
.ahbfield_service pre,
.cpappb_field pre {
  max-width: 650px;
  margin: 20px 0;
  padding: 22px 26px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-left: 6px solid #c90000;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.55;
  color: #1f2937;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/* Bold text inside event details */
#fbuilder pre b,
#fbuilder pre strong,
.ahbfield_service pre b,
.ahbfield_service pre strong,
.cpappb_field pre b,
.cpappb_field pre strong {
  color: #c90000;
  font-weight: 800;
  text-transform: uppercase;
}

/* Mobile */
@media (max-width: 600px) {
  #fbuilder pre,
  .ahbfield_service pre,
  .cpappb_field pre {
    padding: 18px 20px;
    font-size: 15px;
    line-height: 1.5;
    margin: 16px 0;
  }
}
.mhc-event-note {
  display: block !important;
  margin-top: 5px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #4b5563 !important;
}

.mhc-event-waitlist-form {
  margin-top: 16px !important;
}

.mhc-event-button {
  display: inline-block !important;
  background: #c90000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 11px 22px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
}

.mhc-event-button:hover {
  background: #a80000 !important;
}

/* Special pricing/deposit alert */
.mhc-event-alert {
    margin: 0 0 16px 0 !important;
    padding: 12px 14px !important;
    background: #fff4e5 !important;
    border: 1px solid #f6c177 !important;
    border-radius: 10px !important;
    color: #7a3e00 !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Top informational alert only */
.mhc-event-info-alert {
    margin: 0 0 16px 0 !important;
    padding: 12px 14px !important;
    background: #eef6fb !important;
    border: 1px solid #b8d8ea !important;
    border-left: 4px solid #337da3 !important;
    border-radius: 8px !important;
    color: #284f63 !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

/* Smaller font for SMS consent text */
.sms-consent-text {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* Force Parent/Guardian div to one column */
#fbuilder .mhc-one-column-section .fields {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Normal text inputs */
#fbuilder .mhc-one-column-section input[type="text"],
#fbuilder .mhc-one-column-section input[type="email"],
#fbuilder .mhc-one-column-section input[type="tel"],
#fbuilder .mhc-one-column-section textarea {
  max-width: 460px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* State dropdown - prevent it from becoming huge */
#fbuilder .mhc-one-column-section select {
  width: 460px !important;
  max-width: 460px !important;
  box-sizing: border-box !important;
}

/* Phone number boxes - keep them small and side-by-side */
#fbuilder .mhc-one-column-section input[type="text"][size],
#fbuilder .mhc-one-column-section input[type="tel"][size] {
  width: auto !important;
  max-width: none !important;
}

/* Fix checkbox position */
#fbuilder .mhc-one-column-section input[type="checkbox"] {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  display: inline-block !important;
  margin: 0 7px 0 0 !important;
  vertical-align: middle !important;
}

/* Keep checkbox label/text aligned */
#fbuilder .mhc-one-column-section label {
  display: inline-block !important;
  max-width: 760px !important;
  line-height: 1.35 !important;
}

/* Smaller consent text */
#fbuilder .mhc-one-column-section .mhc-sms-consent-field,
#fbuilder .mhc-one-column-section .mhc-sms-consent-field label,
#fbuilder .mhc-one-column-section .mhc-sms-consent-field span,
#fbuilder .mhc-one-column-section .mhc-sms-consent-field p,
#fbuilder .mhc-one-column-section .mhc-sms-consent-field a {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Mobile */
@media (max-width: 767px) {
  #fbuilder .mhc-one-column-section input[type="text"],
  #fbuilder .mhc-one-column-section input[type="email"],
  #fbuilder .mhc-one-column-section input[type="tel"],
  #fbuilder .mhc-one-column-section textarea,
  #fbuilder .mhc-one-column-section select {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* SMS consent checkbox field */
#fbuilder .mhc-consent-checkbox {
  width: 100% !important;
  max-width: 760px !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Hide the field label / required star above the checkbox */
#fbuilder .mhc-consent-checkbox > label,
#fbuilder .mhc-consent-checkbox .field-label,
#fbuilder .mhc-consent-checkbox .uh,
#fbuilder .mhc-consent-checkbox .r {
  display: none !important;
}

/* Force checkbox option row to align horizontally */
#fbuilder .mhc-consent-checkbox .dfield label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 7px !important;
  max-width: 760px !important;
  line-height: 1.35 !important;
}

/* Keep the checkbox beside the text */
#fbuilder .mhc-consent-checkbox input[type="checkbox"],
#fbuilder .mhc-consent-checkbox input[type="radio"] {
  width: auto !important;
  max-width: none !important;
  min-width: 13px !important;
  height: 13px !important;
  flex: 0 0 auto !important;
  margin: 3px 6px 0 0 !important;
  position: static !important;
  float: none !important;
}

/* Consent wording */
#fbuilder .mhc-consent-checkbox .dfield,
#fbuilder .mhc-consent-checkbox .dfield label,
#fbuilder .mhc-consent-checkbox .dfield span,
#fbuilder .mhc-consent-checkbox .dfield p,
#fbuilder .mhc-consent-checkbox .dfield a {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* Remove weird extra spacing */
#fbuilder .mhc-consent-checkbox .dfield,
#fbuilder .mhc-consent-checkbox .dfield label,
#fbuilder .mhc-consent-checkbox .dfield span,
#fbuilder .mhc-consent-checkbox .dfield p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}