/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 29 2024 | 10:56:39 */
.menufliphome .fronte,
.menufliphome .blu,
.menufliphome .bottone {
    bottom: 0px;
	top:auto !important;
    min-height: 0px;
    max-height: 0px;
    visibility: hidden;
	height: 100%;
	opacity:1;
}
.menufliphome .blu {
	opacity:1;
}

.menufliphome ul {
	margin:0px;
	padding:0px;
}
.menufliphome li::after {
	content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px;
    font-size: 80%;
    color: #ffffff9c;
    padding-top: 5px;
}
.menufliphome li {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	margin:0px;
	padding: 0px;
    align-items: center;
	min-height: 2em;
}
.menufliphome a {
	text-decoration:none;
}
.menufliphome a:not(.elementor-button-link) {
	color:#fff;
}
.menufliphome a:not(.elementor-button-link):hover {
	opacity:0.7;
}

.menufliphome .bottone {
	height: 0px;
	opacity:1;
    bottom: 4px;
}

.menufliphome {
	overflow:hidden;
}
.menufliphome > .elementor-element,
.menufliphome > .elementor-element .bottone {
  -webkit-transition: all 0.8s ease !important;
  -moz-transition: all 0.8s ease !important;
  -o-transition: all 0.8s ease !important;
  transition: all 0.8s ease !important; /* Versione standard */
}
.menufliphome > .elementor-element{
	max-height:90px;
}
	
.menufliphome > .elementor-element .bottone,
.menufliphome > .elementor-element .fronte,
.menufliphome > .elementor-element .blu {
  -webkit-transition: all 1.0s ease, opacity 1s ease !important;
  -moz-transition: all 1.0s ease, opacity 1s ease !important;
  -o-transition: all 1.0s ease, opacity 1s ease !important;
  transition: all 1.0s ease, opacity 1s ease !important; /* Versione standard */
}


.menufliphome > .elementor-element:hover .blu,
.menufliphome > .elementor-element:hover .bottone,
.menufliphome > .elementor-element:hover .fronte {
	max-height:11110px;
	opacity:1;
    visibility:visible;
}
.menufliphome > .elementor-element:hover .bottone {
    height: 35px;
}

@media (max-width: 1023px) { /* Imposta la larghezza massima per i dispositivi mobili */
    .menufliphome > .elementor-element:hover {
        min-height: 400px;
		max-height:200000px;
    }
	.menufliphome > .elementor-element,
	.menufliphome > .elementor-element .bottone,
	.menufliphome > .elementor-element .fronte,
	.menufliphome > .elementor-element .blu {
	  -webkit-transition: none !important;
	  -moz-transition: none !important;
	  -o-transition: none !important;
	  transition: none !important; /* Versione standard */
	}
}
