@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.navbar {
  background-color: #fcf1e6;
}

.nav-link {
  color: #592f11;
  font-family: Cormorant SC;
  font-style: italic;
}

body {
  background-color: #fffff7;
}

h1 {
  color: #592f11;
  font-family: Great Vibes;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after {
  content: ">";
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: "<";
  font-size: 55px;
  color: black;
}

.dot {
  aspect-ratio: 1 / 1;
  background-color: #e5fff2;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 4em; /* Imposta una dimensione minima per il cerchio */
  min-height: 4em; /* Imposta una dimensione minima per il cerchio */
  font-size: 1em; /* Assicurati che il testo rimanga leggibile */
}

.dot div {
  font-size: 1em; /* Aumenta la dimensione del testo all'interno dei cerchi */
}

#timer {
  gap: 10px; /* Spazio tra i cerchi */
}


.background-image {
  font-family: Great Vibes;
  color: #592f11;
  background-image: url(/img/Image01.webp); /* Sostituire con l'URL dell'immagine desiderata */
  background-size: cover;
  background-position: center;
  height: 91vh;
}

.spacer_arrow {
  height: 50vh;
}

@media (min-width: 768px) {
  .h-md-100 {
    height: 100vh; /* Altezza 100% dello schermo solo per desktop */
  }
}

p {
  font-family: Cormorant Garamond;
  font-style: italic;
}

#NuovoRSVP {
  font-family: Cormorant Garamond;
}