:root { --color_rossolaterza: #DC0013; --bg_grigiolaterza: #FAFAFA; }
p.testo { font-size: 1.3rem; }
#floating-bar > div { background-color: var(--bg_grigiolaterza) !important; background-color: var(--bg_grigiolaterza) !important; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 13%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 1rem 1rem; padding: 2rem 1rem !important; height: fit-content !important; }
p.indice { margin: 5px; text-align: left; font-weight: bold; display: list-item; list-style-type: disc; font-size: 1rem; padding-left: 1rem; margin-left: 2rem; }
p.testo { font-family: Georgia !important; font-size: 1.5rem; line-height: 2.6rem; margin-bottom: 1.5rem; text-align: justify; }
li.testo { box-sizing: border-box; font-family: Georgia, serif; font-size: 1.5rem; font-weight: 400; hyphens: manual; line-height: 2.4rem; margin-left: 1rem; margin-right: 0px; margin-top: 0px; font-style: italic; color: #666; margin-bottom: 1rem; }
ul.testo, li.testo { list-style: none; /* Remove default bullets */ }
ul.testo li::before { content: "\2022";  /* Add content: ‚2 is the CSS Code/unicode for a bullet */ color: var(--color_rossolaterza); /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1rem; /* Also needed for space (tweak if needed) */ margin-left: -1rem; /* Also needed for space (tweak if needed) */ }
.titolo-parte { margin-top: 4rem; font-size: 3.8rem; font-family: "Open Sans", sans-serif; font-weight: 300; text-align: left !important; color: var(--color_rossolaterza); line-height: 1em; }
h3 center { color: var(--color_rossolaterza); font-size: 3em; font-family: Georgia; font-weight: normal; line-height: 1.2em; }
#floating-bar.floating-bar { width: inherit !important; }
.elementor-section.elementor-section-boxed>.elementor-container { max-width: 1360px; }
#floating-bar.floating-bar.is-floating { max-width: 25% !important; }
.titolo_lab {font-size: 3rem;}
.iframe-container.container { 
    padding: 0em !important; 
    min-height: 70vh;     
    margin: 2rem 0rem;     
    max-width: none;
    width: 100%;
}
.box-sintesi { text-align: center; }
#contenitore-lab {margin-bottom: 90px; font-size: 1.5rem;}
#contenitore-lab ul { margin-top: 1rem; margin-bottom: 1rem;}

#contenitore-lab > h1 {
    font-size: 4rem;
    line-height: 1.1em;
    border-left: 1rem solid var(--color_rossolaterza);
    padding-left: 2rem;
    letter-spacing: -.05em;
}

.titolo-parte, #metodo {
    margin-top: 0;
    font-size: 2.2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: left !important;
    color: #4b4b4b;
    line-height: 1em;
    border-left: solid 0rem var(--color_rossolaterza);
    padding-left: 0;
    letter-spacing: -.05em;
}

.titolo-fase {
    margin-top: 4rem;
    font-size: 2.8rem;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    text-align: left !important;
    color: #4b4b4b;
    line-height: 1em;
    border-left: solid 1rem var(--color_rossolaterza);
    padding-left: 2rem;
    letter-spacing: -.05em;
}

.box-sintesi, .box-consigli, .riquadro-fonte {
    text-align: left !important;
    background: #ffffffc7;
    box-shadow: 0 0 16px #0000001f;
    padding: 3rem 4rem;
    margin-top: 2rem !important;
    border-top: 1rem solid var(--color_rossolaterza);
    margin-bottom:  2rem !important;
}
@media only screen and (max-width: 700px){
    .box-sintesi, .box-consigli, .riquadro-fonte {
        padding: 5px;
        font-size:15px;
    }
    #contenitore-lab > h1 {
        font-size: 2rem;
        line-height: 1.1em;
        border-left: 0.5rem solid var(--color_rossolaterza);
        padding-left: 0.5rem;
        letter-spacing: -.05em;
    }
    .titolo-fase {
        margin-top: 4rem;
        font-size: 1.8rem;
        line-height: 1em;
        border-left: 0.5rem solid var(--color_rossolaterza);
        padding-left: 0.5rem;
        letter-spacing: -.05em;
    }
    .titolo-parte, #metodo {
        font-size: 1.7rem;
    }
    #contenitore-lab p {
        font-size:1rem;
    }
    #contenitore-lab ol {
        font-size:1rem;
    } 
    #contenitore-lab ul {
        font-size:1rem;
    }
    ul, ol {
        margin: 0 0 1.5rem 1rem;
    }
 }
.video-container { margin-top: 2em;box-shadow: 0 0 16px #0000001a; max-width: 70%;
    margin-left: 15%;}
h5#ricerca {font-size: 2rem;
    border-left: 1rem solid  var(--color_rossolaterza);
    padding-left: 1rem;
    text-align: right;
    background: #ffffffc7;
    box-shadow: 0 0 16px #0000001a;
    padding: 1rem;
    padding-top: 2rem;}
h4 {
    margin-bottom:1rem;
}
p.fonte {
    margin-top:-0.9rem;
    margin-bottom:1rem;
}
h5#ricerca  .fa-search {    font-size: 2rem;
    color: var(--color_rossolaterza);}

.elementor-element[data-id="9aed8f9"] {    background-image: url(https://www.robertoantonacci.com/immagine_laterza.png) !important;
    background-color: #252525 !important;
    background-blend-mode: overlay;     height: 350px; display: flex; background-position: bottom center;} 

.elementor-440 .elementor-element.elementor-element-9aed8f9:not(.elementor-motion-effects-element-type-background), .elementor-440 .elementor-element.elementor-element-9aed8f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-position: 0px -70%;
}

@media all and (max-width:1024px) {
    p.titolo_lab { font-size: 2rem; line-height: 1; }
    .elementor-section { padding: 1.5rem; }
    .titolo-parte { margin-top: 2rem; }
    ul.testo { margin-left: 0; padding-left: 0; }
    h3 center { color: var(--color_rossolaterza); font-size: 2em; font-family: Georgia; font-weight: normal; line-height: 1.2em; }
}
#qwhtml body.thebody {
    overflow-x: scroll;
}