/*
    - Name: "node-three-cards.scss"
    - Description: "Add custom styles to views in three columns"
*/
@media all and (min-width: 50.0625rem) {
  .view-news-related-news {
    display: flex;
    gap: var(--spacingMd);
  }
}
.view-news-related-news .slick-list {
  padding: 0 2.5rem 0 0 !important;
}

.view-news-related-news .slick-list .slick-slide {
  padding: 0.3125rem 0.75rem 0;
  max-width: none;
}

.view-news-related-news .views-row {
  flex: 1;
}

.view-news-related-news .views-row img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}