/*
 Theme Name:     Rails
 Theme URI:      https://www.rails.it/
 Description:    Generatepress Child Theme
 Author:		 Visibilia
 Template:       generatepress
 Version:        1.0.0
*/
 
@import url("../generatepress/style.css"); 
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Link attivo giallo */
.elementor-element-d857853.menu-item-active a,
.elementor-element-2fcf948.menu-item-active a,
.elementor-element-7088b0a.menu-item-active a,
.elementor-element-9fa78ef.menu-item-active a {
    color: #E1F25C !important;
}

/* Per Products */
.elementor-element-86c726e.menu-item-active .elementor-icon-box-title a {
    color: #E1F25C !important;
}
/* Link attivo giallo */
.elementor-element-d857853.menu-item-active a,
.elementor-element-2fcf948.menu-item-active a,
.elementor-element-7088b0a.menu-item-active a,
.elementor-element-9fa78ef.menu-item-active a {
    color: #E1F25C !important;
}

/* Per Products - testo */
.elementor-element-86c726e.menu-item-active .elementor-icon-box-title a {
    color: #E1F25C !important;
}

/* Per Products - freccia SVG */
.elementor-element-86c726e.menu-item-active .elementor-icon svg path {
    fill: #E1F25C !important;
}



h1, h2, h3, h4, p{
	font-family: "Inter", sans-serif;
}
.p-64 p{
	font-size: 50px; 
	font-weight: 600; 
}
.link-bianco a{
	color: #fff; 
}

.blur{
	backdrop-filter: blur(16px); 
}

/*LOGO

.elementor-element-b402baf img {
    filter: drop-shadow(0 0 10px rgba(80, 80, 80, 0.9)) !important;
}
*/

/*MENU*/

/* Stile per la voce attiva - classe e-current */
.e-n-menu-title.e-current .e-n-menu-title-text,
.e-n-menu-title.e-current .e-n-menu-title-container {
    color: #E1F25C !important;
}

/* Resetta lo stile per le voci NON attive */
.e-n-menu-title:not(.e-current) .e-n-menu-title-text {
    color: #fff !important;
    transition: color 0.3s ease;
}

/* Hover sulle voci del menu (solo per quelle NON attive) */
.e-n-menu-title:not(.e-current):hover .e-n-menu-title-text,
.e-n-menu-title:not(.e-current):hover .e-n-menu-title-container {
    color: #E1F25C !important;
}

/*menu attivo*/
/* Colora "Prodotti" e la freccia di #E1F25C quando sei su una pagina del sottomenu */
.e-n-menu-item:has(#e-n-menu-content-7182 .current-menu-item) .e-n-menu-title-text,
.e-n-menu-item:has(#e-n-menu-content-7182 .current-menu-item) #e-n-menu-dropdown-icon-7182 {
    color: #E1F25C !important;
}

/* Colora il path SVG della freccia */
.e-n-menu-item:has(#e-n-menu-content-7182 .current-menu-item) #e-n-menu-dropdown-icon-7182 svg path {
    fill: #E1F25C !important;
}

/* Alternativa più specifica */
#e-n-menu-title-7182:has(~ .e-n-menu-content .current-menu-item) .e-n-menu-title-text,
#e-n-menu-title-7182:has(~ .e-n-menu-content .current-menu-item) ~ #e-n-menu-dropdown-icon-7182 {
    color: #E1F25C !important;
}

#e-n-menu-title-7182:has(~ .e-n-menu-content .current-menu-item) ~ #e-n-menu-dropdown-icon-7182 svg path {
    fill: #E1F25C !important;
}




/*HOME*/
/* Border radius per il video */
.video-home .elementor-wrapper {
    border-radius: 20px;
    overflow: hidden;
}

.video-home .elementor-video {
    border-radius: 20px;
    display: block;
}



/*PAG AZIENDA*/
.page-id-161{
	background-color: #fff!important; 
}
.page-id-1733{
	background-color: #fff!important; 
}
/*PAG SETTORI*/
.page-id-383{
	background-color: #fff; 
}
.page-id-1801{
	background-color: #fff; 
}
/*PAG SINEWASTE*/
.page-id-304{
	background-color: #333333; 
}

/* TEMPLATE PRODOTTI*/
.prodotti-sx .elementor-icon-box-icon .elementor-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: none !important;
  }
  
  .prodotti-sx .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: none !important;
  }
  
  .prodotti-sx .elementor-icon-box-icon .elementor-icon svg {
    transition: opacity 0.3s ease;
  }
  
  .prodotti-sx .elementor-icon-box-wrapper:hover .elementor-icon svg,
  .prodotti-sx .elementor-icon-box-icon .elementor-icon:hover svg {
    opacity: 0;
  }
  
  .prodotti-sx .elementor-icon-box-icon .elementor-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-image: url('http://www.visibilia.pro/test/rails/wp-content/uploads/2025/09/sx-gialla.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .prodotti-sx .elementor-icon-box-wrapper:hover .elementor-icon::before,
  .prodotti-sx .elementor-icon-box-icon .elementor-icon:hover::before {
    opacity: 1;
  }
  
  /* Freccia destra - prodotti-dx */
  .prodotti-dx .elementor-icon-box-icon .elementor-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: none !important;
  }
  
  .prodotti-dx .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: none !important;
  }
  
  .prodotti-dx .elementor-icon-box-icon .elementor-icon svg {
    transition: opacity 0.3s ease;
  }
  
  .prodotti-dx .elementor-icon-box-wrapper:hover .elementor-icon svg,
  .prodotti-dx .elementor-icon-box-icon .elementor-icon:hover svg {
    opacity: 0;
  }
  
  .prodotti-dx .elementor-icon-box-icon .elementor-icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-image: url('http://www.visibilia.pro/test/rails/wp-content/uploads/2025/09/dx-gialla.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
  }
  
  .prodotti-dx .elementor-icon-box-wrapper:hover .elementor-icon::before,
  .prodotti-dx .elementor-icon-box-icon .elementor-icon:hover::before {
    opacity: 1;
  }

/* SLIDER CON RIDUZIONE ALTEZZA */
.slider-ridotto .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 75vh !important; 
    height: auto !important;
}

.slider-ridotto .swiper-slide img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    margin: 0 auto;
    display: block;
}

.slider-ridotto.elementor-widget-slides,
.slider-ridotto .elementor-slides-wrapper {
    height: auto !important;
    max-height: 75vh !important;
}

/* ACCORDION TEMPLATE PRODOTTI*/
.e-opened svg {
    width: 22px;
    height: auto;
}
/*VIDEO TEMPLATE PRODOTTI*/
.video-popup-trigger {
    color: #99D9DB !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}

.video-popup-trigger:hover {
    color: #7bc5c7 !important; /* colore leggermente più scuro al passaggio del mouse */
}

/*SFONDO CURVE
.postid-1856 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-1856 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-position: 95% bottom; 
	background-position: right -30px bottom -30px !important;
  background-repeat: no-repeat!important;
  background-size: 28% auto !important;
}
.postid-1937 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-1937 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-position: 95% bottom; 
	background-position: right -30px bottom -30px !important;
  background-repeat: no-repeat!important;
  background-size: 28% auto !important;
}*/
/*SFONDO STACKER
.postid-960 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-960 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background-size: 30%!important;
	background-position: right -30px bottom -50px !important;
	background-repeat: no-repeat!important;
}
.postid-1882 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-1882 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background-size: 30%!important;
	background-position: right -30px bottom -50px !important;
	background-repeat: no-repeat!important;
}*/

/*SFONDO TRASPORTATORI
.postid-574 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-574 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-size: 45% auto !important;
	background-repeat: no-repeat!important;
}
.postid-1692 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-1692 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-size: 45% auto !important;
	background-repeat: no-repeat!important;
}*/
/*SFONDO SORTER
.postid-955 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-955 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-size: 45% auto !important;
	background-repeat: no-repeat!important;
}
.postid-1876 .elementor-589 .elementor-element.elementor-element-40b6c7f:not(.elementor-motion-effects-element-type-background), 
.postid-1876 .elementor-589 .elementor-element.elementor-element-40b6c7f > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var( --e-global-color-text );
  background-size: 45% auto !important;
	background-repeat: no-repeat!important;
}*/




ul{
	margin: 0 0 1.5em 1em;
}

/*WPML*/

.wpml-ls-slot-shortcode_actions.wpml-ls-current-language {
    background: transparent !important;
    border: none !important;
}
.wpml-ls-slot-shortcode_actions.wpml-ls-current-language a {
    background: transparent !important;
    border: none !important;
}
.wpml-ls-slot-shortcode_actions .wpml-ls-native,
.wpml-ls-slot-shortcode_actions .wpml-ls-display {
    color: #ffffff !important;
    font-weight: bold !important;
}
.wpml-ls-slot-shortcode_actions .wpml-ls-current-language:hover .wpml-ls-native,
.wpml-ls-slot-shortcode_actions .wpml-ls-current-language:hover .wpml-ls-display,
.wpml-ls-slot-shortcode_actions a:hover .wpml-ls-native,
.wpml-ls-slot-shortcode_actions a:hover .wpml-ls-display {
    color: #E1F25C !important;
}
.wpml-ls-slot-shortcode_actions .js-wpml-ls-item-toggle::after {
    content: '' !important;
    background-image: url('http://www.visibilia.pro/test/rails/wp-content/uploads/2025/09/icona-wpml.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 12px !important;
    height: 12px !important;
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    border: none !important;
}
.wpml-ls-sub-menu {
    background: #E9E9E9DE !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 5px !important;
    margin-top: 20px !important;
}
.wpml-ls-sub-menu li {
    border: none !important;
    padding: 0 !important;
}
.wpml-ls-sub-menu li a {
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    display: block !important;
}
.wpml-ls-sub-menu li a span,
.wpml-ls-sub-menu li a .wpml-ls-native,
.wpml-ls-sub-menu li a .wpml-ls-display {
    color: #000000 !important;
}
.wpml-ls-sub-menu li a:hover {
    color: #E1F25C !important;
}
.wpml-ls-sub-menu li a:hover span,
.wpml-ls-sub-menu li a:hover .wpml-ls-native,
.wpml-ls-sub-menu li a:hover .wpml-ls-display {
    color: #E1F25C !important;
}
.wpml-ls-slot-shortcode_actions,
.wpml-ls-item,
.wpml-ls-link {
    border: none !important;
    outline: none !important;
}
.wpml-ls-legacy-dropdown-click{
    width: 4em;
}

#menu-1-50a28d0 a {
    color: #ffffff !important;
}

#menu-1-50a28d0 a:hover {
    color: #e1f25c !important;
}

#menu-1-50a28d0 .wpml-ls-display {
    color: #ffffff !important;
}

/* FORM CONTATTO*/
.modulo-contatto, .col-full{
	display: block;
	width: 70%;
	margin: 0 auto;

}
.modulo-contatto{
	width:100%;
	text-align: center;
}

.modulo-contatto input[type=email],input[type=tel], textarea, input[type=text] {
	background-color: #fff; 
	color: #C3C3C3!important;
	padding: 10px;
	border: 1px solid #C3C3C3 ; 
	border-radius: 5px; 
	width: 100%; 
	margin-bottom: 1.3rem;
	text-align: center;
}
.modulo-contatto input[type=email]:focus{
	background-color: #fff; 
	color: #000!important;
}
.modulo-contatto input[type=tel]:focus{
	background-color: #fff; 
	color: #000!important;
}
.modulo-contatto textarea:focus{
	background-color: #fff; 
	color: #000!important;
}
.modulo-contatto input[type=text]:focus{
	background-color: #fff; 
	color: #000!important;;
}

/* Stile per i placeholder */
.modulo-contatto input::placeholder,
.modulo-contatto textarea::placeholder,
.modulo-contatto tel::placeholder,
.modulo-contatto email::placeholder{
    color: #C3C3C3;
    opacity: 1; 
}

.modulo-contatto, .privacy a{
	color: #C3C3C3!important; 
	text-decoration: underline!important; 
}
.modulo-contatto .privacy{
	margin-left:-1rem!important; 
	margin-top: -1rem; 
	font-size: 14px; 
}


p.privacy .wpcf7-list-item-label {
    display: inline;
    margin: 0;
}

/* Link sulla stessa riga */
p.privacy a {
    display: inline;
    white-space: nowrap;
    margin-left: 0;  /* Rimosso il margine */
}

input[type="submit"]{
	width: 100%; 
	margin-top: -4rem; 
	background-color: #fff;
	color: #000; 
	border-radius: 5px; 
	font-weight: 600;
	text-decoration: underline; 
}

input[type="submit"]:hover{
	background-color: #fff;
	color: #99D9DB; 
}

input[type="submit"]:active,
input[type="submit"]:focus {
	background-color: #fff !important;
	color: #000 !important;
	outline: none;
	box-shadow: none;
}

input[type="submit"]:focus-visible {
	background-color: #fff !important;
	color: #000 !important;
	outline: 2px solid #99D9DB;
	outline-offset: 2px;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color: transparent; 
}
.wpcf7-response-output{
	color: #000; 
	font-size: 20px; 
}

/*MASCHERA PAG AZIENDA*/
.reveal-center {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.reveal-center img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}
/*MASCHERA VIDEO*/
.reveal-center-video {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.reveal-center-video video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
}





/* RESPONSIVE */

@media only screen and (max-width: 40em) {
	.p-64 p{
	font-size: 30px; 
	font-weight: 600; 
	}
	/* FORM CONTATTO*/
	.modulo-contatto, .col-full{
	display: block;
	width: 95%;
	margin: 0 auto;
	}
	/*video mobile*/
	.elementor-14 .elementor-element.elementor-element-1dba350 .elementor-wrapper{
		height: 350px; 
	}
	.elementor-1827 .elementor-element.elementor-element-1dba350 .elementor-wrapper{
		height: 350px; 
	}
	
	/*STACKER*/
	.postid-960 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1882 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	/*METTIPALLET*/
	.postid-974 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1895 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	/*CURVE*/
	.postid-1856 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1937 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* medium only */
	.p-64 p{
	font-size: 40px; 
	font-weight: 600; 
	}
	/*STACKER*/
	.postid-960 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1882 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	/*METTIPALLET*/
	.postid-974 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1895 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	/*CURVE*/
	.postid-1856 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}
	.postid-1937 .elementor-589 .elementor-element.elementor-element-abc65f4:not(.elementor-motion-effects-element-type-background), 
	.elementor-589 .elementor-element.elementor-element-abc65f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
		display: none; 
	}

}

/*IPAD ORIZZONTALE*/
@media (min-width: 768px) and (max-width: 1209px) and (orientation: landscape){
	/*home*/
	.elementor-14 .elementor-element.elementor-element-ebbf492{
		margin-top: 7rem!important; 
	}
	.elementor-14 .elementor-element.elementor-element-eb06102{
		margin: 10px; 
	}
	/*MENU*/
	.elementor-2199 .elementor-element.elementor-element-4d6fd7d{
		width: 90%; 
	}
	/*PRODOTTI*/
	 .elementor-element.elementor-element-8388445.e-con-full.e-flex.e-con.e-child{
		width: 100%!important;
	} 
	 .elementor-589 .elementor-element.elementor-element-8388445{
		padding-top: 2rem!important;
	}
	.elementor-589 .elementor-element.elementor-element-892ecad{
		width: 100%!important; 
	}
	.elementor-589 .elementor-element.elementor-element-1668464 .elementor-heading-title{
		font-size: 25px!important; 
	}
	
}

/*RESTRINGIMENTO*/
@media (min-width: 1028px) and (max-width: 1510px){
	.elementor-element.elementor-element-4d6fd7d.e-con-full.blur.e-flex.e-con.e-child{
		margin-right: 10px; 
	}
}





