/* 
 Theme Name:   Project School
 Theme URI:    
 Description:  
 Author:       Lenpix
 Author URI:   https://lenpix.com/projectschool
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


@keyframes supereroe {
        0% {
          transform: translate(0, 0) scale(1) rotate(-8deg);
        }
        20% {
          transform: translate(20px, -10px) scale(1.05) rotate(-2deg);
        }
        40% {
          transform: translate(40px, 10px) scale(1.1) rotate(2deg);
        }
        60% {
          transform: translate(20px, 30px) scale(1.05) rotate(-2deg);
        }
        80% {
          transform: translate(-10px, 20px) scale(1) rotate(-8deg);
        }
        100% {
          transform: translate(0, 0) scale(1) rotate(-8deg);
        }
      }
      .animate-supereroe {
        animation: supereroe 1.2s cubic-bezier(0.4, 0.8, 0.2, 1) infinite !important;
      }
      @keyframes svg-move-loop {
        0% {
          transform: translate(0, 0);
        }
        20% {
          transform: translate(-12px, -14px);
        }
        40% {
          transform: translate(10px, -8px);
        }
        60% {
          transform: translate(14px, 10px);
        }
        80% {
          transform: translate(-8px, 8px);
        }
        100% {
          transform: translate(0, 0);
        }
      }
      .group:hover .svg-supereroe {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-move-loop 5s cubic-bezier(0.4, 0.8, 0.2, 1) infinite;
      }
      .group:hover .tab-bg-innovazione {
        background-color: #2140d3 !important;
        border-radius: 0.75rem !important;
      }
      .group:hover .tab-text-innovazione {
        color: #fff !important;
      }
      .flex.flex-col.gap-1.border-t.group:hover {
        background-color: #2140d3 !important;
      }
      .tab-bg-innovazione {
        border-radius: 0 !important;
        transition: all 0.3s ease;
      }
      @keyframes svg-move-updown {
        0% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-18px);
        }
        100% {
          transform: translateY(0);
        }
      }
      .group:hover .svg-sostenibilita {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-move-updown 7s cubic-bezier(0.4, 0.8, 0.2, 1) infinite;
      }
      .group:hover .tab-bg-sostenibilita {
        background-color: #2140d3 !important;
      }
      .group:hover .tab-text-sostenibilita {
        color: #fff !important;
      }
      @keyframes svg-heart-beat {
        0% {
          transform: scale(1);
        }
        10% {
          transform: scale(1.18);
        }
        20% {
          transform: scale(1);
        }
        30% {
          transform: scale(1.13);
        }
        40% {
          transform: scale(1);
        }
        100% {
          transform: scale(1);
        }
      }
      .group:hover .svg-inclusivita {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-heart-beat 1.2s cubic-bezier(0.4, 0.8, 0.2, 1) 2;
      }
      .group:hover .tab-bg-inclusivita {
        background-color: #2140d3 !important;
      }
      .group:hover .tab-text-inclusivita {
        color: #fff !important;
      }
      @keyframes svg-hand-wave {
        0% {
          transform: rotate(0deg);
        }
        10% {
          transform: rotate(-18deg);
        }
        20% {
          transform: rotate(15deg);
        }
        30% {
          transform: rotate(-12deg);
        }
        40% {
          transform: rotate(9deg);
        }
        50% {
          transform: rotate(-6deg);
        }
        60% {
          transform: rotate(3deg);
        }
        70% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(0deg);
        }
      }
      .group:hover .svg-collaborazione {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-hand-wave 2s cubic-bezier(0.4, 0.8, 0.2, 1) infinite;
        transform-origin: 80% 90%;
      }
      .group:hover .tab-bg-collaborazione {
        background-color: #2140d3 !important;
      }
      .group:hover .tab-text-collaborazione {
        color: #fff !important;
      }
      @keyframes svg-bird-hop {
        0% {
          transform: translateY(0) scale(1, 1);
        }
        10% {
          transform: translateY(-18px) scale(1.1, 0.9);
        }
        20% {
          transform: translateY(0) scale(1, 1);
        }
        30% {
          transform: translateY(-12px) scale(1.08, 0.92);
        }
        40% {
          transform: translateY(0) scale(1, 1);
        }
        100% {
          transform: translateY(0) scale(1, 1);
        }
      }
      .group:hover .svg-creativita {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-bird-hop 1.6s cubic-bezier(0.4, 0.8, 0.2, 1) infinite;
      }
      .group:hover .tab-bg-creativita {
        background-color: #2140d3 !important;
      }
      .group:hover .tab-text-creativita {
        color: #fff !important;
      }
      @keyframes svg-ballerina-spin {
        0% {
          transform: scaleX(1);
        }
        20% {
          transform: scaleX(0);
        }
        50% {
          transform: scaleX(1.4);
        }
        80% {
          transform: scaleX(0);
        }
        100% {
          transform: scaleX(1);
        }
      }
      .group:hover .svg-dinamicita {
        filter: brightness(0) invert(1);
        opacity: 0.85 !important;
        animation: svg-ballerina-spin 1.2s cubic-bezier(0.4, 0.8, 0.2, 1) 3;
      }
      .group:hover .tab-bg-dinamicita {
        background-color: #2140d3 !important;
      }
      .group:hover .tab-text-dinamicita {
        color: #fff !important;
      }
      .absolute.inset-0.pointer-events-none.flex.justify-end.items-end.transition-all.duration-500.opacity-10.group-hover\:opacity-40,
      .absolute.inset-0.pointer-events-none.flex.justify-end.items-end.transition-all.duration-500.group-hover\:opacity-40 {
        opacity: 0.65 !important;
      }
      .btn-team-animate {
        position: relative;
        overflow: hidden;
        z-index: 1;
        background: #fff;
        transition: box-shadow 0.3s;
      }
      .btn-team-animate::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0%;
        background: #7aa274;
        z-index: 0;
        transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1);
      }
      .btn-team-animate:hover::before {
        height: 100%;
      }
      .btn-team-animate > span {
        position: relative;
        z-index: 1;
      }
      h1,
      h2 {
        font-family: "Quicksand", sans-serif;
      }

      button,
      .btn-team-animate > span {
        font-family: "Quicksand", sans-serif;
      }

      .btn-team-animate-team {
        position: relative;
        overflow: hidden;
        z-index: 1;
        background: #7aa274;
        transition: box-shadow 0.3s;
      }
      .btn-team-animate-team::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0%;
        background: #383ddb;
        z-index: 0;
        transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1),
          width 1s cubic-bezier(0.4, 0.8, 0.2, 1);
      }
      .btn-team-animate-team:hover::before {
        height: 100%;
        width: 100%;
      }
      .btn-team-animate-team > span {
        position: relative;
        z-index: 1;
        color: #fff;
        transition: color 0.3s;
      }
      .btn-team-animate-team:hover > span {
        color: #fff;
      }
      .btn-contattaci-animate {
        position: relative;
        overflow: hidden;
        z-index: 1;
        background: #fff;
        transition: box-shadow 0.3s;
      }
      .btn-contattaci-animate::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0%;
        background: #383ddb;
        z-index: 0;
        transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1);
      }
      .btn-contattaci-animate:hover::before {
        height: 100%;
      }
      .btn-contattaci-animate > span {
        position: relative;
        z-index: 1;
        color: #383ddb;
        transition: color 0.3s;
      }
      .btn-contattaci-animate:hover > span {
        color: #fff;
      }
      .tab-text-innovazione,
      .tab-text-sostenibilita,
      .tab-text-inclusivita,
      .tab-text-collaborazione,
      .tab-text-creativita,
      .tab-text-dinamicita {
        max-width: 85%;
      }
      
      /* Animazione pattern diagonale per il banner */
      @keyframes patternScrollDiagonal {
        from {
          background-position: center, 0 0;
        }
        to {
          background-position: center, 1000px 1000px;
        }
      }



      @keyframes pallinoMove {
        0%,
        5%,
        90%,
        100% {
          transform: translate(220px, 40px);
          background-color: #12006b;
        }
        25%,
        40% {
          transform: translate(255px, 165px);
          background-color: #12006b;
        }
        60%,
        75% {
          transform: translate(220px, 300px);
          background-color: #12006b;
        }
      }

      @keyframes lungoMove {
        0%,
        5%,
        90%,
        100% {
          transform: translate(0px, 160px) rotate(-50deg);
          background-color: #ff4f45;
        }
        25%,
        40% {
          transform: translate(75px, 230px) rotate(0deg);
          background-color: #6970fa;
        }
        60%,
        75% {
          transform: translate(145px, 130px) rotate(90deg);
          background-color: #7aa173;
        }
      }

      @keyframes paciocconeMove {
        0%,
        5%,
        90%,
        100% {
          transform: translate(210px, 124px) rotate(-52deg);
          background-color: #ffe300;
        }
        25%,
        40% {
          transform: translate(298px, 294px) rotate(0deg);
          background-color: #ff4f45;
        }
        60%,
        75% {
          transform: translate(185px, 230px) rotate(90deg);
          background-color: #ff4f45;
        }
      }

      @keyframes cortoMove {
        0%,
        5%,
        90%,
        100% {
          transform: translate(80px, 210px) rotate(-50deg);
          background-color: #383ddb;
        }
        25%,
        40% {
          transform: translate(130px, 295px) rotate(0deg);
          background-color: #383ddb;
        }
        60%,
        75% {
          transform: translate(130px, 110px) rotate(90deg);
          background-color: #383ddb;
        }
      }

      @keyframes showSupereroe {
        0%,
        5%,
        25% {
          opacity: 1;
          transform: translateY(0);
        }
        30%,
        100% {
          opacity: 0;
          transform: translateY(20px);
        }
      }

      @keyframes showVogatore {
        0%,
        28% {
          opacity: 0;
          transform: translateY(-20px);
        }
        33%,
        58% {
          opacity: 1;
          transform: translateY(0);
        }
        63%,
        100% {
          opacity: 0;
          transform: translateY(20px);
        }
      }

      @keyframes showGermoglio {
        0%,
        61% {
          opacity: 0;
          transform: translateY(-20px);
        }
        66%,
        91% {
          opacity: 1;
          transform: translateY(0);
        }
        96%,
        100% {
          opacity: 0;
          transform: translateY(-20px);
        }
      }

 /* Animazioni */



 /*----------------------------------------------------------------------*/

 /* MENU */

/* Stile per la voce di menu "Contattaci" nella pagina corrente */
.contatti_menu_link a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: white;
  color: #383ddb !important;
  padding: 8px 18px !important;
  border-radius: 12px;
  font-size: 16px;
  text-decoration: underline;
  border: none !important;
  line-height: 1;
  height: auto;
  margin: auto 0;
  border: 1px solid #383ddb !important;
  font-weight: 700 !important;
}

body .mobile_menu_bar::before {color:#383ddb;}
body .et_mobile_menu {border-top:0px} 

.contatti_menu_link.current-menu-item a:hover {
    background-color: #383ddb; 
    color: #ffffff !important;
}

#top-menu li.current-menu-item > a {text-decoration: underline;font-weight: 700}

/* Fine menu */

/* Pagina Home 
.impatto
.progetti_home_text_gray
.home_title_section
*/

.n2-ss-layer-row {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;transition: box-shadow 0.15s ease-out;  width: 100%;border-radius: 0.75rem;}
.colonna1 .n2-ss-layer-col {padding:4rem !important}
.colonna2 .n2-ss-layer-content,.n2-ss-layer-row {padding:0 !important}
.n2-ss-layer .titolo div {text-transform: uppercase !important;line-height: 1.1 !important;margin-bottom: 1rem}
.n2-ss-layer .titolo2 div {line-height: 1.1 !important;margin-bottom: 1rem}
.pulsante_slider_home div {font-weight: 700 !important;font-size: 1.25rem !important;}
.n2-ss-section-main-content {padding:0 !important}
.n2-ss-layer-row {border-radius:0 !important}
.n2-ss-layer {padding: 0 !important}

.home .shape.pallino {width: 50px;height: 50px;border-radius: 9999px;background-color: rgb(18,0,107);position: absolute;}
.home .shape.lungo {width: 270px;height: 55px;border-radius: 5px 70px 5px 70px;background-color: rgb(255,79,69);position: absolute;}
.home .shape.pacioccone {width: 50px;height: 55px;border-radius: 5px 5px 65px 5px;background-color: rgb(255,227,0);position: absolute;}
.home .shape.corto {width: 160px;height: 50px;border-radius: 50px 50px 5px 5px;background-color: rgb(56,61,219);position: absolute;}

.home .impatto h3 {font-weight: 700}
.statistiche_gray {padding: 1.5rem;border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;height: 100%}
.statistiche_gray .titolo {line-height: 1.25;font-weight: 700;font-size: 1.5rem;color:rgb(20,20,20);margin-bottom:1rem;font-family:Manrope, 'Noto Sans', sans-serif }
.statistiche_gray .desc_green {font-family:Manrope, 'Noto Sans', sans-serif }

.home .filter-section {display: none}

.progetti_home_text_gray {padding: 1.5rem;height: 100%;background-color: rgb(244,244,244);border-radius: 0.75rem;max-width: 350px;padding:0 1.5rem !important;}
.wpsm_count-title {display: none !important}
.home .counter{font-family: Manrope, 'Noto Sans', sans-serif;}
/*.home .wpsm_counter_b_row .wpsm_col-md-12.wpsm_col-sm-6 {padding: 0;}*/
.home .progetti_home_text_gray {margin: 0 !important;text-align: left !important;padding:1.5rem !important}
.home .conteggio {font-family: Manrope, 'Noto Sans', sans-serif;font-size: 3rem;font-weight: bold;color:rgb(20,20,20);line-height: 1;}

.statistiche_gray {display: flex !important;justify-content: center;gap: 1rem;}

.home_title_section {font-weight: 700;color:rgb(20,20,20);padding-bottom: 0.75rem}

#progetti-container {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));padding:1rem;gap:0.75rem}
.card_progetto {display: flex;flex-direction: column;gap: 0.75rem;font-family: 'Manrope';height: 16rem;display: block;border-width: 1px;border-radius: 0.75rem;border-color:rgb(229,231,235);background-color:white;box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; transform: translateY(0px); }
.card_progetto .title {background-color: rgb(56,61,219);border-radius: 0 0.75rem 0 2rem;padding-bottom: 0.75rem;padding-top: 0.75rem;padding-left: 1rem;padding-right: 1rem;align-items: center;height: 4rem;display: flex;position: relative}
.card_progetto .title h3 {font-family: 'Quicksand',sans-serif; color:white;font-weight: 700;font-size: 0.875rem;line-height: 1.25rem;overflow: hidden;}
.card_progetto .categoria {margin-top: auto;}
.card_progetto .categoria span {font-size: 0.75rem;line-height: 1rem;padding-top: 0.25rem;padding-right: 0.25rem;background-color: rgb(122,161,115);border-radius: 9999px;color: white;font-weight: 500;padding-left: 0.5rem;padding-bottom: 0.25rem}
.card_progetto .immagine {background-repeat: no-repeat;background-size: contain;width: 100%;margin-bottom: 0.75rem;background-position: center;height: 8rem}
.card_progetto .contenuto {padding: 1rem;flex-direction: column;height: 12rem;display: flex;}

.card_progetto .scopri_progetti {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);background-color: white;height: 16rem;overflow: hidden;display: block;font-family: 'Manrope',sans-serif;}
.card_progetto .contenuto_custom {padding: 1.5rem;justify-content: center;align-items: center;flex-direction: column;height: 100%;display: flex}
.card_progetto .contenuto_custom .rounded-full {background-color: rgb(56,61,219);border-radius: 9999px;justify-content: center;align-items: center;width: 4rem;height: 4rem;display: flex;margin-bottom: 1rem;}
.card_progetto .contenuto_custom h3 {font-family: 'Quicksand', sans-serif;color: rgb(20,20,20);font-weight: 700;font-size: 1.125rem;line-height: 1.75rem;text-align: center;margin-bottom: 0.5rem}
.card_progetto .contenuto_custom p {font-weight: 500;font-size: 0.875rem;line-height: 1.25rem;text-align: center;color:rgb(102, 102, 102)}

.card_progetto:hover {box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px;  transform: translateY(-5px);transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
/* Fine pagina home */


/* Pagina chi siamo 
.chisiamo_hero
.chisiamo_hero_text
.chisiamo_inostrivalori
.chisiamo_inostrivalori_text
.chisiamo_heading
.team_single
.footer_col_text
*/



.chisiamo_hero {background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://lenpix.com/projectschool/wp-content/uploads/2026/02/chisiamo.png");
	gap:2rem;padding-bottom:2rem;border-radius:0.75rem;animation: patternScrollDiagonal 60s linear infinite;background-repeat: no-repeat, repeat;background-size: cover, auto;outline: none;}

.chisiamo_hero_text {display:flex;align-items:flex-end}
.chisiamo_hero_text h1 {font-weight: 900 !important;padding-left:2.5rem;padding-right:2.5rem;font-size:3.75rem}

.chisiamo_heading h2 {font-weight: 700;font-size:2rem;line-height: 2rem;padding-top: 0.75rem;padding-right: 1rem}

.chisiamo_inostrivalori .et_pb_column {border-bottom:1px solid #e5e7eb}

/* Configurazione del contenitore principale */
.chisiamo_inostrivalori_text .et_pb_text_inner {
    display: grid;
    grid-template-columns: 1fr auto; /* Il testo prende lo spazio rimanente, l'immagine il suo minimo */
    gap: 20px;
    align-items: end; /* Allinea l'immagine al fondo del testo */
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding:1.5rem;

}

.chisiamo_inostrivalori_text .et_pb_text_inner:hover{
	background-color: #2140d3 !important;
} 

.chisiamo_inostrivalori_text .et_pb_text_inner h3 {
	font-weight: 600;
	line-height: 1.5rem;
	color: rgb(115,115,115) !important;
}

/* Gestione dell'immagine */
.chisiamo_inostrivalori_text .img img {
    width: 5rem;
    height: 5rem;
    display: block;
}

 .chisiamo_inostrivalori_text .et_pb_text_inner:hover img { 
    opacity: 0.85 !important;
    animation: svg-move-loop 5s cubic-bezier(0.4, 0.8, 0.2, 1) infinite;
    filter: brightness(0) invert(1);
    opacity: 0.85 !important;
}

 .chisiamo_inostrivalori_text .et_pb_text_inner:hover .content,.chisiamo_inostrivalori_text .et_pb_text_inner:hover h3 {color:white !important}

 .team_single .name {font-weight: bold;font-size: 1.25rem;line-height: 1.75rem;margin-bottom: 0.25rem;color:rgb(26, 23, 102);padding-bottom:0.5rem}
 .team_single .ruolo {color:rgb(90,100,110);font-weight:600 !important;font-size:1rem;line-height:1.5rem } 
 .team_single img {max-width:128px;height:auto; filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.5));}

/* FINE PAGINA CHI SIAMO */


/* PAGINA PROGETTAZIONE 
.progettazione_hero
.progettazione_hero_text
.progettazione_servizi
.progettazione_servizi_text
.progettazione_heading
.progettazione_banner
.progettazione_banner_text
*/

.page-id-124 .ymc-container .filter-content .posts-grid .post-card__image {max-width: 200px;margin:0 auto;margin-top: 20px}
.page-id-124 .ymc-container .filter-content .posts-grid .post-card__meta {display: none}
.page-id-124 .ymc-container .filter-content .posts-grid .post-card__title {margin-top: 20px}

.page-id-124 .filter-content .post-card {padding-bottom: 40px;position: relative}
.page-id-124 .filter-content .post-card .post-card__read-more {position: absolute; bottom:0}


.progettazione_hero {background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://lenpix.com/projectschool/wp-content/uploads/2026/02/progettazione.png");
	gap:2rem;padding-bottom:2rem;border-radius:0.75rem;background-repeat: no-repeat;background-size: cover;background-position:center;}
.progettazione_hero .et_pb_text_inner {padding-left:2.5rem;padding-right:2.5rem;}
.progettazione_hero h1 {font-size:3.75rem;font-weight: 900 !important}
.progettazione_hero_text {display: flex;align-items: flex-end;}
.progettazione_hero button {color: white;
  background-color: rgb(122, 162, 116);
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;}

.progettazione_heading h2 {font-weight: 700}
  
.progettazione_hero button:hover {background-color: #383ddb;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}

.progettazione_servizi img {max-height: 148px;max-width: 148px}
.progettazione_servizi .image2 img {max-width: unset}
.progettazione_servizi h3 {font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}

.progettazione_servizi_text {padding: 1.5rem;border:1px solid rgb(244,244,244);border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.progettazione_servizi_text:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.progettazione_bottom_banner {
  /* Combina gradiente e immagine */
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), 
    url('https://lenpix.com/projectschool/wp-content/uploads/2026/02/contact.png');
  
  /* Gestione posizione e dimensione */
  background-position: center, right bottom;
  background-size: cover;
  background-repeat: no-repeat;
  
  /* Layout e stile box */
  gap: 2rem;
  padding-bottom: 2rem;
  border-radius: 0.75rem;
  display: flex; /* Nota: 'gap' funziona solo con flex o grid */
}



.progettazione_bottom_banner button {color: white;
  background-color: rgb(122, 162, 116);
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}

body .progettazione_bottom_banner_text {min-height: 300px;display: flex;align-items: center}
.progettazione_bottom_banner_text {padding-left: 2.5rem;padding-right: 2.5rem}
.progettazione_bottom_banner_text h2 {font-weight: 900;}

.progettazione_bottom_banner button:hover {background-color: rgb(56, 61, 219) !important;color:white !important;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}

body .ymc-container .filter-content .ymc-cols-xl-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
body .ymc-container .filter-content .posts-grid .post-card__image img {object-fit: contain;}
body.home .ymc-container .filter-content .posts-grid .post-card__image img,.page-id-439 .ymc-container .filter-content .posts-grid .post-card__image img{object-fit: cover;}


/* FINE PROGETTAZIONE */

/* SINGOLO PROGETTO 
.progetto_single 
.progetto_single_partner
*/

.ymc-filter-526, .ymc-extra-filter-526 {
  --ymc-filter-font-family: Montserrat;
  --ymc-filter-font-size: 16px;
  --ymc-filter-font-weight: 400;
  --ymc-filter-font-style: normal;
  --ymc-filter-line-height: 1.4;
  --ymc-filter-letter-spacing: 1;
  --ymc-filter-text-transform: none;
  --ymc-filter-background-color: #095c81;
  --ymc-filter-color: #ffffff;
  --ymc-filter-active-color: #ffffff;
  --ymc-filter-active-background-color: #1f1f1f;
  --ymc-filter-hover-text-color: #ffffff;
  --ymc-filter-hover-background-color: #095c81;
  --ymc-filter-justify-content: flex-start;
  --ymc-filter-padding-top: 10px;
  --ymc-filter-padding-right: 20px;
  --ymc-filter-padding-bottom: 10px;
  --ymc-filter-padding-left: 20px;
  --ymc-filter-margin-top: 0px;
  --ymc-filter-margin-right: 10px;
  --ymc-filter-margin-bottom: 10px;
  --ymc-filter-margin-left: 0px;
  --ymc-post-title-font-family: Quicksand;
  --ymc-post-title-font-size: 24px;
  --ymc-post-title-font-weight: 600;
  --ymc-post-title-text-transform: none;
  --ymc-post-title-line-height: 1.4;
  --ymc-post-title-letter-spacing: 1;
  --ymc-post-title-color: #1f1f1f;
  --ymc-post-meta-font-family: Montserrat;
  --ymc-post-meta-font-size: 14px;
  --ymc-post-meta-font-weight: 400;
  --ymc-post-meta-color: #1f1f1f;
  --ymc-post-excerpt-font-family: Montserrat;
  --ymc-post-excerpt-font-size: 16px;
  --ymc-post-excerpt-font-weight: 400;
  --ymc-post-excerpt-line-height: 1.4;
  --ymc-post-excerpt-font-style: normal;
  --ymc-post-excerpt-transform: none;
  --ymc-post-excerpt-letter-spacing: 1;
  --ymc-post-excerpt-color: #1f1f1f;
  --ymc-post-link-font-family: Montserrat;
  --ymc-post-link-font-size: 16px;
  --ymc-post-link-font-weight: 400;
  --ymc-post-link-transform: none;
  --ymc-post-link-letter-spacing: 1;
  --ymc-post-link-color: #1f1f1f;
}

.single-project .progetto_immagine_evidenza {max-width: 600px}
.single-project .contenuto_progetto {word-break: break-word;}

.single-project .text-green-500 {color:rgb(34,197,94);}
.progetto_single_partner {display: flex;}
.progetto_single_partner .partner {display: flex;
  justify-content: space-around; /* Distribuisce lo spazio tra i loghi */
  align-items: center;           /* Allinea i loghi verticalmente */
  width: 100%;                   /* Occupa tutto lo spazio disponibile */
  gap: 20px;                     /* Crea spazio tra i loghi senza margini strani */
  
  /* Fondamentale per non far uscire gli elementi */
  flex-wrap: nowrap;}
 .progetto_single_partner .partner img {max-width: 100%; 
  height: auto;
  
  /* Imposta una dimensione base, ma permette di ridursi */
  width: 150px; 
  
  /* flex: 0 1 auto significa: non crescere, rimpicciolisci se necessario */
  flex: 0 1 auto; 
  
  /* Evita che i loghi diventino troppo piccoli da essere illeggibili */
  min-width: 50px;}

.single-project h3.collegamenti_social {font-weight: 700;font-size: 1.125rem;line-height: 1.75rem;margin-top: 1rem;color:rgb(20,20,20)}  
.single-project h2.galleria_progetto {color:rgb(20,20,20);font-family: 'Quicksand',sans-serif; font-weight: 700;font-size: 2.18rem;}
.single-project h2.partner_progetto,.single-project h2.blog_progetto {font-weight: 700;font-size: 1.125rem;line-height: 1.75rem;text-transform: uppercase;color:rgb(56,61,219);letter-spacing: 0.1em;font-family: 'Manrope'}

  /* Contenitore principale */
.single-project .social-wrapper {
  display: flex;
  flex-wrap: wrap;    /* Fondamentale: permette ai bottoni di andare a capo */
  gap: 12px;          /* Mantiene lo spazio anche quando sono impilati */
  padding: 15px;
  padding-left: 0;
  justify-content: flex-start; /* Allinea a sinistra (o 'center' se preferisci) */
}

.single-project .social-wrapper .desc_button {margin-left: 0.5rem}

.single-project .progetto_galleria {max-width: 80%; display: block}

/* Bottone */
.single-project .btn-flex {
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
  color: #000;
  text-decoration: none;
  font-family: sans-serif;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 12px;
  line-height: 1; /* Impedisce al testo di influenzare l'altezza */
}

.single-project .btn-flex:hover {

  background-color: rgb(56,61,219);
  color:white;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
} 

/* FIX PER L'ICONA: Forza un'area quadrata */
.single-project .btn-flex i {
  display: flex;
  align-items: center;
  justify-content: center;
  
  width: 20px;  /* Larghezza fissa */
  height: 20px; /* Altezza fissa */
  
  margin-right: 10px;
  font-size: 18px; /* Dimensione effettiva del simbolo */
  text-align: center;
}

/* FINE PAGINA SINGOLO PROGETTO */

/* Singolo articolo blog */

.titolo_post h1 {font-weight: 700}
.data_post div {text-align: right;}
/* fine singolo articolo */

/* DESIGN FOR IMPACT 
.design_hero
.design_hero_text
.design_steps
.design_col3
.design_pulsante_podcast
.design_pulsante_generic
.design_bottom_banner
.design_bottom_banner_text
*/

.design_hero {background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://lenpix.com/projectschool/wp-content/uploads/2026/02/d4i.png");
  gap:2rem;padding-bottom:2rem;border-radius:0.75rem;background-repeat: no-repeat;background-size: cover;background-position:center;}
.design_hero .et_pb_text_inner {padding-left:2.5rem;padding-right:2.5rem;}
.design_hero h1 {font-size:3.75rem;font-weight: 900 !important}
.design_hero {display: flex;align-items: flex-end;}
.design_hero button {color: white;
  background-color: rgb(122, 162, 116);
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}
.design_hero_text {display: flex;align-items: flex-end;}

.design_hero button:hover {background-color: #383ddb;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}

.design_steps h3 {font-weight: 700}
.design_steps img {max-width: 60%}
.design_steps {border:1px solid rgb(244,244,244);border-radius: 0.75rem;}
.design_steps:hover {transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.cb_logo_single {display: flex;align-items: center;justify-content: center;}   

.design_col3 > .et_pb_column {display: flex;flex-direction: column;justify-content: space-between;font-weight: 900;border:1px solid rgb(244,244,244);padding:24px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-radius: 12px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);}

.design_col3 h2 {font-weight: 700}

.design_pulsante_podcast,.design_pulsante_generic {width: 100%}

body #page-container .et_pb_section .et_pb_button_1.design_pulsante_podcast:hover {background-color:#275e29 !important;color:white !important} 
body #page-container .et_pb_section .et_pb_button_0.design_pulsante_generic:hover,body #page-container .et_pb_section .et_pb_button_2.design_pulsante_generic:hover {background-color: #383ddb !important;color: white !important}

.design_bottom_banner {
  /* Combina gradiente e immagine */
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), 
    url('https://lenpix.com/projectschool/wp-content/uploads/2026/02/contact.png');
  
  /* Gestione posizione e dimensione */
  background-position: center, right bottom;
  background-size: cover;
  background-repeat: no-repeat;
  
  /* Layout e stile box */
  gap: 2rem;
  padding-bottom: 2rem;
  border-radius: 0.75rem;
  display: flex; /* Nota: 'gap' funziona solo con flex o grid */
}



.design_bottom_banner button {color: white;
  background-color: black;
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}

body .design_bottom_banner_text {min-height: 380px;display: flex;align-items: center}
.design_bottom_banner_text {padding-left: 2.5rem;padding-right: 2.5rem}
.design_bottom_banner_text p {max-width: 400px}
.design_bottom_banner_text h2 {font-weight: 900;}

.design_bottom_banner button:hover {background-color: white !important;color:black !important;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}


/* FINE DESIGN FOR IMPACT */


/* FORMAZIONE 
.formazione_hero
.formazione_hero_text
.formazione_heading
.formazione_corsi
.formazione_corsi_text
.formazione_corsi_text_gray
.formazione_corsi_gray
.formazione_slogan
*/

.formazione_hero {background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://lenpix.com/projectschool/wp-content/uploads/2026/02/formazione.png");
  gap:2rem;padding-bottom:2rem;border-radius:0.75rem;background-repeat: no-repeat;background-size: cover;background-position:center;}
.formazione_hero .et_pb_text_inner {padding-left:2.5rem;padding-right:2.5rem;}
.formazione_hero h1 {font-size:3.75rem;font-weight: 900 !important}
.formazione_hero {display: flex;align-items: flex-end;}
.formazione_hero button {color: white;
  background-color: rgb(122, 162, 116);
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}

.formazione_heading h2 {font-weight: 700}



.formazione_hero button:hover {background-color: #383ddb;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}

.formazione_hero_text {display: flex;align-items: flex-end;}

.formazione_corsi img {height: 50px;width:auto;margin: 0 auto;display: block;margin-bottom: 2rem}

.formazione_corsi .image2 img {max-width: unset}
.formazione_corsi h3 {font-weight: 700;font-size: 1.25rem;line-height: 1.75rem;}

.formazione_corsi_text {padding: 1.5rem;border:1px solid rgb(244,244,244);border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.formazione_corsi_text:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.formazione_corsi_text_gray {padding: 1.5rem;border:1px solid rgb(244,244,244);border-radius: 12px;transition: transform 0.3s ease, box-shadow 0.3s ease;background-color: rgb(244,244,244);height: 100%}
.formazione_slogan {font-weight: 500}

.formazione_bottom_banner {
  /* Combina gradiente e immagine */
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), 
    url('https://lenpix.com/projectschool/wp-content/uploads/2026/02/contact.png');
  
  /* Gestione posizione e dimensione */
  background-position: center, right bottom;
  background-size: cover;
  background-repeat: no-repeat;
  
  /* Layout e stile box */
  gap: 2rem;
  padding-bottom: 2rem;
  border-radius: 0.75rem;
  display: flex; /* Nota: 'gap' funziona solo con flex o grid */
}



.formazione_bottom_banner button {color: white;
  background-color: black;
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}

body .formazione_bottom_banner_text {min-height: 300px;display: flex;align-items: center}
.formazione_bottom_banner_text {padding-left: 2.5rem;padding-right: 2.5rem}
.formazione_bottom_banner_text h2 {font-weight: 900;}

.formazione_bottom_banner button:hover {background-color: white !important;color:black !important;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}


/* Fine pagina formazione */

/* Pagina Blog
.blog_hero
.blog_hero_text
.blog_heading
.griglia_post
*/


.blog_hero {background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%), url("https://lenpix.com/projectschool/wp-content/uploads/2026/02/blog.png");
  gap:2rem;padding-bottom:2rem;border-radius:0.75rem;background-repeat: no-repeat;background-size: cover;background-position:center;}
.blog_hero .et_pb_text_inner {padding-left:2.5rem;padding-right:2.5rem;}
.blog_hero h1 {font-size:3.75rem;font-weight: 900 !important}
.blog_hero {display: flex;align-items: flex-end;}
.blog_hero button {color: white;
  background-color: rgb(122, 162, 116);
  border-radius: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: 30px;border:0}


.blog_heading h2 {font-weight: 700}

.blog_hero button:hover {background-color: #383ddb;transition: height 1s cubic-bezier(0.4, 0.8, 0.2, 1), width 1s cubic-bezier(0.4, 0.8, 0.2, 1);z-index: 0;cursor: pointer}

.blog_hero_text {display: flex;align-items: flex-end;}

.total-results-found {visibility: hidden;}
.griglia_post article {position: relative;border-radius:0.75rem}
.griglia_post article:hover {transform: translateY(-5px);  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);cursor: pointer;}
.griglia_post .filter-buttons .filter-button[data-termid="1"] {display: none !important}
body .ymc-container .filter-default-inner .filter-buttons .filter-button {background-color:rgb(244,244,244);color:black;border-radius:9999px}
body .ymc-container .filter-default-inner .filter-buttons .filter-button.is-active  {background-color:#7aa274;color:white;border-radius:9999px}


.griglia_post .data-text {position: absolute;
  top: 20px;
  right: 20px;
  background: blue;
  padding: 5px;
  color: white;
  border-radius: 12px;
}

.griglia_post article img {border-radius: 12px 12px 0 0}

.griglia_post .fa-calendar-alt {visibility: hidden}
.griglia_post article.post-518 .data-text {visibility: hidden}

/* Fine pagina blog */

/* Pagina contattaci 
.contattaci_text
*/

.contattaci_text h1,.contattaci_text h2 {font-weight: 700;margin-bottom: 1rem}
#map {height: 420px;width: 100%;}

.form-contatti-moderno .wpcf7-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Crea 2 colonne del 50% ciascuna */
    gap: 20px; /* Spazio tra i campi (gap) */
    max-width: 900px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Regola generale: tutti i paragrafi occupano di base 1 colonna */
.form-contatti-moderno .wpcf7-form p {
    margin: 0;
    grid-column: span 1;
}

/* RIGA 1: Nome (già 1 colonna) ed Email (già 1 colonna) */
/* (Nessuna modifica necessaria, si affiancano in automatico) */

/* RIGA 2: Telefono (50%) */
/* Lo forziamo sulla prima colonna per lasciare il buco a destra se necessario */
.form-contatti-moderno .wpcf7-form p:nth-of-type(3) {
    grid-column: 1 / 2;
}

/* RIGA 3: Textarea (100%) */
.form-contatti-moderno .wpcf7-form p:nth-of-type(4) {
    grid-column: span 2;
}

/* RIGA 4: Checkbox Privacy (100%) */
.form-contatti-moderno .wpcf7-form p:nth-of-type(5) {
    grid-column: span 2;
}

/* RIGA 5: Pulsante Invia (100%) */
.form-contatti-moderno .wpcf7-form p:last-of-type {
    grid-column: span 2;
}

/* --- STILE ESTETICO --- */

.form-contatti-moderno label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #333;
}

.form-contatti-moderno input[type="text"],
.form-contatti-moderno input[type="email"],
.form-contatti-moderno input[type="tel"],
.form-contatti-moderno textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
}

.form-contatti-moderno textarea {
    height: 120px;
}

/* Privacy Checkbox */
.form-contatti-moderno .wpcf7-acceptance {
    display: flex;
    align-items: center;
}

.form-contatti-moderno .wpcf7-acceptance input {
    margin-right: 10px;
}

/* Bottone Invio Nero */
.form-contatti-moderno input[type="submit"] {
    background-color: #111;
    color: #fff;
    padding: 14px 40px;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    justify-self: start; /* Allineato a sinistra, non 100% di larghezza */
    font-size: 1rem;
}

.form-contatti-moderno input[type="submit"]:hover {background: white;color:black;border:1px solid black;border-radius:12px}

.wpcf7-form-control-wrap .wpcf7-list-item {margin-left: 0 !important;}

form.wpcf7-form p {padding-bottom: 0}

/* Ora lavoriamo sulla griglia */

form.wpcf7-form {display: grid;grid-template-columns: repeat(2,1fr);gap:20px;margin:0 auto;row-gap: 0px}
form.wpcf7-form p:nth-child(2),form.wpcf7-form p:nth-child(3) {grid-column: span 1}
form.wpcf7-form p:nth-child(4) {grid-column: 1/2}
form.wpcf7-form p:nth-child(5),form.wpcf7-form p:nth-child(6),form.wpcf7-form p:nth-child(7) {grid-column: 1/-1}




/* Fine pagina contattaci */

/* Footer row */
.footer_row h3 {font-weight: 700 !important;}
.footer_row .et_pb_column_0_tb_footer {border: 3px solid white;border-radius:0.75rem;padding:1rem;}
.footer_row .et_pb_column_0_tb_footer button {color:rgb(56,61,219);font-size: 1.25rem;font-weight: 700;line-height: 1.75rem;padding-top: 0.75rem;padding-bottom: 0.75rem;padding-left:1.25rem;padding-right: 1.25rem;border-radius:0.5rem;border:0;cursor: pointer}

.footer_row .footer_col_text .et_pb_text_inner {
    display: grid;
    grid-template-columns: 1fr auto; /* Il testo prende lo spazio rimanente, l'immagine il suo minimo */
    gap: 20px;
   
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding:1.5rem;

}
.footer_row .footer_col_text img {
    width: auto;
    height: 8vw;
    display: block;
}

.footer_row .social-container {
  display: flex;
  gap: 10px; /* Spazio tra le icone */
  justify-content: center;
}

.footer_row .social-icon {
  color: white;
  font-size: 25px; /* Dimensione delle icone */
  text-decoration: none;
  transition: transform 0.3s ease;
  
  /* Se vuoi che siano dentro cerchi o quadrati come nell'immagine */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}

/* Effetto hover per renderlo interattivo */
.footer_row .social-icon:hover {
  transform: scale(1.2);
}

/* Stile specifico per l'icona LinkedIn (che nell'immagine ha lo sfondo bianco) */
.footer_row .fa-linkedin-in {
  background-color: white;
  color: #3b43c4;
  padding: 3px;
  font-size: 20px;
  border-radius: 8px; /* Angoli arrotondati come nel tuo esempio */
}

/* end footer */

/* Privacy Policy */
/* page-id-930 -> Cookie policy */

.privacy-policy h1,.page-id-930 h1 {line-height: 2.5rem;font-weight: 900;color: rgb(20,20,20);border-bottom: 2px solid rgb(56,61,219);margin-bottom: 2rem;text-transform: uppercase;
  font-size: 2.5rem !important;}


.privacy-policy p, .page-id-930 #cmplz-document p {font-size: 16px}

.privacy-policy h2, .page-id-930 #cmplz-document h2{margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: #141414;
font-family: "Quicksand", sans-serif;
}
.privacy-policy h3, .page-id-930 #cmplz-document h3{margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 1.2rem;
  color: #141414;}

/* end privacy policy */


/* Ottimizzazione per Mobile (va a capo se lo schermo è piccolo) */

@media (max-width: 1400px) {
#progetti-container {grid-template-columns: repeat(4, minmax(0, 1fr))}
}

@media (max-width: 1130px) {
#progetti-container {grid-template-columns: repeat(3, minmax(0, 1fr))}
}

@media (max-width: 860px) {

 #progetti-container {grid-template-columns: repeat(2, minmax(0, 1fr))}


.statistiche_gray {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

.statistiche_gray .et_pb_column {flex:1 1 0%;max-width: 350px;min-width: 220px}


.impatto .et_pb_column_1 {display: none}

body.home .et_pb_row {padding-left: 0rem !important;padding-right: 0rem !important}
body.home #progetti-container {padding-left: 0;padding-right: 0}


}


@media (max-width: 767px) {

    .design_bottom_banner {background-image: none;}
    .n2-section-smartslider {background: white !important}
    .nextend-bullet-bar {visibility: hidden !important}
    .colonna2 .n2-ss-layer-col {padding:1rem !important}
   
    #et-main-area #main-content {padding-left:1rem; padding-right: 1rem}   
    .et_pb_row {width:100%;}
    #et-main-area footer .et_pb_row {padding-left:10px !important;padding-right: 10px !important}
    .colonna1 .n2-ss-layer-col {padding:1rem !important}

    /*.n2-ss-slide-limiter {display: none !important}*/

    body .ymc-container .filter-content .ymc-cols-xl-3 {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .chisiamo_inostrivalori_text .et_pb_text_inner {
        display: flex;
        flex-direction: column;
        align-items: flex-end; /* Mantiene l'immagine a destra anche su mobile */
    }

    .progetto_single_partner .partner {
    /* Permette ai loghi di andare a capo */
    flex-wrap: wrap; 
    
    /* Spazio tra le righe che si verranno a creare */
    row-gap: 30px; 
  }

  .progetto_single_partner .partner img {
    /* Su mobile li rendiamo leggermente più grandi o fissi per la leggibilità */
    flex: 0 0 40%; /* Due loghi per riga (40% + 40% + gap) */
    max-width: 120px;
  }


  .design_steps .et_pb_column_2,.design_steps .et_pb_column_4,.design_steps .et_pb_column_6{width:0% !important}
  .design_steps .et_pb_column_3,.design_steps .et_pb_column_5,.design_steps .et_pb_column_7{width:100% !important}

  form.wpcf7-form {display: grid;grid-template-columns: 1fr;gap:00px;margin:0 auto;row-gap: 0px}
form.wpcf7-form p {grid-column: span 1}
}

@media (max-width: 640px) {

        .mobile-menu {
          display: none;
          position: absolute;
          top: 60px;
          right: 0;
          width: 100vw;
          background: #fff;
          box-shadow: 0 2px 8px 0 rgba(20, 20, 20, 0.08);
          z-index: 50;
        }
        .mobile-menu.open {
          display: block;
        }
        .sticky-header {
          flex-direction: row !important;
          padding: 0.5rem 1rem;
        }
        .desktop-nav {
          display: none !important;
        }
        .mobile-hamburger {
          display: flex !important;
        }

    
   .form-contatti-moderno .wpcf7-form {
        grid-template-columns: 1fr; /* Una sola colonna su mobile */
    }
    
    .form-contatti-moderno .wpcf7-form p {
        grid-column: span 1 !important;
    }
    
    .form-contatti-moderno input[type="submit"] {
        width: 100%;
    }

      }

 @media (max-width: 580px) {

#progetti-container {grid-template-columns: repeat(1, minmax(0, 1fr))};
 }    

  @media (max-width: 487px) {

.statistiche_gray {gap:0;row-gap: 1rem};
 }