/*RADIO*/
/* .form--light .wsf-form input[type="radio"].wsf-field + label.wsf-label {
    display: block !important;
} */

/* [role="radiogroup"] {
    display: grid;
    gap: calc(var(--grid-gap)/2);
    grid-template-columns: var(--grid-2);
} */

/*adds the space to the left of the checkbox*/
/* input[type="radio"].wsf-field + label.wsf-label:before {
    left: calc(var(--text-m)*.6) !important;
    border: 3px var(--white) solid !important;
    height: calc(var(--text-m)*1.2) !important;
    width: calc(var(--text-m)*1.2) !important;
} */

/*the focus status for the checkbox DOT*/
/* input[type="radio"].wsf-field:checked + label.wsf-label:before {
    background-color: var(--primary) !important;
    border-color: var(--neutral) !important;
    border-width: 3px;
} */

/*the box around the checkbox element, padding and colour*/
/* input[type="radio"].wsf-field + label.wsf-label {
    background-color: var(--primary-trans-20) !important;
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
    padding-left: calc(var(--space-l)*1.1) !important;
    padding-right: var(--space-m) !important;
    cursor: pointer;
    border-radius: var(--radius-xxl);
} */

/*radio focus state and color*/
/* input[type="radio"].wsf-field:checked + label.wsf-label {
    background-color: var(--accent-trans-20) !important;
} */

/* .wsf-form input[type=radio].wsf-field {
    margin: calc(var(--space-xs) + 2px) !important;
    border-color: var(--white) !important;
 } */

/* .wsf-form input[type=radio].wsf-field:checked::after {
    background-color: var(--primary) !important;
    border-color: var(--neutral) !important;
    border-width: 3px;
} */

/* 
.wsf-form input[type=radio].wsf-field:focus {
box-shadow: unset;
} */

/*the focus status for the checkbox DOT*/
/* input[type="radio"].wsf-field:checked + label.wsf-label:before {
    background-color: var(--primary) !important;
    border-color: var(--neutral) !important;
    border-width: 3px;
} */

/*styles out the checkbox active colour*/
/* input[type="radio"].wsf-field:checked + label.wsf-label:after {
    background-image: url('data:image/svg+xml, <svg xmlns="https://www.w3.org/2000/svg" viewBox="-4 -4 8 8"><circle r="2" fill="#000000"/></svg>') !important;
    display: flex;
} */

/*centers the radio boxes*/
/* [role="radiogroup"] {
    display: grid;
    justify-content: center;
    grid-gap: calc(var(--grid-gap)/2);
} */


/*adds space between label and options on the My Enquiry page*/
/* [data-type="radio"], [data-type="checkbox"] {
    display: grid;
    gap: calc(var(--grid-gap)/2);
    padding-bottom: var(--space-s);
} */

/*removes additonal margin*/
/* .wsf-form input[type="radio"].wsf-field+label.wsf-label {
    margin-left: 0px !important;
} */


/*the ids of the labels on the my enquiry page*/
/* #wsf-1-label-303, #wsf-1-label-307, #wsf-1-label-308 {
    padding-bottom: var(--space-s);
} */

/* .form--light .wsf-form label.wsf-label, .form--light .wsf-form label {
    margin-bottom: 0px !important;
} */

/* input[type=radio].wsf-field + label.wsf-label {
    margin: 0px !important;
} */

/* .form--light .wsf-form [data-type="radio"] > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="price_radio"] > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="radio"] fieldset > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="price_radio"] fieldset > div:not(.wsf-grid) > div + div {
       margin: 0px !important; 
} */

/*CHECKBOX*/

/* .wsf-form input[type=checkbox].wsf-field+label.wsf-label {
    margin-left: 0px !important;
} */

/* 
[data-type="checkbox"] > div {
    display: grid;
    gap: calc(var(--grid-gap)/2);
    grid-template-columns: var(--grid-2);
} */

#wsf-1-invalid-feedback-305 {
    display: none;
}
/* 
[data-type="checkbox"] > .wsf-label {
    padding-bottom: var(--space-s);
} */

/*styles out the checkbox and radio button active colour*/
/* input[type="radio"].wsf-field:checked + label.wsf-label:after {
    background-image: url('data:image/svg+xml, <svg xmlns="https://www.w3.org/2000/svg" viewBox="-4 -4 8 8"><circle r="2" fill="#000000"/></svg>') !important;
} */

/* input[type="checkbox"].wsf-field + label.wsf-label {
    background-color: var(--primary-trans-20) !important;
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
    padding-left: calc(var(--space-l)*1.1) !important;
    padding-right: var(--space-s) !important;
    width: 100%;
    cursor: pointer;
    border-radius: var(--radius-xxl);
} */

/* checkbox focus state and color
input[type="checkbox"].wsf-field:checked + label.wsf-label {
    background-color: var(--accent-trans-20) !important;
    margin-bottom: 1em;
}

.form--light .wsf-form input[type="checkbox"].wsf-field + label.wsf-label {
    margin-bottom: 1em;
}

.form--light .wsf-form input[type="checkbox"].wsf-field + label.wsf-label::before {
    border-radius: 50%;
    border-color: var(--white) !important;
    border-width: 3px;

    margin: calc(var(--space-xs) + 2px) !important;
}

.form--light .wsf-form input[type="checkbox"].wsf-field:checked + label.wsf-label::before {
    background-color: var(--primary) !important;
}

input[type=checkbox].wsf-field:checked + label.wsf-label:after {
    background-image: none !important;
    border-color: var(--neutral) !important;
    border-width: 3px;
}

.form--light input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input):focus + label:before {
    box-shadow: unset !important;
}

.form--light input[type="checkbox"]:checked + label:before {
    box-shadow: unset !important;
}

.form--light .wsf-form input[type="checkbox"].wsf-field + label.wsf-label::before {
    width: calc(var(--text-m)*1.2) !important;
    height: calc(var(--text-m)*1.2) !important;
}

input[type=checkbox].wsf-field + label.wsf-label {
    margin: 0px !important;
}

.form--light .wsf-form [data-type="checkbox"] > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="checkbox"] > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="checkbox"] fieldset > div:not(.wsf-grid) > div + div, .form--light .wsf-form [data-type="checkbox"] fieldset > div:not(.wsf-grid) > div + div {
    margin: 0px !important; 
} */


/*LABEL*/
/*offsets placeholder inside text to fit the input radius*/
/* .form--light .wsf-form label.wsf-label, .form--light .wsf-form label{
    margin-left: calc(var(--radius-xxl)/4);
} */

/*ALERT*/
/*form submissions alert styling
.wsf-alert .wsf-alert-success {
    background-color: var-(--action-light) !important;
    border-color: var-(--action-light) !important;
    color: var-(--action) !important;
}

.wsf-alert {
    -webkit-border-start: 0px solid #ceced2 !important;
    border-inline-start: 0px solid #ceced2 !important;
}*/

/*BACKGROUNDS FOR FORMS*/

/* .enquiry-form-background {
    background-color: var(--neutral) !important;
    border: var(--primary-trans-40) 1.5px solid !important;
    padding: var(--space-m) !important;
    border-radius: var(--radius-l);
} */

/*.wsf-label {
    padding-bottom: var(--space-xs) !important;
}*/

/*PASWWORD*/

/*passwrod reveal field*/
/* input[type="password"].wsf-field {
flex: 1 1 auto;
    min-width: 0;
    position: relative;
    width: 1% !important;
}

.form-password-wrapper > div > div > input[type="text"].wsf-field {
flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    width: 1% !important;
}

.wsf-input-group-append {
    border-radius: 0px var(--radius-xxl) var(--radius-xxl) 0px !important;
    border: 1.5px solid var(--primary-trans-40);
    background-color: var(--primary-trans-10);
    color: var(--primary);
} */