.elementor-8232 .elementor-element.elementor-element-4ffd64f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-1%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-8232 .elementor-element.elementor-element-6aa8ee5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-8232 .elementor-element.elementor-element-b3293d2{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8232 .elementor-element.elementor-element-b3293d2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8232 .elementor-element.elementor-element-4a5f8d2 img{width:100%;}.elementor-8232 .elementor-element.elementor-element-80d8d48{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8232 .elementor-element.elementor-element-80d8d48.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-menu-toggle{margin:0 auto;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item:hover, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item:focus{color:#EAC306;fill:#EAC306;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#EAC306;}.elementor-8232 .elementor-element.elementor-element-8814a72 .e--pointer-framed .elementor-item:before, .elementor-8232 .elementor-element.elementor-element-8814a72 .e--pointer-framed .elementor-item:after{border-color:#EAC306;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E5332A;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#E5332A;}.elementor-8232 .elementor-element.elementor-element-8814a72 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-8232 .elementor-element.elementor-element-8814a72 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#E5332A;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a:hover, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a:focus, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a.highlighted, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-menu-toggle:hover, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-menu-toggle:focus{color:#E5332A;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a:hover, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a:focus, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a.highlighted{background-color:#EAC306;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown a.elementor-item-active{color:#EAC306;background-color:#000000;}.elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown .elementor-item, .elementor-8232 .elementor-element.elementor-element-8814a72 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Lato", Sans-serif;font-weight:600;}.elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle:hover, .elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle:focus{color:#EAC306;}.elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle:hover svg, .elementor-8232 .elementor-element.elementor-element-8814a72 div.elementor-menu-toggle:focus svg{fill:#EAC306;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-8232 .elementor-element.elementor-element-4ffd64f{--z-index:9999;}.elementor-8232 .elementor-element.elementor-element-6aa8ee5{--z-index:9999;}.elementor-8232 .elementor-element.elementor-element-b3293d2{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-8232 .elementor-element.elementor-element-4a5f8d2 img{max-width:100%;}.elementor-8232 .elementor-element.elementor-element-80d8d48{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-8232 .elementor-element.elementor-element-8814a72 > .elementor-widget-container{margin:0% 0% 0% 0%;}}@media(min-width:768px){.elementor-8232 .elementor-element.elementor-element-b3293d2{--width:23.377%;}.elementor-8232 .elementor-element.elementor-element-80d8d48{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8232 .elementor-element.elementor-element-b3293d2{--width:66%;}.elementor-8232 .elementor-element.elementor-element-80d8d48{--width:66%;}}/* Start custom CSS for container, class: .elementor-element-4ffd64f *//* Stili per il logo (sia fisso che mobile) */ #header-dinamico-principale .elemento-widget-teme-site-logo .elemento-widget-container IMG, #header-dinamico-principale .logo-dinamico .elementor-widget-container img { /* Se hai aggiunto la classe 'logo-dinamico' al widget immagine */ height: 80px !important; /* Altezza iniziale del logo - MODIFICA QUESTO VALORE secondo le tue necessità */ width: auto !important; /* Mantiene le proporzioni originali del logo */ object-fit: contain; /* Assicura che l'immagine si adatti bene senza essere tagliata o distorta, mantenendo le proporzioni */ z-index: 9997; /* Assicura che il logo sia in primo piano */ } /* Rimuove la transizione e imposta l'altezza fissa del logo su mobile */ @media (max-width: 767px) { /* Applica solo su schermi più piccoli di 768px (tipicamente mobile) */ #header-dinamico-principale .elemento-widget-teme-site-logo .elemento-widget-container IMG, #header-dinamico-principale .logo-dinamico .elementor-widget-container img { transition: none !important; /* Disabilita la transizione dell'altezza */ height: 80px !important; /* Mantiene l'altezza fissa del logo su mobile */ z-index: 9997; /* Assicura che il logo sia in primo piano */ } /* Impedisce il cambio di altezza del logo nello stato 'scrolled' su mobile */ #header-dinamico-principale.scrolled .elemento-widget-teme-site-logo .elemento-widget-container IMG, #header-dinamico-principale.scrolled .logo-dinamico .elementor-widget-container img { height: 80px !important; /* Mantiene l'altezza fissa del logo nello stato 'scrolled' su mobile */ } /* Mantiene l'header nella sua posizione iniziale (non sticky) su mobile */ #header-dinamico-principale { position: static !important; /* Impedisce che l'header diventi fixed o sticky */ } } /* Transizione fluida per il cambio di altezza del logo (solo su desktop) */ @media (min-width: 768px) { /* Applica solo su schermi più grandi di 768px (tipicamente tablet e desktop) */ #header-dinamico-principale .elemento-widget-teme-site-logo .elemento-widget-container IMG, #header-dinamico-principale .logo-dinamico .elementor-widget-container img { transition: height 0.3s ease !important; /* Transizione fluida per il cambio di altezza */ } /* Altezza ridotta del logo nello stato 'scrolled' su desktop */ #header-dinamico-principale.scrolled .elemento-widget-teme-site-logo .elemento-widget-container IMG, #header-dinamico-principale.scrolled .logo-dinamico .elementor-widget-container img { height: 50px !important; /* Altezza ridotta del logo - MODIFICA QUESTO VALORE */ } } /* Stili per la barra del menù e l'icona hamburger per assicurarsi che siano visibili e in primo piano */ #header-dinamico-principale .elementor-nav-menu--main, /* Seleziona il contenitore principale del menù di Elementor */ #header-dinamico-principale .elementor-menu-toggle { /* Seleziona il toggle del menù mobile (hamburger) */ z-index: 9998 !important; /* Assicura che la barra del menù e il toggle siano sopra il logo e altri elementi */ position: relative; /* Necessario per far funzionare z-index */ } /* Assicura che gli elementi del menù (link, dropdown) siano anch'essi in primo piano */ #header-dinamico-principale .elementor-nav-menu--dropdown, #header-dinamico-principale .elementor-nav-menu--indicator { z-index: 9999 !important; /* Assicura che i dropdown e gli indicatori siano sopra la barra del menù principale */ } /* Assicura che i sottomenù siano sempre in primo piano */ #header-dinamico-principale .elementor-nav-menu--dropdown { z-index: 9999 !important; /* Un valore di z-index ancora più alto per i sottomenù */ } /* Rimuove le animazioni del menù a comparsa su mobile (se presenti, potrebbe dipendere dal tema/plugin) */ @media (max-width: 767px) { /* Applica solo su schermi più piccoli di 768px (tipicamente mobile) */ /* Potrebbe essere necessario identificare le classi specifiche dell'animazione del tuo menù */ /* Esempio generico (potrebbe variare): */ .elementor-menu-item a { transition: none !important; } .elementor-nav-menu--dropdown { animation: none !important; } #header-dinamico-principale .elementor-nav-menu--dropdown { z-index: 9999 !important; /* Un valore di z-index ancora più alto per i sottomenù */ } #header-dinamico-principale .elementor-menu-toggle { /* Seleziona il toggle del menù mobile (hamburger) */ z-index: 9998 !important; /* Assicura che la barra del menù e il toggle siano sopra il logo e altri elementi */ position: relative; /* Necessario per far funzionare z-index */ } }/* End custom CSS */