/* ===== zz-xlogic-modern-menu.php ===== */ @media (min-width: 768px) { /* DROPDOWN */ body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu { width: 350px !important; min-width: 350px !important; padding: 10px !important; background: #fff !important; border: 1px solid rgba(26,48,61,.11) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(24,45,58,.13), 0 3px 9px rgba(24,45,58,.05) !important; overflow: hidden !important; } /* ELIMINA LA VECCHIA FRECCIA NERA A SINISTRA */ body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a::before { content: none !important; display: none !important; } body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a::after { content: none !important; display: none !important; } body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a .sub-arrow { display: none !important; } /* VOCE */ body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 54px !important; padding: 8px 11px !important; margin: 1px 0 !important; gap: 12px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: #172b37 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; transition: background .18s ease, color .18s ease, transform .18s ease !important; } /* BOX ICONA */ body .elementor-nav-menu--main .menu-item-48 .xl-hosting-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0 !important; border-radius: 9px !important; background: #edf8f1 !important; color: #159447 !important; } /* ICONA VERA */ body .elementor-nav-menu--main .menu-item-48 .xl-hosting-icon .dashicons { width: 20px !important; height: 20px !important; margin: 0 !important; color: #159447 !important; font-size: 20px !important; line-height: 20px !important; } /* TESTO */ body .elementor-nav-menu--main .menu-item-48 .xl-hosting-label { flex: 1 1 auto !important; margin: 0 !important; color: inherit !important; } /* FRECCIA DESTRA */ body .elementor-nav-menu--main .menu-item-48 .xl-hosting-arrow { flex: 0 0 18px !important; margin-left: auto !important; color: #99a7ae !important; font-family: Arial, sans-serif !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; transition: color .18s ease, transform .18s ease !important; } /* HOVER */ body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a:hover { background: #eff9f3 !important; color: #148740 !important; transform: translateX(2px) !important; } body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a:hover .xl-hosting-icon { background: #159447 !important; } body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a:hover .xl-hosting-icon .dashicons { color: #fff !important; } body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a:hover .xl-hosting-arrow { color: #159447 !important; transform: translateX(2px) !important; } } /* MOBILE */ @media (max-width: 767px) { .xl-hosting-icon, .xl-hosting-arrow { display: none !important; } } @media (min-width: 768px) { /* BOX */ .menu-item-48 > .sub-menu { width: 360px !important; min-width: 360px !important; padding: 10px !important; background: #fff !important; border: 1px solid rgba(20,45,60,.11) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.13) !important; overflow: hidden !important; } /* RIMUOVE VECCHIA FRECCIA A SINISTRA */ .menu-item-48 > .sub-menu > li > a::before { content: none !important; display: none !important; } /* RIMUOVE EVENTUALI FRECCE DEL TEMA */ .menu-item-48 > .sub-menu > li > a::after { content: none !important; display: none !important; } .menu-item-48 > .sub-menu > li > a .sub-arrow { display: none !important; } /* VOCE MENU */ .menu-item-48 > .sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 56px !important; padding: 8px 12px !important; margin: 1px 0 !important; gap: 12px !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; color: #172b37 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important; transition: all .18s ease !important; } /* QUADRATINO ICONA */ .menu-item-48 .xl-hosting-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 38px !important; width: 38px !important; height: 38px !important; margin: 0 !important; background: #edf8f1 !important; color: #159447 !important; border-radius: 9px !important; } /* ICONA */ .menu-item-48 .xl-hosting-icon .dashicons { display: block !important; width: 21px !important; height: 21px !important; margin: 0 !important; color: #159447 !important; font-size: 21px !important; line-height: 21px !important; } /* TESTO */ .menu-item-48 .xl-hosting-label { display: block !important; flex: 1 1 auto !important; margin: 0 !important; color: inherit !important; } /* FRECCIA A DESTRA */ .menu-item-48 .xl-hosting-arrow { display: block !important; flex: 0 0 20px !important; margin-left: auto !important; color: #9aa8af !important; font-family: Arial, sans-serif !important; font-size: 23px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; } /* HOVER */ .menu-item-48 > .sub-menu > li > a:hover { background: #eff9f3 !important; color: #148740 !important; transform: translateX(2px) !important; } .menu-item-48 > .sub-menu > li > a:hover .xl-hosting-icon { background: #159447 !important; } .menu-item-48 > .sub-menu > li > a:hover .xl-hosting-icon .dashicons { color: #fff !important; } .menu-item-48 > .sub-menu > li > a:hover .xl-hosting-arrow { color: #159447 !important; transform: translateX(2px) !important; } } /* ===== zz-xlogic-modern-menu-domini.php ===== */ @media (min-width: 768px) { /* BOX DOMINI */ body .menu-item-3270 > ul.sub-menu { width: 318px !important; min-width: 318px !important; padding: 5px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.11) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.13), 0 3px 9px rgba(20,45,60,.05) !important; overflow: hidden !important; gap: 0 !important; } /* LI */ body .menu-item-3270 > ul.sub-menu > li { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* ELIMINA FRECCE ORIGINALI DEL TEMA */ body .menu-item-3270 > ul.sub-menu > li > a::before, body .menu-item-3270 > ul.sub-menu > li > a::after { content: none !important; display: none !important; } body .menu-item-3270 > ul.sub-menu > li > a .sub-arrow { display: none !important; } /* RIGA */ body .menu-item-3270 > ul.sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; height: 43px !important; min-height: 43px !important; max-height: 43px !important; margin: 0 !important; padding: 4px 9px !important; gap: 8px !important; background: transparent !important; border: 0 !important; border-radius: 8px !important; color: #172b37 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; box-sizing: border-box !important; transition: background .18s ease, color .18s ease, transform .18s ease !important; } /* SPAZIO ICONA */ body .menu-item-3270 .xl-domain-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ICONA VERDE */ body .menu-item-3270 .xl-domain-icon .dashicons { width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; color: #159447 !important; font-size: 19px !important; line-height: 19px !important; } /* TESTO */ body .menu-item-3270 .xl-domain-label { flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.1 !important; text-transform: none !important; letter-spacing: 0 !important; } /* FRECCIA DESTRA */ body .menu-item-3270 .xl-domain-arrow { flex: 0 0 14px !important; margin: 0 1px 0 auto !important; padding: 0 !important; color: #9aa8af !important; font-family: Arial, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; } /* HOVER */ body .menu-item-3270 > ul.sub-menu > li > a:hover { background: #f1faf4 !important; color: #148740 !important; transform: translateX(2px) !important; } body .menu-item-3270 > ul.sub-menu > li > a:hover .xl-domain-icon .dashicons { color: #117b38 !important; } body .menu-item-3270 > ul.sub-menu > li > a:hover .xl-domain-arrow { color: #159447 !important; transform: translateX(2px) !important; } } /* MOBILE */ @media (max-width: 767px) { .xl-domain-icon, .xl-domain-arrow { display: none !important; } } /* ===== zz-xlogic-modern-menu-servizi.php ===== */ @media (min-width: 768px) { /* BOX SERVIZI */ body .menu-item-54 > ul.sub-menu { width: 318px !important; min-width: 318px !important; padding: 5px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.11) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.13), 0 3px 9px rgba(20,45,60,.05) !important; overflow: hidden !important; gap: 0 !important; } /* RIGHE LI */ body .menu-item-54 > ul.sub-menu > li { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* RIMUOVE FRECCE ORIGINALI */ body .menu-item-54 > ul.sub-menu > li > a::before, body .menu-item-54 > ul.sub-menu > li > a::after { content: none !important; display: none !important; } body .menu-item-54 > ul.sub-menu > li > a .sub-arrow { display: none !important; } /* LINK */ body .menu-item-54 > ul.sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; height: 43px !important; min-height: 43px !important; max-height: 43px !important; margin: 0 !important; padding: 4px 9px !important; gap: 8px !important; background: transparent !important; border: 0 !important; border-radius: 8px !important; color: #172b37 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; box-sizing: border-box !important; transition: background .18s ease, color .18s ease, transform .18s ease !important; } /* CONTENITORE ICONA */ body .menu-item-54 .xl-service-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ICONA */ body .menu-item-54 .xl-service-icon .dashicons { width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; color: #159447 !important; font-size: 19px !important; line-height: 19px !important; } /* TESTO */ body .menu-item-54 .xl-service-label { flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.1 !important; text-transform: none !important; letter-spacing: 0 !important; } /* FRECCIA DESTRA */ body .menu-item-54 .xl-service-arrow { flex: 0 0 14px !important; margin: 0 1px 0 auto !important; padding: 0 !important; color: #9aa8af !important; font-family: Arial, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; transition: color .18s ease, transform .18s ease !important; } /* HOVER */ body .menu-item-54 > ul.sub-menu > li > a:hover { background: #f1faf4 !important; color: #148740 !important; transform: translateX(2px) !important; } body .menu-item-54 > ul.sub-menu > li > a:hover .xl-service-icon .dashicons { color: #117b38 !important; } body .menu-item-54 > ul.sub-menu > li > a:hover .xl-service-arrow { color: #159447 !important; transform: translateX(2px) !important; } } /* MOBILE */ @media (max-width: 767px) { .xl-service-icon, .xl-service-arrow { display: none !important; } } /* ===== zz-xlogic-modern-menu-supporto.php ===== */ @media (min-width: 768px) { /* BOX SUPPORTO */ body .menu-item-1837 > ul.sub-menu { width: 318px !important; min-width: 318px !important; padding: 5px !important; margin: 0 !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.11) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.13), 0 3px 9px rgba(20,45,60,.05) !important; overflow: hidden !important; gap: 0 !important; } /* LI */ body .menu-item-1837 > ul.sub-menu > li { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* TOGLIE LE FRECCE ORIGINALI */ body .menu-item-1837 > ul.sub-menu > li > a::before, body .menu-item-1837 > ul.sub-menu > li > a::after { content: none !important; display: none !important; } body .menu-item-1837 > ul.sub-menu > li > a .sub-arrow { display: none !important; } /* RIGA */ body .menu-item-1837 > ul.sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; height: 43px !important; min-height: 43px !important; max-height: 43px !important; margin: 0 !important; padding: 4px 9px !important; gap: 8px !important; background: transparent !important; border: 0 !important; border-radius: 8px !important; color: #172b37 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; box-sizing: border-box !important; transition: background .18s ease, color .18s ease, transform .18s ease !important; } /* CONTENITORE ICONA */ body .menu-item-1837 .xl-support-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ICONA VERDE */ body .menu-item-1837 .xl-support-icon .dashicons { width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; color: #159447 !important; font-size: 19px !important; line-height: 19px !important; } /* TESTO */ body .menu-item-1837 .xl-support-label { flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: inherit !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.1 !important; text-transform: none !important; letter-spacing: 0 !important; } /* FRECCIA DESTRA */ body .menu-item-1837 .xl-support-arrow { flex: 0 0 14px !important; margin: 0 1px 0 auto !important; padding: 0 !important; color: #9aa8af !important; font-family: Arial, sans-serif !important; font-size: 19px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; transition: color .18s ease, transform .18s ease !important; } /* HOVER */ body .menu-item-1837 > ul.sub-menu > li > a:hover { background: #f1faf4 !important; color: #148740 !important; transform: translateX(2px) !important; } body .menu-item-1837 > ul.sub-menu > li > a:hover .xl-support-icon .dashicons { color: #117b38 !important; } body .menu-item-1837 > ul.sub-menu > li > a:hover .xl-support-arrow { color: #159447 !important; transform: translateX(2px) !important; } } /* MOBILE */ @media (max-width: 767px) { .xl-support-icon, .xl-support-arrow { display: none !important; } } /* ===== zzzz-xlogic-modern-menu-tune.php ===== */ @media (min-width: 768px) { /* BOX */ body .menu-item-48 > ul.sub-menu { width: 318px !important; min-width: 318px !important; padding: 5px !important; margin: 0 !important; row-gap: 0 !important; gap: 0 !important; } /* FORZA OGNI LI A NON AGGIUNGERE SPAZIO */ body .menu-item-48 > ul.sub-menu > li { display: block !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; line-height: normal !important; border: 0 !important; } /* LINK - ALTEZZA REALE DELLA RIGA */ body .menu-item-48 > ul.sub-menu > li > a { display: flex !important; align-items: center !important; height: 43px !important; min-height: 43px !important; max-height: 43px !important; margin: 0 !important; padding: 4px 9px !important; gap: 8px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: 8px !important; box-sizing: border-box !important; } /* TESTO */ body .menu-item-48 .xl-hosting-label { margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.1 !important; text-transform: none !important; letter-spacing: 0 !important; } /* SPAZIO OCCUPATO DALL'ICONA */ body .menu-item-48 .xl-hosting-icon { flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } /* ICONA VERDE */ body .menu-item-48 .xl-hosting-icon .dashicons { width: 19px !important; height: 19px !important; margin: 0 !important; padding: 0 !important; font-size: 19px !important; line-height: 19px !important; color: #159447 !important; } /* FRECCIA */ body .menu-item-48 .xl-hosting-arrow { flex: 0 0 14px !important; margin: 0 1px 0 auto !important; padding: 0 !important; font-size: 19px !important; line-height: 1 !important; color: #9aa8af !important; } /* HOVER */ body .menu-item-48 > ul.sub-menu > li > a:hover { background: #f1faf4 !important; } } /* ===== zzzzz-xlogic-modern-menu-icons-flat.php ===== */ @media (min-width: 768px) { /* Rimuove il box dietro le icone */ .menu-item-48 .xl-hosting-icon { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } /* Icone verdi senza sfondo */ .menu-item-48 .xl-hosting-icon .dashicons { color: #159447 !important; } /* Hover: niente sfondo, solo icona più scura */ .menu-item-48 > .sub-menu > li > a:hover .xl-hosting-icon { background: transparent !important; } .menu-item-48 > .sub-menu > li > a:hover .xl-hosting-icon .dashicons { color: #117b38 !important; } } /* ===== zzzzzz-xlogic-menu-no-arrows.php ===== */ @media (min-width: 768px) { .xl-hosting-arrow, .xl-domain-arrow, .xl-service-arrow, .xl-support-arrow { display: none !important; } /* Elimina anche eventuali frecce generate dal tema */ .menu-item-48 > .sub-menu > li > a::after, .menu-item-3270 > .sub-menu > li > a::after, .menu-item-54 > .sub-menu > li > a::after, .menu-item-1837 > .sub-menu > li > a::after { content: none !important; display: none !important; } } @media (min-width: 768px) { body .elementor-nav-menu--main .menu-item-48 .xl-hosting-arrow, body .menu-item-48 .xl-hosting-arrow { display: none !important; visibility: hidden !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Elimina anche qualsiasi freccia generata dal tema */ body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a::before, body .elementor-nav-menu--main .menu-item-48 > ul.sub-menu > li > a::after, body .menu-item-48 > ul.sub-menu > li > a::before, body .menu-item-48 > ul.sub-menu > li > a::after { content: none !important; display: none !important; } body .menu-item-48 > ul.sub-menu > li > a .sub-arrow { display: none !important; } } /* ===== zzzzzzz-xlogic-hosting-megamenu.php ===== */ /* ========================================================= XLOGIC HOSTING MEGA MENU ========================================================= */ @media (min-width: 1024px) { /* MEGA MENU */ body .menu-item-48 > ul.sub-menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 720px !important; min-width: 720px !important; max-width: 720px !important; padding: 18px 20px !important; column-gap: 26px !important; row-gap: 3px !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.10) !important; border-radius: 16px !important; box-shadow: 0 22px 55px rgba(20,45,60,.13), 0 4px 12px rgba(20,45,60,.05) !important; overflow: hidden !important; } /* ===================================================== POSIZIONE DELLE VOCI ===================================================== */ body .menu-item-48 > ul.sub-menu > .menu-item-3164 { grid-column: 1; grid-row: 1; } body .menu-item-48 > ul.sub-menu > .menu-item-3269 { grid-column: 2; grid-row: 1; } body .menu-item-48 > ul.sub-menu > .menu-item-3167 { grid-column: 1; grid-row: 2; } body .menu-item-48 > ul.sub-menu > .menu-item-3635 { grid-column: 2; grid-row: 2; } body .menu-item-48 > ul.sub-menu > .menu-item-3179 { grid-column: 1; grid-row: 3; } body .menu-item-48 > ul.sub-menu > .menu-item-3636 { grid-column: 2; grid-row: 3; } body .menu-item-48 > ul.sub-menu > .menu-item-3180 { grid-column: 1; grid-row: 4; } body .menu-item-48 > ul.sub-menu > .menu-item-6526 { grid-column: 2; grid-row: 4; } body .menu-item-48 > ul.sub-menu > .menu-item-3634 { grid-column: 1; grid-row: 5; } /* LI */ body .menu-item-48 > ul.sub-menu > li { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* LINK */ body .menu-item-48 > ul.sub-menu > li > a { display: flex !important; align-items: flex-start !important; width: 100% !important; height: auto !important; min-height: 70px !important; max-height: none !important; margin: 0 !important; padding: 10px 12px !important; gap: 11px !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-sizing: border-box !important; text-transform: none !important; letter-spacing: 0 !important; transition: background-color .18s ease, transform .18s ease !important; } /* RIMUOVE QUALSIASI FRECCIA */ body .menu-item-48 .xl-hosting-arrow, body .menu-item-48 > ul.sub-menu > li > a::before, body .menu-item-48 > ul.sub-menu > li > a::after, body .menu-item-48 > ul.sub-menu > li > a .sub-arrow { display: none !important; content: none !important; } /* ICONA */ body .menu-item-48 .xl-hosting-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 30px !important; width: 30px !important; height: 30px !important; margin: 1px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body .menu-item-48 .xl-hosting-icon .dashicons { width: 21px !important; height: 21px !important; font-size: 21px !important; line-height: 21px !important; color: #159447 !important; } /* TITOLO */ body .menu-item-48 .xl-hosting-label { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #172b37 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: 0 !important; } /* ===================================================== SOTTOTITOLI ===================================================== */ body .menu-item-3164 .xl-hosting-label::after { content: "Per siti veloci e affidabili"; } body .menu-item-3167 .xl-hosting-label::after { content: "Ottimizzato per WordPress"; } body .menu-item-3179 .xl-hosting-label::after { content: "Per il tuo negozio online"; } body .menu-item-3180 .xl-hosting-label::after { content: "Gestisci hosting e clienti"; } body .menu-item-3269 .xl-hosting-label::after { content: "Prestazioni e risorse dedicate"; } body .menu-item-3634 .xl-hosting-label::after { content: "Backup sicuri e sempre disponibili"; } body .menu-item-3635 .xl-hosting-label::after { content: "Potenza dedicata al tuo progetto"; } body .menu-item-6526 .xl-hosting-label::after { content: "Spazio scalabile per i tuoi dati"; } body .menu-item-3636 .xl-hosting-label::after { content: "VPS veloci e performanti"; } /* STILE SOTTOTITOLO */ body .menu-item-48 .xl-hosting-label::after { display: block !important; margin-top: 4px !important; color: #687982 !important; font-size: 12.5px !important; font-weight: 400 !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: 0 !important; } /* HOVER */ body .menu-item-48 > ul.sub-menu > li > a:hover { background: #f2faf5 !important; color: #148740 !important; transform: translateX(2px) !important; } body .menu-item-48 > ul.sub-menu > li > a:hover .xl-hosting-label { color: #148740 !important; } body .menu-item-48 > ul.sub-menu > li > a:hover .xl-hosting-icon .dashicons { color: #117b38 !important; } } /* ========================================================= TABLET: versione leggermente più stretta ========================================================= */ @media (min-width: 768px) and (max-width: 1023px) { body .menu-item-48 > ul.sub-menu { width: 580px !important; min-width: 580px !important; max-width: 580px !important; } } /* ===== zzzzzzzz-xlogic-hosting-megamenu-refine.php ===== */ @media (min-width: 1024px) { /* * Porta HOSTING sopra gli altri elementi dell'header. * Evita che Area Clienti si sovrapponga al dropdown. */ body .menu-item-48 { position: relative !important; z-index: 999998 !important; } /* MEGA MENU */ body .menu-item-48 > ul.sub-menu { width: 640px !important; min-width: 640px !important; max-width: 640px !important; padding: 15px 14px !important; column-gap: 10px !important; row-gap: 0 !important; /* * Il menu attuale parte troppo in alto * e incontra il pulsante Area Clienti. */ margin-top: 18px !important; z-index: 999999 !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.12), 0 3px 10px rgba(20,45,60,.04) !important; } /* OGNI BLOCCO */ body .menu-item-48 > ul.sub-menu > li > a { min-height: 62px !important; height: 62px !important; max-height: 62px !important; padding: 7px 10px !important; gap: 9px !important; border-radius: 9px !important; } /* ICONA */ body .menu-item-48 .xl-hosting-icon { flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin-top: 1px !important; } body .menu-item-48 .xl-hosting-icon .dashicons { width: 20px !important; height: 20px !important; font-size: 20px !important; line-height: 20px !important; } /* TITOLO */ body .menu-item-48 .xl-hosting-label { font-size: 14.5px !important; line-height: 1.2 !important; } /* DESCRIZIONE */ body .menu-item-48 .xl-hosting-label::after { margin-top: 3px !important; font-size: 12px !important; line-height: 1.2 !important; color: #71818a !important; } /* HOVER MOLTO LEGGERO */ body .menu-item-48 > ul.sub-menu > li > a:hover { background: #f3faf5 !important; transform: translateX(1px) !important; } /* NESSUNA FRECCIA */ body .menu-item-48 .xl-hosting-arrow, body .menu-item-48 > ul.sub-menu > li > a::before, body .menu-item-48 > ul.sub-menu > li > a::after, body .menu-item-48 > ul.sub-menu > li > a .sub-arrow { display: none !important; content: none !important; } } /* ===== zzzzzzzzz-xlogic-hosting-layout-final.php ===== */ @media (min-width: 1024px) { /* ===================================================== MEGA MENU PIU' COMPATTO ===================================================== */ body .menu-item-48 > ul.sub-menu { display: grid !important; /* colonne REALMENTE più vicine */ grid-template-columns: 270px 270px !important; width: 590px !important; min-width: 590px !important; max-width: 590px !important; box-sizing: border-box !important; justify-content: start !important; column-gap: 10px !important; row-gap: 0 !important; padding: 14px !important; } /* ===================================================== POSIZIONE VOCI ===================================================== */ body .menu-item-3164 { grid-column: 1 !important; grid-row: 1 !important; } body .menu-item-3269 { grid-column: 2 !important; grid-row: 1 !important; } body .menu-item-3167 { grid-column: 1 !important; grid-row: 2 !important; } body .menu-item-3635 { grid-column: 2 !important; grid-row: 2 !important; } body .menu-item-3179 { grid-column: 1 !important; grid-row: 3 !important; } body .menu-item-3636 { grid-column: 2 !important; grid-row: 3 !important; } body .menu-item-3180 { grid-column: 1 !important; grid-row: 4 !important; } body .menu-item-6526 { grid-column: 2 !important; grid-row: 4 !important; } /* ===================================================== BACKUP STORAGE - RIGA FINALE ===================================================== */ body .menu-item-48 > ul.sub-menu > .menu-item-3634 { grid-column: 1 / -1 !important; grid-row: 5 !important; width: 100% !important; margin-top: 5px !important; padding-top: 5px !important; border-top: 1px solid rgba(20,45,60,.08) !important; } body .menu-item-48 > ul.sub-menu > .menu-item-3634 > a { width: 100% !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; align-items: center !important; } /* Backup: titolo + descrizione sulla stessa riga */ body .menu-item-3634 .xl-hosting-label { flex-direction: row !important; align-items: center !important; gap: 12px !important; } body .menu-item-3634 .xl-hosting-label::after { margin: 0 !important; padding-left: 12px !important; border-left: 1px solid rgba(20,45,60,.12) !important; } /* ===================================================== RIGHE PRINCIPALI ===================================================== */ body .menu-item-48 > ul.sub-menu > li:not(.menu-item-3634) > a { height: 60px !important; min-height: 60px !important; max-height: 60px !important; padding: 6px 8px !important; } } /* ===== zzzzzzzzz-xlogic-servizi-megamenu.php ===== */ @media (min-width: 1024px) { /* ===================================================== CONTENITORE ===================================================== */ body .menu-item-54 { position: relative !important; z-index: 999998 !important; } body .menu-item-54 > ul.sub-menu { display: grid !important; grid-template-columns: 270px 270px !important; width: 590px !important; min-width: 590px !important; max-width: 590px !important; box-sizing: border-box !important; padding: 14px !important; column-gap: 10px !important; row-gap: 0 !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.10) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.12), 0 3px 10px rgba(20,45,60,.04) !important; /* centrato sotto SERVIZI */ left: 50% !important; right: auto !important; transform: translateX(-50%) !important; margin-top: 18px !important; overflow: hidden !important; z-index: 999999 !important; } /* ===================================================== ORDINE DELLE DUE COLONNE ===================================================== */ /* SINISTRA */ body .menu-item-54 > ul.sub-menu > .menu-item-55 { grid-column: 1 !important; grid-row: 1 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3637 { grid-column: 1 !important; grid-row: 2 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3639 { grid-column: 1 !important; grid-row: 3 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3643 { grid-column: 1 !important; grid-row: 4 !important; } /* DESTRA */ body .menu-item-54 > ul.sub-menu > .menu-item-3638 { grid-column: 2 !important; grid-row: 1 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3640 { grid-column: 2 !important; grid-row: 2 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3642 { grid-column: 2 !important; grid-row: 3 !important; } body .menu-item-54 > ul.sub-menu > .menu-item-3641 { grid-column: 2 !important; grid-row: 4 !important; } /* ===================================================== RIGHE ===================================================== */ body .menu-item-54 > ul.sub-menu > li { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } body .menu-item-54 > ul.sub-menu > li > a { display: flex !important; align-items: flex-start !important; width: 100% !important; height: 60px !important; min-height: 60px !important; max-height: 60px !important; margin: 0 !important; padding: 6px 8px !important; gap: 9px !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; box-sizing: border-box !important; color: #172b37 !important; text-transform: none !important; letter-spacing: 0 !important; transition: background-color .18s ease, color .18s ease, transform .18s ease !important; } /* ===================================================== NESSUNA FRECCIA ===================================================== */ body .menu-item-54 .xl-service-arrow, body .menu-item-54 > ul.sub-menu > li > a::before, body .menu-item-54 > ul.sub-menu > li > a::after, body .menu-item-54 > ul.sub-menu > li > a .sub-arrow { display: none !important; content: none !important; } /* ===================================================== ICONE ===================================================== */ body .menu-item-54 .xl-service-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin: 1px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body .menu-item-54 .xl-service-icon .dashicons { width: 20px !important; height: 20px !important; margin: 0 !important; color: #159447 !important; font-size: 20px !important; line-height: 20px !important; } /* ===================================================== TITOLO + DESCRIZIONE ===================================================== */ body .menu-item-54 .xl-service-label { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #172b37 !important; font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; } body .menu-item-55 .xl-service-label::after { content: "Posta certificata e sicura"; } body .menu-item-3637 .xl-service-label::after { content: "Backup automatici e ripristino"; } body .menu-item-3638 .xl-service-label::after { content: "Protezione malware avanzata"; } body .menu-item-3639 .xl-service-label::after { content: "Gestione hosting con cPanel"; } body .menu-item-3640 .xl-service-label::after { content: "Web server ad alte prestazioni"; } body .menu-item-3642 .xl-service-label::after { content: "Protezione per siti e account"; } body .menu-item-3641 .xl-service-label::after { content: "Prestazioni e risposta rapida"; } body .menu-item-3643 .xl-service-label::after { content: "Migrazione semplice verso Xlogic"; } body .menu-item-54 .xl-service-label::after { display: block !important; margin-top: 3px !important; color: #71818a !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; } /* ===================================================== HOVER ===================================================== */ body .menu-item-54 > ul.sub-menu > li > a:hover { background: #f3faf5 !important; color: #148740 !important; transform: translateX(1px) !important; } body .menu-item-54 > ul.sub-menu > li > a:hover .xl-service-label { color: #148740 !important; } body .menu-item-54 > ul.sub-menu > li > a:hover .xl-service-icon .dashicons { color: #117b38 !important; } } /* ===== zzzzzzzzzz-xlogic-domini-megamenu.php ===== */ @media (min-width: 1024px) { /* PARENT */ body .menu-item-3270 { position: relative !important; z-index: 999998 !important; } /* CONTENITORE */ body .menu-item-3270 > ul.sub-menu { display: grid !important; grid-template-columns: repeat(3, 180px) !important; width: 600px !important; min-width: 600px !important; max-width: 600px !important; padding: 16px !important; column-gap: 14px !important; row-gap: 0 !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.10) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.12), 0 3px 10px rgba(20,45,60,.04) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; margin-top: 18px !important; overflow: hidden !important; z-index: 999999 !important; } /* POSIZIONAMENTO */ body .menu-item-3270 > ul.sub-menu > .menu-item-3291 { grid-column: 1 !important; } body .menu-item-3270 > ul.sub-menu > .menu-item-3292 { grid-column: 2 !important; } body .menu-item-3270 > ul.sub-menu > .menu-item-8011 { grid-column: 3 !important; } /* LI */ body .menu-item-3270 > ul.sub-menu > li { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* SINGOLA VOCE */ body .menu-item-3270 > ul.sub-menu > li > a { display: flex !important; align-items: flex-start !important; width: 100% !important; height: 76px !important; min-height: 76px !important; max-height: 76px !important; margin: 0 !important; padding: 9px 10px !important; gap: 9px !important; background: transparent !important; border: 0 !important; border-radius: 10px !important; box-sizing: border-box !important; color: #172b37 !important; text-transform: none !important; letter-spacing: 0 !important; transition: background-color .18s ease, color .18s ease, transform .18s ease !important; } /* NESSUNA FRECCIA */ body .menu-item-3270 .xl-domain-arrow, body .menu-item-3270 > ul.sub-menu > li > a::before, body .menu-item-3270 > ul.sub-menu > li > a::after, body .menu-item-3270 > ul.sub-menu > li > a .sub-arrow { display: none !important; content: none !important; } /* ICONA */ body .menu-item-3270 .xl-domain-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 27px !important; width: 27px !important; height: 27px !important; margin: 1px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body .menu-item-3270 .xl-domain-icon .dashicons { width: 20px !important; height: 20px !important; color: #159447 !important; font-size: 20px !important; line-height: 20px !important; } /* TITOLO */ body .menu-item-3270 .xl-domain-label { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #172b37 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; } /* DESCRIZIONI */ body .menu-item-3291 .xl-domain-label::after { content: "Registra il tuo dominio"; } body .menu-item-3292 .xl-domain-label::after { content: "Porta il dominio su Xlogic"; } body .menu-item-8011 .xl-domain-label::after { content: "Mantieni attivi i tuoi domini"; } body .menu-item-3270 .xl-domain-label::after { display: block !important; margin-top: 4px !important; color: #71818a !important; font-size: 11.5px !important; font-weight: 400 !important; line-height: 1.25 !important; text-transform: none !important; letter-spacing: 0 !important; } /* HOVER */ body .menu-item-3270 > ul.sub-menu > li > a:hover { background: #f3faf5 !important; color: #148740 !important; transform: translateY(-1px) !important; } body .menu-item-3270 > ul.sub-menu > li > a:hover .xl-domain-label { color: #148740 !important; } body .menu-item-3270 > ul.sub-menu > li > a:hover .xl-domain-icon .dashicons { color: #117b38 !important; } } /* ===== zzzzzzzzzz-xlogic-supporto-megamenu.php ===== */ @media (min-width: 1024px) { /* CONTENITORE */ body .menu-item-1837 { position: relative !important; z-index: 999998 !important; } body .menu-item-1837 > ul.sub-menu { display: grid !important; grid-template-columns: 230px 230px !important; width: 504px !important; min-width: 504px !important; max-width: 504px !important; padding: 14px !important; column-gap: 10px !important; row-gap: 0 !important; background: #ffffff !important; border: 1px solid rgba(20,45,60,.10) !important; border-radius: 15px !important; box-shadow: 0 18px 45px rgba(20,45,60,.12), 0 3px 10px rgba(20,45,60,.04) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; margin-top: 18px !important; overflow: hidden !important; z-index: 999999 !important; } /* ========================================= POSIZIONAMENTO ========================================= */ /* Assistenza: tutta la prima riga */ body .menu-item-1837 > ul.sub-menu > .menu-item-3644 { grid-column: 1 / -1 !important; grid-row: 1 !important; margin-bottom: 5px !important; padding-bottom: 5px !important; border-bottom: 1px solid rgba(20,45,60,.08) !important; } /* Riga 2 */ body .menu-item-3646 { grid-column: 1 !important; grid-row: 2 !important; } body .menu-item-6491 { grid-column: 2 !important; grid-row: 2 !important; } /* Riga 3 */ body .menu-item-3647 { grid-column: 1 !important; grid-row: 3 !important; } body .menu-item-3645 { grid-column: 2 !important; grid-row: 3 !important; } /* LI */ body .menu-item-1837 > ul.sub-menu > li { width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border-left: 0 !important; border-right: 0 !important; } /* LINK */ body .menu-item-1837 > ul.sub-menu > li > a { display: flex !important; align-items: flex-start !important; width: 100% !important; height: 60px !important; min-height: 60px !important; max-height: 60px !important; margin: 0 !important; padding: 6px 8px !important; gap: 9px !important; background: transparent !important; border: 0 !important; border-radius: 9px !important; box-sizing: border-box !important; color: #172b37 !important; text-transform: none !important; letter-spacing: 0 !important; transition: background-color .18s ease, color .18s ease, transform .18s ease !important; } /* ASSISTENZA leggermente più importante */ body .menu-item-3644 > a { height: 64px !important; min-height: 64px !important; max-height: 64px !important; } /* NESSUNA FRECCIA */ body .menu-item-1837 .xl-support-arrow, body .menu-item-1837 > ul.sub-menu > li > a::before, body .menu-item-1837 > ul.sub-menu > li > a::after, body .menu-item-1837 > ul.sub-menu > li > a .sub-arrow { display: none !important; content: none !important; } /* ICONE */ body .menu-item-1837 .xl-support-icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; margin: 1px 0 0 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body .menu-item-1837 .xl-support-icon .dashicons { width: 20px !important; height: 20px !important; color: #159447 !important; font-size: 20px !important; line-height: 20px !important; } /* TITOLO */ body .menu-item-1837 .xl-support-label { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #172b37 !important; font-size: 14.5px !important; font-weight: 600 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; } /* DESCRIZIONI */ body .menu-item-3644 .xl-support-label::after { content: "Assistenza e supporto Xlogic"; } body .menu-item-3646 .xl-support-label::after { content: "Privacy e livelli di servizio"; } body .menu-item-6491 .xl-support-label::after { content: "Modalità di pagamento"; } body .menu-item-3647 .xl-support-label::after { content: "Informazioni sull'uso dei cookie"; } body .menu-item-3645 .xl-support-label::after { content: "Condizioni e regole del servizio"; } body .menu-item-1837 .xl-support-label::after { display: block !important; margin-top: 3px !important; color: #71818a !important; font-size: 12px !important; font-weight: 400 !important; line-height: 1.2 !important; } /* HOVER */ body .menu-item-1837 > ul.sub-menu > li > a:hover { background: #f3faf5 !important; color: #148740 !important; transform: translateX(1px) !important; } body .menu-item-1837 > ul.sub-menu > li > a:hover .xl-support-label { color: #148740 !important; } body .menu-item-1837 > ul.sub-menu > li > a:hover .xl-support-icon .dashicons { color: #117b38 !important; } } /* ===== zzzzzzzzzzzz-xlogic-menu-center-final.php ===== */ @media (min-width: 1024px) { /* * Il contenitore comune della navigazione diventa * il riferimento per TUTTI i dropdown. */ body ul:has(> .menu-item-48) :has(> .menu-item-3270) :has(> .menu-item-54) :has(> .menu-item-1837) { position: relative !important; overflow: visible !important; } /* * I quattro parent non devono più essere * il riferimento individuale del dropdown. */ body ul:has(> .menu-item-48) > .menu-item-48, body ul:has(> .menu-item-3270) > .menu-item-3270, body ul:has(> .menu-item-54) > .menu-item-54, body ul:has(> .menu-item-1837) > .menu-item-1837 { position: static !important; } /* * STESSO ASSE ORIZZONTALE */ body .menu-item-48 > ul.sub-menu, body .menu-item-3270 > ul.sub-menu, body .menu-item-54 > ul.sub-menu, body .menu-item-1837 > ul.sub-menu { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 9999999 !important; } } /* ===== zzzzzzzzzzzzz-xlogic-topmenu-stray-arrow-fix.php ===== */ @media (min-width: 1024px) { /* * Le voci parent sono position:static per consentire * il centraggio comune dei mega menu. * Eliminiamo quindi i vecchi indicatori del tema * che vengono posizionati fuori posto. */ #menu-item-48 > a::before, #menu-item-48 > a::after, #menu-item-3270 > a::before, #menu-item-3270 > a::after, #menu-item-54 > a::before, #menu-item-54 > a::after, #menu-item-1837 > a::before, #menu-item-1837 > a::after, #menu-item-48::before, #menu-item-48::after, #menu-item-3270::before, #menu-item-3270::after, #menu-item-54::before, #menu-item-54::after, #menu-item-1837::before, #menu-item-1837::after { content: none !important; display: none !important; } #menu-item-48 > a .sub-arrow, #menu-item-3270 > a .sub-arrow, #menu-item-54 > a .sub-arrow, #menu-item-1837 > a .sub-arrow, #menu-item-48 > .sub-arrow, #menu-item-3270 > .sub-arrow, #menu-item-54 > .sub-arrow, #menu-item-1837 > .sub-arrow { display: none !important; } } /* ===== zzzzzzzzzzzzzz-xlogic-remove-menu-triangle.php ===== */ #menu-item-48 > .sub-menu::before, #menu-item-48 > .sub-menu::after, #menu-item-3270 > .sub-menu::before, #menu-item-3270 > .sub-menu::after, #menu-item-54 > .sub-menu::before, #menu-item-54 > .sub-menu::after, #menu-item-1837 > .sub-menu::before, #menu-item-1837 > .sub-menu::after { content: none !important; display: none !important; } /* ===== zzzzzzzzzzzzzzz-xlogic-megamenu-visibility-fix.php ===== */ @media (min-width: 1024px) { /* NASCOSTI A RIPOSO */ body .menu-item-48 > ul.sub-menu, body .menu-item-3270 > ul.sub-menu, body .menu-item-54 > ul.sub-menu, body .menu-item-1837 > ul.sub-menu { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* VISIBILI SOLO SU HOVER / TASTIERA */ body .menu-item-48:hover > ul.sub-menu, body .menu-item-48:focus-within > ul.sub-menu, body .menu-item-3270:hover > ul.sub-menu, body .menu-item-3270:focus-within > ul.sub-menu, body .menu-item-54:hover > ul.sub-menu, body .menu-item-54:focus-within > ul.sub-menu, body .menu-item-1837:hover > ul.sub-menu, body .menu-item-1837:focus-within > ul.sub-menu { display: grid !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } } /* ===== HOVER STABLE FINALE ===== */ @media (min-width:1024px) { body .menu-item-48 > ul.sub-menu, body .menu-item-3270 > ul.sub-menu, body .menu-item-54 > ul.sub-menu, body .menu-item-1837 > ul.sub-menu { display:grid !important; visibility:hidden !important; opacity:0 !important; pointer-events:auto !important; transition: opacity .08s ease .25s, visibility 0s linear .33s !important; } body .menu-item-48:hover > ul.sub-menu, body .menu-item-48:focus-within > ul.sub-menu, body .menu-item-3270:hover > ul.sub-menu, body .menu-item-3270:focus-within > ul.sub-menu, body .menu-item-54:hover > ul.sub-menu, body .menu-item-54:focus-within > ul.sub-menu, body .menu-item-1837:hover > ul.sub-menu, body .menu-item-1837:focus-within > ul.sub-menu { display:grid !important; visibility:visible !important; opacity:1 !important; transition-delay:0s !important; } } /* ===== CHI SIAMO - NIENTE COLORE ACTIVE ===== */ #menu-item-3271.current-menu-item > a, #menu-item-3271.current_page_item > a, #menu-item-3271.current-menu-ancestor > a, #menu-item-3271 > a:hover, #menu-item-3271 > a:focus { color: #202c3c !important; } /* ===== CHI SIAMO COLORE FISSO ===== */ #menu-item-3271 > a, #menu-item-3271 > a:link, #menu-item-3271 > a:visited, #menu-item-3271 > a:hover, #menu-item-3271 > a:focus, #menu-item-3271 > a:active { color: #202c3c !important; } /* ===== ACTIVE BLU, HOVER ORIGINALE ===== */ body.page-id-9982 #menu-item-3271 > a:not(:hover), body.page-id-9930 #menu-item-1837 > a:not(:hover) { color:#202c3c !important; -webkit-text-fill-color:#202c3c !important; }