.acf-form * { font-family: inherit;  }

.thanks,
.formheader,
form#add,
.acf-form > div { max-width: 720px; margin: var(--gutter) auto; }

.acf-form > div.-top { margin-bottom: 0;}

/*form title */
div.acf-field-67daf09064f60 > .acf-label:first-child { display: none;}


.acf-field-group:not([data-name="location"]) > .acf-label:first-child,

.thanks,
.formheader,
form#add,
.acf-form .acf-field-group.acf-field-67dda51650440,
#review_answers,
.acf-form fieldset.fieldset:not(.categorychecklist-holder > fieldset.fieldset),

.acf-form .acf-field-group[data-name="location"],
.acf-form .acf-field:not(.acf-field-group):not(.acf-field-group[data-name="location"] > .acf-input  > .acf-fields > .acf-field)

{ background: white;  margin: var(--gutter) auto; box-shadow: var(--shadow); padding:var(--wrapper-margin); border-radius: var(--radius); }

.acf-form .acf-field-67dda51650440 .acf-field,

.acf-form fieldset.fieldset .acf-field:not(.acf-field-group):not(.acf-field-group[data-name="location"] > .acf-input  > .acf-fields > .acf-field),
.acf-form .acf-field-group[data-name="location"] > .acf-input  > .acf-fields > .acf-label
{background: none; margin: 0; box-shadow: none; padding: 0; border-radius: 0;}

.acf-form fieldset.fieldset:not(.categorychecklist-holder > fieldset.fieldset) > .acf-field+.acf-field { margin-top: var(--gutter);}


#review_answers h2,
.acf-form fieldset.fieldset legend,
.acf-label label {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0.5em;
    line-height: 1.2;
    display: block;

    /*all: unset;*/ /* Removes default styles */
}
.acf-field-680a4980655b9 .acf-fields > .acf-field > .acf-label >label {

    font-size: 20px;
}

.categorychecklist-holder > fieldset.fieldset legend { display: none;}

.acf-field-group:not(.acf-field-67dda51650440) > .acf-label:first-child label:last-child { margin-bottom: 0;}

.acf-form fieldset.fieldset legend {
    float:left;
    width: 100%;
}


.acf-input .acf-fields .acf-field:not(:last-child){ margin-bottom: var(--gutter); }


.acf-fields.-border { background: none !important; border:none !important; }

@media all and (max-width: 1199.98px) {
    #review_answers h2,
    .acf-form fieldset.fieldset legend,
    .acf-label label {
        font-size: 24px;
    }
}

@media all and (max-width: 899.98px) {
    #review_answers h2,
    .acf-form fieldset.fieldset legend,
    .acf-label label {
        font-size: 24px;
    }
}

@media all and (max-width: 599.98px) {
    #review_answers h2,
    .acf-form fieldset.fieldset legend,
    .acf-label label {
        font-size: 18px;
    }
}


.acf-field { clear: both;}

.acf-field-message p {
    font-size: 16px; line-height: 1.4; margin: 1em 0;
}
.acf-field input[type="number"],
.acf-field input[type="url"],
.acf-field input[type="text"],
.acf-field input[type="email"],
.acf-field-textarea textarea {
    width: 100%; font-size: 16px; line-height: 1.4; padding: 1em;
    border: 2px solid #777;
    border-radius: 4px;

    position: relative;
    transition: all 0.2s ease-in-out;
}
.acf-field-textarea textarea {

 /*   min-height: 100px;*/

}
.acf-field-textarea textarea:focus {

    border-color: currentColor;

}

.acf-field input[type="number"]:focus-visible,
.acf-field input[type="url"]:focus-visible,
.acf-field input[type="text"]:focus-visible,
.acf-field input[type="email"]:focus-visible,
.acf-field-textarea textarea:focus-visible {
box-shadow: 0 0 0 1px white, 0 0 0 3px var(--green);
}





:is(.acf-field-checkbox,.acf-field-radio) li {}

/* Create a custom checkbox */
.acf-form p.description,
:is(.acf-field-checkbox,.acf-field-radio,.acf-checkbox-list) label {
    display: flex;
    align-items: center;
    font-size: 16px;

    cursor: pointer;
    user-select: none;
    position: relative;  min-height: 44px;
}
.acf-form p.description {display: block; }

/* Hide the default checkbox */
:is(.acf-field-checkbox,.acf-checkbox-list) input:is([type="checkbox"],[type="radio"]) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

:is(.acf-field-checkbox,.acf-checkbox-list) label:has(input:focus-visible) {
    background: var(--yellow-lighter);
}



/* Custom checkbox box */
:is(.acf-field-checkbox,.acf-checkbox-list):has(input[type="checkbox"]) .checkmark {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #777;
    border-radius: 4px;
    margin-right: 10px; order: -1;
    position: relative;
    transition: all 0.2s ease-in-out;
}


:is(.acf-field-checkbox,.acf-checkbox-list) label:has(input:focus-visible) span.checkmark {

    box-shadow: 0 0 0 1px var(--yellow-lighter), 0 0 0 3px var(--green);
}




/* Checkmark when checked */
:is(.acf-field-checkbox,.acf-checkbox-list) input[type="checkbox"]:checked ~ .checkmark {
    background-color: currentColor;
    border-color: currentColor;
}

/* Checkmark tick */
:is(.acf-field-checkbox,.acf-checkbox-list) input[type="checkbox"]:checked ~ .checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Hover effect */
/*.acf-field-checkbox:hover .checkmark {
    border-color: #777;
}*/




/* Hide the default radio */
.acf-field-radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


/* Custom radio button */
:is(.acf-field-checkbox,.acf-checkbox-list):has(input[type="radio"]) .checkmark ,
.acf-field-radio .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 10px; order: -1;
    position: relative;
    transition: all 0.2s ease-in-out;
}


/* Checked state */
:is(.acf-field-checkbox,.acf-checkbox-list) input[type="radio"]:checked ~ .checkmark ,
.acf-field-radio input[type="radio"]:checked + .checkmark {
   /* background-color: currentColor;*/
    border-color: currentColor;
}

/* Inner dot */
:is(.acf-field-checkbox,.acf-checkbox-list) input[type="radio"]:checked ~ .checkmark::after ,
.acf-field-radio input[type="radio"]:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background: currentColor;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

/* Hover effect */
:is(.acf-field-checkbox,.acf-checkbox-list) label:hover .checkmark ,
.acf-field-radio:hover .checkmark {
    border-color: #777;
}