
#block-ambita-webform {
    margin-bottom: 4rem;
}


span.fieldset-legend {
    line-height: 2em;
}

.webform-type-webform-radios-other:not(:first-of-type),
.webform-type-fieldset:not(:first-of-type) {
    margin-top: 4rem;
}

.webform-type-webform-radios-other:first-of-type,
.webform-type-fieldset:first-of-type {
    border-top: none !important;
    margin-top: 2rem;
}

div.form-item-aggiugi-una-foto {
    margin-top: 4rem;
    border-top: 2px solid var(--bs-primary);
}

div.form-item-aggiugi-una-foto,
div.form-item-raccontaci-di-piu {
    padding-top: 1rem;
}

label.form-item-aggiugi-una-foto,
label.form-item-raccontaci-di-piu {
    margin: .5rem 0;
}

.form-item-aggiugi-una-foto .webform-image-file .webform-file-button {
    width: 150px;
    height: 150px;
    position: relative;
    background-color: var(--bs-highlight-bg);
    font-weight: 400;
    color: var(--bs-primary-rgb);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.2s;
}

.form-item-aggiugi-una-foto .webform-image-file .webform-file-button:hover {
    opacity: 0.8;
}

form.webform-submission-ambita-helpdesk-form .form-actions {
    margin-top: 3rem;
}

form.webform-submission-ambita-helpdesk-form .ambita-webform-container {
    padding: 3rem 1rem;
}

.call-ambita-form .btn-secondary.rounded-pill svg {
    position: relative;
    top: -2px;
    left: 11px;
}



@media (min-width: 1024px) {
    form.webform-submission-ambita-helpdesk-form .ambita-webform-container {
        padding: 2rem;
    }
    .call-ambita-form .bg-secondary {
        padding: 3rem 4rem;
    }

    
    .ambita-webform-container textarea,
    .ambita-webform-container input {
        max-width: 400px;
    }

    .webform-type-webform-radios-other:not(:first-of-type), .webform-type-fieldset:not(:first-of-type) {
        margin-top: 2rem;
    }

    div.form-item-aggiugi-una-foto {
        margin-top: 2rem;
    }

}

.text-count-wrapper.webform-counter-warning {
    font-weight: 400;
}

.form-item-agree-conditions {
    margin-top: 3rem;
}


/* ------------------------------ CALL AMBITA FORM BANNER ------------------------------ */
.call-ambita-form {
    margin-bottom: 2rem;
    background-color: var(--bs-secondary) !important;
}

.call-ambita-form .bg-secondary {
    padding: 2rem 1rem;
}

.call-ambita-form a {
    width: fit-content;
    min-width: 240px;
}

.call-ambita-form .text-white {
    margin: 1rem 0;
}

.cta-ambita-form h6 {
    line-height: 1.2em;
    padding-bottom: .5rem;
}

@media (min-width: 768px) {
    .cta-ambita-form .inner-wrapper {
        margin-left: 2rem;
    }
    .call-ambita-form .icon-xl {
        /* scale: 1.5;
        transform-origin: left center; */
        min-width: 64px;
        min-height: 64px;
    }
    .call-ambita-form .text-white {
        margin: 0 1rem 0 2rem;
    }
}
@media (min-width: 1024px) {

    .call-ambita-form .text-white {
        font-size: 18px;
        font-weight: 600;
    }

}







/*form micro*/
.js-form-type-checkbox,
.js-form-type-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 8px;
}

input[type="checkbox"],
input[type="radio"]{
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.js-form-type-checkbox label,
.js-form-type-radio label {
    margin-left: 7px;
    line-height: 20px;
}
@media (min-width: 1024px) {
    .js-form-type-checkbox,
    .js-form-type-radio {
        margin-bottom: 7px;
    }
    
}



/*RADIO BUTTON*/
/* Change color when selected */



input[type='radio'] {
    accent-color: #53911F;
    opacity: 1;
}
input[type='radio']:hover {
    accent-color:#53911F;
    opacity: 1;
}


/*TIPS*/

.webform-element-help:focus,
.webform-element-help:active, .webform-element-help:hover {
    border: 2px solid #53911F;
    background: #53911F;
}