/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Responsive styles for views grid vertical layout.
 */

.views-view-grid--vertical {
  margin-bottom: -1.125rem; /* Offset the bottom row's padding. */
  grid-column-gap: 1.125rem
}

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-2 {
      column-count: 2
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-3 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-3 {
      column-count: 3
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-4 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-4 {
      column-count: 3
  }
    }

@media (min-width: 62.5rem) {

.views-view-grid--vertical.cols-4 {
      column-count: 4
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-5 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-5 {
      column-count: 3
  }
    }

@media (min-width: 62.5rem) {

.views-view-grid--vertical.cols-5 {
      column-count: 5
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-6 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-6 {
      column-count: 3
  }
    }

@media (min-width: 62.5rem) {

.views-view-grid--vertical.cols-6 {
      column-count: 6
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-7 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-7 {
      column-count: 3
  }
    }

@media (min-width: 62.5rem) {

.views-view-grid--vertical.cols-7 {
      column-count: 7
  }
    }

@media (min-width: 31.25rem) {

.views-view-grid--vertical.cols-8 {
      column-count: 2
  }
    }

@media (min-width: 43.75rem) {

.views-view-grid--vertical.cols-8 {
      column-count: 4
  }
    }

@media (min-width: 62.5rem) {

.views-view-grid--vertical.cols-8 {
      column-count: 8
  }
    }

.views-view-grid--vertical .views-view-grid__item > * {
      padding-bottom: 1.125rem;
      page-break-inside: avoid;
      break-inside: avoid;
    }
