/* www.temposrl.com su EasyCMS: le regole che sostituiscono il JavaScript di Elementor (vedi /js/elementor-sito.js).
   Lo stile del sito è nell'Aspetto "CSS"; le librerie in vendor.css. */

/* header fisso in cima (Elementor Pro "sticky") */
.elementor-location-header {
    position: sticky;
    top: 0;
    z-index: 99;
}

/* sottomenù del menù desktop al passaggio del mouse (SmartMenus li apre via JavaScript) */
.elementor-nav-menu--main .elementor-nav-menu li:hover > ul,
.elementor-nav-menu--main .elementor-nav-menu li:focus-within > ul,
.elementor-nav-menu--main .elementor-nav-menu li.e-hover > ul {
    display: block;
}
/* larghezza dei sottomenù: SmartMenus la mette inline (subMenusMinWidth 10em, subMenusMaxWidth 1000px) al posto
   dei 12em fissi del suo CSS, così le voci lunghe restano su una riga dentro lo sfondo */
.elementor-nav-menu--main .elementor-nav-menu ul {
    width: auto;
    min-width: 10em;
    max-width: 1000px;
}
.elementor-nav-menu--main .elementor-nav-menu > li > ul {
    top: 100%;
    left: 0;
    z-index: 100;
}
/* terzo livello accanto alla voce madre: Elementor ha ".elementor-nav-menu > li ul { top: 100% !important }"
   e SmartMenus lo compensa con un margin-top negativo via JavaScript; qui vince la specificità più alta */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu ul.sub-menu {
    top: 0 !important;
    left: 100%;
}
/* aperto a sinistra quando a destra non c'è spazio (elementor-sito.js) */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu ul.sub-menu.e-a-sinistra {
    left: auto;
    right: 100%;
}

/* menù mobile: le voci con sottomenù si aprono con la freccia */
.elementor-nav-menu--dropdown li.e-aperto > ul {
    display: block;
}
.elementor-nav-menu--dropdown li.e-aperto > a .sub-arrow i {
    transform: rotate(180deg);
}

/* gallerie (e-gallery): griglia di sfondi */
.e-gallery-grid .e-gallery-image {
    background-size: cover;
    background-position: center;
}