/**
 * Blocco Gutenberg "SLIDER MINI 01"
 * Aggiornato al 11-01-2024
 * Le foto vengono mostrate tutte nelle stesse dimensioni grazie alla funzione background:cover.
 */

.gtn-slidermini-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.gtn-slider-slidermini {
  display: flex;
  transition: transform 0.5s ease-in-out;
}
.gtn-slide-slidermini {
  flex: 0 0 100%; /* Each slide takes full width */
  /* padding-top: 100%; /* Set the padding top to create a 1:1 aspect ratio. Sostituito dalle due classi dinamiche qui sotto */
  background-size: cover;
  background-position: center;
}
.slidermini-quadrato {padding-top:100%;}
.slidermini-rettangolare {padding-top:66.66%;}
.slidermini-verticale {padding-top:150%;}
.slidermini-panoramico {padding-top:56.25%;}
.slidermini-superpanoramico {padding-top:31.25%;}

/* CON NAVIGAZIONE NELLO SLIDER */
.gtn-navigation-slidermini {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 1;
}
.gtn-arrow-container-slidermini {
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}
.gtn-arrow-container-slidermini.left {
  order: 1; /* Move the left arrow to the left side */
}
.gtn-arrow-container-slidermini.right {
  order: 2; /* Move the right arrow to the right side *
}

/* 
CON NAVIGAZIONE SOTTO LO SLIDER
.gtn-navigation-slidermini {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0px; /* Adjust the margin as needed * /
}

.gtn-arrow-container-slidermini {
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  margin-right: 10px; /* Adjust the margin between arrows as needed * /
}

.gtn-arrow-container-slidermini.left {
  order: 1; /* Move the left arrow to the left side * /
  margin-right: 0; /* Remove right margin for the left arrow * /
	border-right: 1px #999999 solid;
}

.gtn-arrow-container-slidermini.right {
  order: 2; /* Move the right arrow to the right side * /
}
*/