/*footer social links spacing*/
.social-links .horizontal-container {
  display: flex !important;
  gap: 24px !important;
  align-items: center !important;
}
.social-links svg, .social-links img{
  height: 24px !important;
  width: 24px !important;
}
@media screen and (max-width: 768px) {
  .social-links .horizontal-container {
    gap: 16px !important;
  }
}

/*Title Text Block Styling and Transition */

/* 1) Text style */

.text-baskerville * {
  font-family: "Baskerville", "Baskervville", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  /* no background so it uses the page default */
  /*color: #ffffff; */
}

/* Phone override */
@media (max-width: 600px) {
  .text-baskerville {
    font-size: 26px;
  }
}

/* 2) Reveal on scroll: subtle slide up */
.reveal-slide-up {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 400ms ease-out, transform 400ms ease-out;
  will-change: opacity, transform;
}

/* Add this when ~20px is in view */
.reveal-slide-up.is-in-view {
  opacity: 1;
  transform: translateY(0);
}

/* Optional scroll-driven animation support */
@supports (animation-timeline: view()) {
  .reveal-slide-up {
    opacity: 1;
    transform: translateY(0);
    animation-name: slideUpFade;
    animation-duration: 1ms;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
    animation-timeline: view();
    animation-range: entry 20px to 200px;
  }
  @keyframes slideUpFade {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* End of Text Block Css*/