body {
  padding-top: 100px; /* Altezza approssimativa della navbar */
  font-family: "EB Garamond", serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
.btn-primary {
  text-transform: uppercase;
  background: black;
  border: 0;
}
#heroCarousel .carousel-inner img {
  height: 600px; /* Imposta l'altezza desiderata */
  object-fit: cover; /* Adatta l'immagine senza distorcerla */
}
.logo-b {
  max-width: 400px;
}
.card {
  padding: 50px 20px;
}
.text-justify {
  text-align: justify;
}
@font-face {
  font-family: "Santri Cool Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Santri Cool Regular"),
    url("fonts/Santricool-Wy2zv.woff") format("woff");
}

h2 {
    font-family: "EB Garamond", serif;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 8px;
    padding-bottom: 0;
    text-align: center;
    line-height: 120px;
}
section {
  padding: 100px 50px;
}
.section-title {
  position: relative;
  text-align: center; /* Centra il testo */
  margin: 30px 0 0; /* Spaziatura sopra e sotto */
}
.section-title::before,
.section-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 30%;
  height: 1px;
  background-color: black;
}
.section-title::before {
  left: 0; /* Posiziona la linea a sinistra */
}
.section-title::after {
  right: 0; /* Posiziona la linea a destra */
}
h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 10px;
}
#when img {
  max-width: 64px;
}
.nav-link {
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* Media Query per dispositivi mobili */
@media (max-width: 768px) {
  #heroCarousel .carousel-inner img {
    height: 300px; /* Altezza ridotta per mobile */
  }
  .section-title::before,
  .section-title::after {
    display: none;
  }
  section {
    padding: 50px 30px;
  }
  .logo-b {
    max-width: 100%;
  }
}
#rsvpForm {
  padding: 30px;
}
.accordion-button {
  outline: none !important;
  box-shadow: none;
  border: 0;
}
.accordion-button:not(.collapsed) {
  background: #efefef;
  color: #000;
}
h3.accordion-header button {
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 18px !important;
}
.lazy-load {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}
.lazy-load.fade-in.loaded {
  opacity: 1;
  transform: translateY(0);
}
.lazy-load.slide-up.loaded {
  opacity: 1;
  transform: translateY(-10px);
}


@media (min-width: 992px) {
    #when .col-lg-2 {
       width: 14.2%;
	}
}

#rsvp .section-title::before, #rsvp .section-title::after {
	width: 20%;
}