/*
 Theme Name:     Lz Recycle
 Theme URI:      https://www.lzrecycle.it/
 Description:    Generatepress Child Theme
 Author:		 VISIBILIA
 Template:       generatepress
 Version:        1.0.0
*/
 
@import url("../generatepress/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

ul#menu-1-5dbb5cf{
	display: none; 
}

/*REVEAL TEXT*/
.cool-split h3 {
  width: 100%;
  color: #0064A6;
  transition: color 0.3s;
}

.h1-verde {
	color: #9BC43E!important;
}
h3 .evidenziato{
	background-color: #9BC43E; 
	color: #fff; 
	padding: 5px; 
}
.blocco-evidenziato h3 {
	line-height: 55px; 
}

/*HEADER*/
.hfe-menu-item {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease-in-out;
}

.hfe-menu-item:hover {
  color: #fff!important;
}

.hfe-menu-item::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '';
  background: #9BC43E;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}

.hfe-menu-item:hover::after {
  opacity: 1;
  height: 100%;
}

.wpml-ls-legacy-list-horizontal{
	text-align: right; 
}
li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal{
	border-right: 1px solid;
    border-color: rgba(62, 90, 128, 0.6);
}
body.page-id-9 li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal{
	border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.6);
}
body.page-id-1038 li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-it.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal{
	border-right: 1px solid;
    border-color: rgba(255, 255, 255, 0.6);
}
.wpml-ls-current-language a {
    color: #9BC43E !important;
}

/*HOME*/
.numero-bordo h4 {
	color: #fff;
    text-shadow: -1px -1px 0 #dadada,1px -1px 0 #dadada,-1px 1px 0 #dadada,1px 1px 0 #dadada;
}


/* SLIDER AG PANNELLI*/
.swiper-slide img {
    width: 400px !important;
    height: 400px!important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
}

img.elementor-lightbox-image.elementor-lightbox-prevent-close.swiper-lazy.swiper-lazy-loaded {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
	object-fit: unset !important; 
    aspect-ratio: unset !important; 
}
.elementor-slideshow__title{
	display: none; 
}


/*ANIMAZIONE CERCHIO BLU*/
       .circle-animation-container {
      position: relative;
      text-align: center;
      width: 100%;
      max-width: 1200px;
      padding: 75px 20px; /* Ridotto da 175px a 75px */
      box-sizing: border-box;
      overflow: visible;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 50vh; /* Ridotto da 100vh a 50vh */
      position: relative;
      left: 50%;
      transform: translateX(-50%);
    }
    .circle-animation-text {
      font-size: 65px;
      text-align: center; 
      line-height: 1.5;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;
      display: inline-block;
      background-image: 
        radial-gradient(circle 175px at var(--circle-x, 50%) var(--circle-y, 50%), white 100%, transparent 100%),
        linear-gradient(#333, #333);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      will-change: background-position;
    }
    
    .circle-animation-circle {
      position: absolute;
      width: 350px;
      height: 350px;
      background-color: #3E5A80;
      border-radius: 50%;
      z-index: 5;
      pointer-events: none;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      will-change: transform, left, top;
    }
    
    /* Aggiungi questo per i widget Elementor */
    .elementor-widget-html {
      display: flex !important;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    
    /* Media query per dispositivi mobili */
    @media (max-width: 767px) {
      .circle-animation-container {
        padding: 50px 15px; /* Ridotto da 100px a 50px */
        min-height: 35vh; /* Ridotto da 70vh a 35vh */
      }
      
      .circle-animation-text {
        font-size: 30px; /* Testo ridotto per mobile */
        line-height: 1.4;
        /* Aumentato raggio del cerchio bianco per allinearlo meglio con i bordi del cerchio blu */
        background-image: 
          radial-gradient(circle 90px at var(--circle-x, 50%) var(--circle-y, 50%), white 100%, transparent 100%),
          linear-gradient(#333, #333);
      }
      
      .circle-animation-circle {
        width: 180px; /* Cerchio ridotto per mobile */
        height: 180px;
      }
    }
    
    /* Media query per tablet */
    @media (min-width: 768px) and (max-width: 1024px) {
      .circle-animation-container {
        padding: 60px 20px; /* Ridotto da 120px a 60px */
        min-height: 45vh; /* Aggiunto per tablet */
      }
      
      .circle-animation-text {
        font-size: 45px; /* Testo ridotto per tablet */
        background-image: 
          radial-gradient(circle 125px at var(--circle-x, 50%) var(--circle-y, 50%), white 100%, transparent 100%),
          linear-gradient(#333, #333);
      }
      
      .circle-animation-circle {
        width: 250px; /* Cerchio ridotto per tablet */
        height: 250px;
      }
    }

/*PAG CONTATTI*/
.elementor-element.elementor-element-53d5692.mappa.elementor-widget.elementor-widget-html{
	display: block!important; 
}

/* FORM CONTATTO*/
.modulo-contatto, .col-dx-contatto{
	float:right!important; 
	display: block;
	width:49%;

}
.modulo-contatto, .col-sx-contatto{
	float:left!important; 
	display: block;
	width:49%;
}
.modulo-contatto{
	width:100%;
}

.modulo-contatto input[type=email],input[type=tel], textarea, input[type=text] {
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
	padding: 20px;
	border:none; 
	border-radius: 5px; 
	width: 100%; 
	margin-bottom: 1.3rem;
}
.modulo-contatto input[type=email]:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}
.modulo-contatto input[type=tel]:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}
.modulo-contatto textarea:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}
.modulo-contatto input[type=text]:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}

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

.modulo-contatto, .privacy a{
	color: #fff!important; 
	text-decoration: underline!important; 
}
.modulo-contatto .privacy{
	margin-left:-1rem!important; 
	margin-top: 1rem; 
}

input[type="submit"]{
	width: 200px; 
	float: right; 
	margin-top: -4rem; 
}
.wpcf7 form.sent .wpcf7-response-output{
	border-color: transparent; 
}
.wpcf7-response-output{
	color: #fff; 
	font-size: 20px; 
}


/* FORM CONTATTO RICICLO*/
.modulo-contatto-riciclo, .col-dx-contatto{
	float:right!important; 
	display: block;
	width:49%;

}
.modulo-contatto-riciclo, .col-sx-contatto{
	float:left!important; 
	display: block;
	width:49%;
}
.modulo-contatto-riciclo, .col-full{
	width:100%;
}

.modulo-contatto-riciclo{
	width:100%;
}

.modulo-contatto-riciclo input[type=email], textarea, input[type=text] {
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
	padding: 20px;
	border:none; 
	border-radius: 5px; 
	width: 100%; 
	margin-bottom: 1.3rem;
}
.modulo-contatto-riciclo textarea{
	height: 150px; 
}
.modulo-contatto-riciclo input[type=email]:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}

.modulo-contatto-riciclo textarea:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}
.modulo-contatto-riciclo input[type=text]:focus{
	background-color: rgba(255, 255, 255, 0.3); 
	color: #fff!important;
}

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

.modulo-contatto-riciclo, .privacy a{
	color: #fff!important; 
	text-decoration: underline!important; 
}
.modulo-contatto-riciclo .privacy{
	margin-left:-1rem!important; 
	margin-top: -1rem;
	margin-bottom: -3px; 
}

.modulo-contatto-riciclo input[type="submit"]{
	width: 100%; 
	margin-top: 1rem; 
}


/*FOOTER*/
.titolo-info-footer {
	font-size: 19px; 
	color: #fff;
}
.info-footer {
	font-size: 15px; 
	color: #fff;
}
.info-footer a {
	font-size: 15px; 
	color: #fff;
}

/* COOKIE YES*/
button.cky-btn.cky-btn-customize{
	padding: 10px 10px 10px 10px;
}
button.cky-btn.cky-btn-reject{
	padding: 10px 10px 10px 10px;
}
button.cky-btn.cky-btn-customize{
	padding: 10px 10px 10px 10px;
}
button.cky-btn.cky-btn-accept{
	padding: 10px 10px 10px 10px;
	margin-top: 20px; 
}
/* Mantieni il blu originale ma rimuovi il verde all'hover */
.cky-btn-revisit-wrapper {
    background-color: #0056A7 !important;
}

.cky-btn-revisit-wrapper:hover {
    background-color: #0056A7 !important; 
    background: #0056A7 !important;
}

/* Rimuovi eventuali effetti hover da elementi figli */
.cky-btn-revisit-wrapper:hover *,
.cky-btn-revisit:hover,
.cky-btn-revisit:hover * {
    background-color: transparent !important;
    background: none !important;
    border-color: transparent !important;
}

/* Se il verde deriva da filtri sull'immagine */
.cky-btn-revisit-wrapper:hover img {
    filter: none !important;
}


/* RESPONSIVE */

@media only screen and (max-width: 40em) {
	
	h3.evidenziato{
	background-color: #9BC43E; 
	color: #fff; 
	padding: 5px; 
	font-size: 25px; 
   }
	h3.h3-chi-siamo{
	font-size: 25px!important; 	
		line-height: 40px; 
	}
	
	/*HEADER*/
	.hfe-menu-item {
    transition: none;
    }

   .hfe-menu-item::after {
    transition: none;
    opacity: 1;
	  height: 1px;align-content
	}
	.wpml-ls-legacy-list-horizontal > ul{
	text-align: right; 
	display: flex;
	}
	.wpml-ls-legacy-list-horizontal{
		margin-right: 0px; 
	}
	
	/*FORM CONTATTO*/
	.modulo-contatto, .col-dx-contatto{
	float:right!important; 
	display: block;
	width:100%;
	}
	.modulo-contatto, .col-sx-contatto{
	float:left!important; 
	display: block;
	width:100%;
	}
	
	.modulo-contatto, .privacy a{
	color: #fff!important; 
	text-decoration: underline!important; 
	}
	.modulo-contatto .privacy{
	margin-left:-1rem!important; 
	margin-top: 1rem; 
	}
	 p.privacy{
		font-size: 15px;
	}

	input[type="submit"]{
	width: 100%; 
	float: right; 
	margin-top: 1rem; 
	}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { /* medium only */
		/*HEADER*/
	.hfe-menu-item {
    transition: none;
    }

   .hfe-menu-item::after {
    transition: none;
    opacity: 1;
	  height: 1px;align-content
	}
}

/*RESPONSIVE RESTRINGIMENTO SCHERMO ITA*/
/* menu bianco*/
@media only screen and (min-width: 1393px) and (max-width: 1484px){
		.elementor-15 .elementor-element.elementor-element-0ab3340 > .elementor-widget-container{
			padding: 0px 40px 0px 0px;
			text-align: right; 
		}
}
@media only screen and (min-width: 1150px) and (max-width: 1385px){
		.elementor-15 .elementor-element.elementor-element-0ab3340 > .elementor-widget-container{
			padding: 0px 18px 0px 0px;
			text-align: right; 
		}
}
@media only screen and (min-width: 1028px) and (max-width: 1149px){
		.elementor-15 .elementor-element.elementor-element-0ab3340 > .elementor-widget-container{
			padding: 0px 2px 0px 0px;
			text-align: right; 
		}
}

/* menu blu*/
@media only screen and (min-width: 1393px) and (max-width: 1484px){
		.elementor-174 .elementor-element.elementor-element-063750a > .elementor-widget-container{
			padding: 0px 40px 0px 0px;
			text-align: right; 
		}
}
@media only screen and (min-width: 1150px) and (max-width: 1385px){
		.elementor-174 .elementor-element.elementor-element-063750a > .elementor-widget-container{
			padding: 0px 18px 0px 0px;
			text-align: right; 
		}
}
@media only screen and (min-width: 1028px) and (max-width: 1149px){
		.elementor-174 .elementor-element.elementor-element-063750a > .elementor-widget-container{
			padding: 0px 2px 0px 0px;
			text-align: right; 
		}
}
/*form*/
@media only screen and (min-width: 1026px) and (max-width: 1403px){
	input[type="submit"]{
	width: 100%; 
	margin-top: 0.5rem; 
	}
}