/*
    - Name: "view-success-stories-highlight.scss"
    - Description: "Add custom styles to View Success Stories"
*/
.view-success-stories .view-content .views-infinite-scroll-content-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .view-success-stories .view-content .views-infinite-scroll-content-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .view-success-stories .view-content .views-infinite-scroll-content-wrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
.view-success-stories .view-content .views-infinite-scroll-content-wrapper .views-row {
  padding: 0;
}

.view-success-stories .view-content .views-infinite-scroll-content-wrapper .views-row .node--type-success-stories {
  animation: fade-in 1s;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*# sourceMappingURL=view-success-stories-highlight.css.map */