/**
 * @file
 * Grid system.
 */

.grid-full {
  /* display: grid; */
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;   -ms-grid-columns:     (minmax(         0,
        1fr       ))[6];   grid-template-columns:     repeat(       6,
      minmax(         0,
        1fr       )     );   grid-column-gap: 1rem;   .grid-full classes nested 3 or more deep go full width. & .grid-full .grid-full {
    display: block;
  }
}

@media (min-width: 38.88889rem) {

.grid-full {
    -ms-grid-columns: (minmax(0, 1fr))[14];
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-column-gap: 2rem
}
  }

/*
  If the .grid-full is nested within the following, apply the appropriate number of columns.
    - .layout--content-narrow class.
    - Element that's inheriting the layout--content-narrow styles from its parent region.
*/

@media (min-width: 38.88889rem) {

.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
    -ms-grid-columns: (minmax(0, 1fr))[ 12 ];
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
  }

@media (min-width: 55.55556rem) {

.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
    -ms-grid-columns: (minmax(0, 1fr))[ 8 ];
    grid-template-columns: repeat(8, minmax(0, 1fr))
}
  }

/*
  If the .grid-full is nested within the following, apply the appropriate number of columns.
    - .layout--content-medium class.
    - Element that's inheriting the layout--content-medium styles from its parent region.
*/

@media (min-width: 38.88889rem) {

.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
    -ms-grid-columns: (minmax(0, 1fr))[ 12 ];
    grid-template-columns: repeat(12, minmax(0, 1fr))
}
  }

@media (min-width: 55.55556rem) {

.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
    -ms-grid-columns: (minmax(0, 1fr))[ 10 ];
    grid-template-columns: repeat(10, minmax(0, 1fr))
}
  }