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

.views-view-grid--horizontal {
  display: flex;
  flex-wrap: wrap
}

[dir="ltr"] .views-view-grid--horizontal.cols-1 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-1 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-1 > * {
      flex-basis: 100%;
    }

[dir="ltr"] .views-view-grid--horizontal.cols-2 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-2 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-2 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 38.88889rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-2 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-2 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-2 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-2 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-2 > *:nth-child(2n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-3 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-3 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-3 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 38.88889rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-3 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-3 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-3 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-3 > * {

      /* 3 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-3 > * {
        flex-basis: calc(33.33333% - 0.66667rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(3n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(3n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-4 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-4 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-4 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 38.88889rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-4 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-4 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-4 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-4 > * {

      /* 4 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-4 > * {
        flex-basis: calc(25% - 0.75rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(4n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(4n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-5 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-5 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-5 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 27.77778rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-5 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-5 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-5 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-5 > * {

      /* 3 column layout. */
    }

@media (min-width: 38.88889rem) {

.views-view-grid--horizontal.cols-5 > * {
        flex-basis: calc(33.33333% - 0.66667rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-5 > * {

      /* 5 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-5 > * {
        flex-basis: calc(20% - 0.8rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(5n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(5n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-6 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-6 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-6 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 27.77778rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-6 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-6 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-6 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-6 > * {

      /* 3 column layout. */
    }

@media (min-width: 38.88889rem) {

.views-view-grid--horizontal.cols-6 > * {
        flex-basis: calc(33.33333% - 0.66667rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-6 > * {

      /* 6 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-6 > * {
        flex-basis: calc(16.66667% - 0.83333rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(6n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(6n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-7 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-7 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-7 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 27.77778rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-7 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-7 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-7 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-7 > * {

      /* 3 column layout. */
    }

@media (min-width: 38.88889rem) {

.views-view-grid--horizontal.cols-7 > * {
        flex-basis: calc(33.33333% - 0.66667rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-7 > * {

      /* 7 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-7 > * {
        flex-basis: calc(14.28571% - 0.85714rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(7n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(7n) {
          margin-left: 0
  }
      }

[dir="ltr"] .views-view-grid--horizontal.cols-8 > * {
      margin-right: 0
}

[dir="rtl"] .views-view-grid--horizontal.cols-8 > * {
      margin-left: 0
}

.views-view-grid--horizontal.cols-8 > * {
      flex-basis: 100%

      /* 2 column layout. */
    }

@media (min-width: 27.77778rem) {

[dir="ltr"] .views-view-grid--horizontal.cols-8 > * {         margin-right: 1rem
  }

[dir="rtl"] .views-view-grid--horizontal.cols-8 > * {         margin-left: 1rem
  }

.views-view-grid--horizontal.cols-8 > * {
        flex-basis: calc(50% - 0.5rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
          margin-right: 0
  }         [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-8 > * {

      /* 4 column layout. */
    }

@media (min-width: 38.88889rem) {

.views-view-grid--horizontal.cols-8 > * {
        flex-basis: calc(25% - 0.75rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal.cols-8 > * {

      /* 8 column layout. */
    }

@media (min-width: 55.55556rem) {

.views-view-grid--horizontal.cols-8 > * {
        flex-basis: calc(12.5% - 0.875rem)
    }         [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
          margin-right: 1rem
  }         [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
          margin-left: 1rem
  }

        [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(8n) {
          margin-right: 0
  }

        [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(8n) {
          margin-left: 0
  }
      }

.views-view-grid--horizontal > * {
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 1rem;
  }