.elementor-368 .elementor-element.elementor-element-7caa20d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-368 .elementor-element.elementor-element-7caa20d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-368 .elementor-element.elementor-element-f3dd0a6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-368 .elementor-element.elementor-element-37f465f{columns:1;color:var( --e-global-color-secondary );}.elementor-368 .elementor-element.elementor-element-98c125a{columns:3;color:var( --e-global-color-secondary );}.elementor-368 .elementor-element.elementor-element-7c41637{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-368 .elementor-element.elementor-element-7c41637 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 15px 10px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.elementor-368 .elementor-element.elementor-element-cfc7a84{color:var( --e-global-color-secondary );}.elementor-368 .elementor-element.elementor-element-718dbfa{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-368 .elementor-element.elementor-element-718dbfa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 15px 10px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}body.elementor-page-368:not(.elementor-motion-effects-element-type-background), body.elementor-page-368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEF0F2;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-368 .elementor-element.elementor-element-7caa20d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-368 .elementor-element.elementor-element-f3dd0a6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-368 .elementor-element.elementor-element-98c125a{columns:1;}.elementor-368 .elementor-element.elementor-element-7c41637{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-368 .elementor-element.elementor-element-718dbfa{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-f3dd0a6 *//* Stile generale del form */
.modern-form {
    width: 100%; /* Modificato per essere al 100% della larghezza del container */
    margin: 10px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

/* Stile delle etichette */
.modern-form label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
}

/* Stile degli input */
.modern-form input[type="text"],
.modern-form input[type="number"] {
    width: 100%; /* Garantisce che gli input occupino tutta la larghezza disponibile */
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    transition: border-color 0.3s;
}

/* Focus sugli input */
.modern-form input[type="text"]:focus,
.modern-form input[type="number"]:focus {
    border-color: #007bff;
    outline: none;
}

/* Contenitore per i campi Anno di Nascita e Anno di Morte */
.anno-container {
    display: flex;
    justify-content: flex-start; /* Allinea i campi a sinistra */
    gap: 20px; /* Distanza tra i campi */
    align-items: center; /* Allineamento verticale al centro */
    flex-wrap: wrap; /* Rende i campi flessibili su schermi piccoli */
}

/* Campo di input per Anno di Nascita e Anno di Morte */
.anno-container input[type="number"] {
    width: 100%; /* Imposta i campi su 100% su schermi piccoli */
    max-width: 150px; /* Limita la larghezza su schermi più larghi */
}

/* Etichette per "Anno di Nascita" e "Anno di Morte" */
.anno-container label {
    font-size: 14px;
    color: #333;
    margin-bottom: 0; /* Rimuove la distanza tra l'etichetta e il campo */
}

/* Stile del div per i suggerimenti */
#suggestions {
    background-color: #D4E0E5;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.suggestion-item:hover {
    background-color: #f0f0f0;
}

/* Stile del bottone */
.submit-btn {
    background-color: #007bff;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 0;
}

/* Hover sul bottone */
.submit-btn:hover {
    background-color: #0056b3;
}

/* MEDIA QUERIES per dispositivi mobili e tablet */

/* Tablet e schermi di larghezza inferiore a 768px */
@media (max-width: 768px) {
    .modern-form {
        padding: 15px; /* Riduce il padding sui dispositivi più piccoli */
    }

    .anno-container {
        flex-direction: column; /* Allinea verticalmente i campi Anno di Nascita e Morte */
    }

    .anno-container input[type="number"] {
        width: 100%; /* Imposta i campi per l'anno a larghezza piena */
        margin-bottom: 10px; /* Distanza tra i campi */
    }

    .submit-btn {
        width: 100%; /* Il pulsante di invio diventa largo il 100% */
        padding: 15px 20px; /* Aumenta il padding per maggiore cliccabilità */
    }
}

/* Schermi più piccoli (mobile sotto i 480px) */
@media (max-width: 480px) {
    .modern-form {
        padding: 10px; /* Riduce ulteriormente il padding */
    }

    .submit-btn {
        padding: 12px 20px; /* Modifica il padding del bottone */
    }

    .modern-form input[type="text"],
    .modern-form input[type="number"] {
        font-size: 14px; /* Riduce la dimensione del testo sugli input */
        padding: 8px; /* Riduce il padding per adattarsi agli schermi piccoli */
    }
}/* End custom CSS */