/* HEADER CUSTOM */

/* #header-desktop-custom (valido per desktop e tablet landscape) */

#header-desktop-custom {
	
	.logo a img {
		height: 80px !important;
		transition: all 0.3s !important;
	}
	
	#menu-icona-mostra img {
		height: 80px !important;
		transition: all 0.3s !important;
	}
	
	.contattaci {
		
		span.et-pb-icon {
			font-size: 56px !important;
			transition: all 0.7s !important;
		}
		
		h4 {
			font-size: 24px !important;
			line-height: 2.4em !important;
			transition: all 0.7s !important;
		}
		
	}	
	
}

/* #header-desktop-custom.small-header */

#header-desktop-custom.small-header {
	background-color: rgba(28,28,28,0.8) !important;
	
	.logo a img {
		height: 56px !important;
		transition: all 0.3s !important;
	}
	
	#menu-icona-mostra img {
		height: 56px !important;
		transition: all 0.3s !important;
	}
	
	.contattaci {
		
		span.et-pb-icon {
			font-size: 40px !important;
			transition: all 0.7s !important;
		}
		
		h4 {
			font-size: 20px !important;
			line-height: 2.2em !important;
			transition: all 0.7s !important;
		}
		
	}	
	
}

/* #menu-desktop-custom  */

#menu-desktop-custom{
	
	&.nascondi {
		opacity: 0 !important;
		transform: translateX(100%) !important;
		transition: all 0.7s !important;
	}
	
	&.mostra {
		opacity: 1 !important;
		transform: translateX(0) !important;
		transition: all 0.7s !important;
	}
}

/* #header-mobile-custom (valido per tablet portrait e smartphone) */

#header-mobile-custom {
	
	.logo a img {
		width: auto;
		height: 64px !important;
		transition: all 0.3s !important;
	}
	
	#menu-mobile-icona-mostra img {
		width: auto;
		height: 64px !important;
		transition: all 0.3s !important;
	}
	
	.contattaci-tablet-portrait-smartphone a img {
		width: auto;
		height: 64px !important;
		transition: all 0.3s !important;
	}
	
	&.small-header {
		background-color: rgba(28,28,28,0.8) !important;
		
		.logo a img {
			width: auto;
			height: 56px !important;
			transition: all 0.3s !important;
		}
		
		#menu-mobile-icona-mostra img {
			width: auto;
			height: 56px !important;
			transition: all 0.3s !important;
		}
		
		.contattaci-tablet-portrait-smartphone a img {
			width: auto;
			height: 56px !important;
			transition: all 0.3s !important;
		}
		
	}
	
}

/* #menu-mobile-custom  */

#menu-mobile-custom {
	
	&.nascondi {
		opacity: 0 !important;
		transform: translateX(100%) !important;
		transition: all 0.7s !important;
	}
	
	&.mostra {
		opacity: 1 !important;
		transform: translateX(0) !important;
		transition: all 0.7s !important;
	}
}



/* RESPONSIVE */



/*
PORTATILE/LAPTOP E TABLET LANDSCAPE
 */

@media only screen and (min-width: 1024px) and (max-width: 1440px) and (orientation: landscape) {
	
	
	
}

/*
TABLET PORTRAIT
 */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	
		
	
}

/*
SMARTPHONE PORTRAIT
 */

@media only screen and (max-width: 767px) {
	
	/* .header-hidden */

	#header-mobile-custom {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		transition: all 0.3s;
	}

	#header-mobile-custom.header-hidden {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
		transition: all 0.3s;
		pointer-events: none; /* Impedisce di cliccare l'header quando è invisibile */
	}

	/* fine .header-hidden */
	
}

/* FINE HEADER CUSTOM */