#ended .page-title {
  text-align: center;
  margin: 0 0 3rem 0;
}

.rdv-container {
  grid-column: 2 / span 10;
}

.rdv-item {
  transition: all 0.3s ease-in-out;
  opacity: 1;
  transform: translateY(0);
}

.rdv-item.hidden {
  opacity: 0;
  transform: translateY(-20px);
  pointer-events: none;
}

/* Filter navigation styling */

.nav-button {
  cursor: pointer;
}

input {
  display: none;
}

/* Loading animation for smooth appearance */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.rdv-item {
  animation: fadeInUp 0.4s ease-out;
}

@media screen and (max-width: 1000px) {
  .rdv-container {
    grid-column: 1 / span 12;
  }
}