.elementor .storia-timeline{gap:0%;justify-content:center;/* ==============================
 TIMELINE - LA NOSTRA STORIA
 ============================== */

.storia-timeline {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  align-items: start;
}


/* SINGOLA COLONNA */

.storia-step {
  position: relative;
  text-align: center;
  padding: 0 12px;
  min-width: 0;
}


/* ANNO */

.storia-year {
  margin-bottom: 5px;
}

.storia-year .elementor-heading-title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
}


/* TITOLO */

.storia-title {
  min-height: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 4px;
}

.storia-title .elementor-heading-title {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
}


/* ==============================
 LINEA + PALLINO
 ============================== */

.storia-marker {
  position: relative;
  display: block;
  width: calc(100% + 24px);
  height: 24px;
  margin-left: -12px;
  margin-right: -12px;
}


/* LINEA GRIGIA */

.storia-marker::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #C8C5BC;
  transform: translateY(-50%);
}


/* PALLINO */

.storia-marker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #345C30;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}


/* NIENTE LINEA PRIMA DEL PRIMO PALLINO */

.storia-step:first-child .storia-marker::before {
  left: 50%;
}


/* NIENTE LINEA DOPO L'ULTIMO PALLINO */

.storia-step:last-child .storia-marker::before {
  right: 50%;
}


/* TESTO DESCRITTIVO */

.storia-text {
  min-height: 70px;
  margin-top: 2px;
}

.storia-text,
.storia-text p {
  font-size: 12px;
  line-height: 1.45;
}


/* IMMAGINI */

.storia-image {
  margin-top: 6px;
}

.storia-image img {
  width: 100%;
  aspect-ratio: 1.45 / 1;
  object-fit: cover;
  border-radius: 3px;
  display: block;
}
/* =====================================================
 RESPONSIVE TIMELINE - LA NOSTRA STORIA
 Da aggiungere DOPO il CSS principale
 ===================================================== */


/* =========================================
 TABLET
 da 768px a 1024px
 Timeline orizzontale con scroll
 ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  .storia-timeline {
      display: flex;
      flex-wrap: nowrap;
      gap: 0;

      width: 100%;
      max-width: 100%;

      overflow-x: auto;
      overflow-y: hidden;

      padding-bottom: 14px;

      scroll-snap-type: x proximity;
      -webkit-overflow-scrolling: touch;
  }

  .storia-step {
      flex: 0 0 240px;
      width: 240px;
      min-width: 240px;

      padding-left: 12px;
      padding-right: 12px;

      scroll-snap-align: start;
  }

  .storia-year .elementor-heading-title {
      font-size: 17px;
  }

  .storia-title {
      min-height: 42px;
  }

  .storia-title .elementor-heading-title {
      font-size: 14px;
  }

  .storia-text {
      min-height: 76px;
  }

  .storia-text,
  .storia-text p {
      font-size: 12px;
      line-height: 1.5;
  }

  .storia-image img {
      width: 100%;
      aspect-ratio: 1.45 / 1;
      object-fit: cover;
  }
}


/* =========================================
 SMARTPHONE
 fino a 767px
 Timeline verticale
 ========================================= */

@media (max-width: 767px) {

  /* CONTAINER GENERALE */

  .storia-timeline {
      display: block;
      width: 100%;
      overflow: visible;
  }


  /* SINGOLA TAPPA */

  .storia-step {
      position: relative;

      display: block;

      width: 100%;
      min-width: 0;

      text-align: left;

      padding:
          0
          0
          36px
          42px;
  }


  /* Ultima tappa senza spazio eccessivo sotto */

  .storia-step:last-child {
      padding-bottom: 0;
  }


  /* ========================
     ANNO
     ======================== */

  .storia-year {
      margin: 0 0 4px 0;
  }

  .storia-year .elementor-heading-title {
      font-size: 18px;
      line-height: 1.2;
      text-align: left;
  }


  /* ========================
     TITOLO
     ======================== */

  .storia-title {
      min-height: 0;

      display: block;

      margin-bottom: 8px;
  }

  .storia-title .elementor-heading-title {
      font-size: 16px;
      line-height: 1.3;
      text-align: left;
  }


  /* ========================
     DESCRIZIONE
     ======================== */

  .storia-text {
      min-height: 0;

      margin-top: 0;
      margin-bottom: 14px;
  }

  .storia-text,
  .storia-text p {
      font-size: 14px;
      line-height: 1.55;
      text-align: left;
  }


  /* ========================
     IMMAGINE
     ======================== */

  .storia-image {
      margin-top: 0;
      width: 100%;
  }

  .storia-image img {
      display: block;

      width: 100%;
      height: auto;

      aspect-ratio: 1.45 / 1;
      object-fit: cover;

      border-radius: 3px;
  }


  /* ==================================
     MARKER VERTICALE
     ================================== */

  .storia-marker {
      position: absolute;

      left: 10px;
      top: 4px;
      bottom: 0;

      width: 14px;
      height: auto;

      margin: 0;

      display: block;
  }


  /* LINEA VERTICALE */

  .storia-marker::before {
      content: "";

      position: absolute;

      top: 7px;
      bottom: 0;

      left: 50%;
      right: auto;

      width: 1px;
      height: auto;

      background: #C8C5BC;

      transform: translateX(-50%);
  }


  /* PALLINO VERDE */

  .storia-marker::after {
      content: "";

      position: absolute;

      top: 1px;
      left: 50%;

      width: 10px;
      height: 10px;

      background: #345C30;

      border-radius: 50%;

      transform: translateX(-50%);

      z-index: 2;
  }


  /* Reset della regola desktop del primo elemento */

  .storia-step:first-child .storia-marker::before {
      left: 50%;
  }


  /* L'ultima tappa non continua verso il basso */

  .storia-step:last-child .storia-marker::before {
      display: none;
  }
}\n}.elementor .storia-step{width:16.666666666667%;padding-block-start:0%;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;gap:0px;}