html {
    scroll-behavior: initial !important;
}

:root {
    /* Change viewport max width here */
    /*********************************/
    --max-width: 1360px;
    /*********************************/
    /* Enter brand colours here ******/
    --primary: #A1DDCB;
    --secondary: #E37780;
    --tertiary: #F9EFAC;
    --accent: #F7A48A;
    --bg-color: #f7fffd;
}

b, strong {
  font-weight: 900;
}

#brx-content {
    background-color: var(--bg-color);
}

#brx-header > .brxe-section {
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
}

main .brxe-section.section-full-width {
    padding-left: 5%;
    padding-right: 5%;
}

/* FORMS ********************************************************************/
input[type="date"].wsf-field,
input[type="datetime-local"].wsf-field,
input[type="file"].wsf-field,
input[type="month"].wsf-field,
input[type="password"].wsf-field,
input[type="search"].wsf-field,
input[type="time"].wsf-field,
input[type="week"].wsf-field,
input[type="email"].wsf-field,
input[type="number"].wsf-field,
input[type="tel"].wsf-field,
input[type="text"].wsf-field,
input[type="url"].wsf-field,
select.wsf-field,
textarea.wsf-field {
    font-size: var(--text-m) !important;
    top: 10px !important;
}

input[type="date"].wsf-field,
input[type="datetime-local"].wsf-field,
input[type="file"].wsf-field,
input[type="month"].wsf-field,
input[type="password"].wsf-field,
input[type="search"].wsf-field,
input[type="time"].wsf-field,
input[type="week"].wsf-field,
input[type="email"].wsf-field,
input[type="number"].wsf-field,
input[type="tel"].wsf-field,
input[type="text"].wsf-field,
input[type="url"].wsf-field,
select.wsf-field:not([multiple]):not([size]) {
    height: 46px !important;
}

.wsf-label-position-inside canvas.wsf-field + label,
.wsf-label-position-inside select.wsf-field + label,
.wsf-label-position-inside input.wsf-field[placeholder] + label,
.wsf-label-position-inside textarea.wsf-field[placeholder] + label,
.wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside
    input.wsf-field[placeholder]
    + .wsf-input-group-append
    + label,
.wsf-label-position-inside
    textarea.wsf-field[placeholder]
    + .wsf-input-group-append
    + label {
    font-size: var(--text-m) !important;
}

.wsf-label-position-inside canvas.wsf-field + label,
.wsf-label-position-inside select.wsf-field + label,
.wsf-label-position-inside input.wsf-field[placeholder]:focus + label,
.wsf-label-position-inside
    input.wsf-field[placeholder]:not(:placeholder-shown)
    + label,
.wsf-label-position-inside textarea.wsf-field[placeholder]:focus + label,
.wsf-label-position-inside
    textarea.wsf-field[placeholder]:not(:placeholder-shown)
    + label,
.wsf-label-position-inside canvas.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside select.wsf-field + .wsf-input-group-append + label,
.wsf-label-position-inside
    input.wsf-field[placeholder]:focus
    + .wsf-input-group-append
    + label,
.wsf-label-position-inside
    input.wsf-field[placeholder]:not(:placeholder-shown)
    + .wsf-input-group-append
    + label,
.wsf-label-position-inside
    textarea.wsf-field[placeholder]:focus
    + .wsf-input-group-append
    + label,
.wsf-label-position-inside
    textarea.wsf-field[placeholder]:not(:placeholder-shown)
    + .wsf-input-group-append
    + label {
    padding-left: 8px !important;
    padding-right: 8px !important;
    transform: translate(0, -17px) scale(0.6) !important;
    border-radius: 4px;
}

button.wsf-button {
    font-size: var(--text-m) !important;
}


/* Booking form */

@media only screen and (min-width: 768px) {
    .xdsoft_datetimepicker {
        transform: scale(1.8) translateX(15.6%) translateY(24%);
    }
}

#wsf-1-label-11 {
    color: #000;
    font-weight: 700;
}

/**** MEDIA QUESIES *************************************************/

@media only screen and (max-width: 1400px) {
  main .brxe-section.section-full-width {
    padding-left: var(--space-m);
    padding-right: var(--space-m);
  }
}

@media only screen and (max-width: 478px) {
  main .brxe-section.section-full-width {
    padding-left: var(--space-s);
    padding-right: var(--space-s);
  }
}