/* Skin Solutions Henley booking form */

.mbs-booking-form {
    font-family: Arial, Helvetica, sans-serif;
    color: #0a2c3b;
    line-height: 1.6;
}

/* Give the new client section more breathing room */
#mbs-new-client-message {
    margin-top: 20px;
    margin-bottom: 30px;
}

/* Space paragraphs properly */
.mbs-booking-form p {
    margin-top: 0;
    margin-bottom: 22px;
}

/* Headings and labels */
.mbs-booking-form h2,
.mbs-booking-form h3,
.mbs-booking-form strong,
.mbs-booking-form label {
    color: #0a2c3b;
}

/* Radio buttons */
.mbs-booking-form input[type="radio"] {
    accent-color: #546b76;
}

/* Space between appointment times and price */
#mbs-price-summary {
    margin-top: 25px;
}

#mbs-selection-summary {
    margin-top: 25px;
}

.mbs-time-selected {
    background: #0a2c3b;
    color: #ffffff;
    border-color: #0a2c3b;
}

/* Space between Category and Service */
#mbs-services {
    margin-top: 18px;
}

/* Entire booking form */
.mbs-booking-form {
    font-family: 'Libre Baskerville', serif;
}

/* Main booking title */
.mbs-booking-form > h2 {
    color: #424242;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 22px !important;
}

.mbs-booking-form > h2 + p {
    margin-top: 0 !important;
}

/* Reduce space below treatment instruction */
#mbs-treatment-selection > p:first-child {
    margin-bottom: 14px;
}


/* ------------------------------------------------
   BOOKING FORM FONT SIZE
   14px throughout, excluding the calendar
------------------------------------------------ */

/* General booking text */
.mbs-booking-form {
    font-size: 14px !important;
}

.mbs-booking-form p,
.mbs-booking-form label,
.mbs-booking-form strong {
    font-size: 14px !important;
}

/* Category and Service dropdowns */
.mbs-booking-form select {
    font-size: 14px !important;
}

/* Customer information fields */
.mbs-booking-form input,
.mbs-booking-form textarea {
    font-size: 14px !important;
}

/* Price and selected appointment information */
#mbs-price-summary,
#mbs-price-summary p,
#mbs-selection-summary,
#mbs-selection-summary p {
    font-size: 14px !important;
}

/* Available appointment times */
#mbs-times,
#mbs-times p,
#mbs-times button {
    font-size: 14px !important;
}

/* Keep the main title at 32px */
.mbs-booking-form > h2 {
    font-size: 32px !important;
}