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

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

.grid-full {
  display: flex;
}

/*
  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.
*/

.layout--content-narrow .grid-full,
.layout--pass--content-narrow > * .grid-full {
  @media (min-width: 43.75rem) {
    grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
  }

  @media (min-width: 62.5rem) {
    grid-template-columns: repeat(calc(var(--grid-col-count) - 6), 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.
*/

.layout--content-medium .grid-full,
.layout--pass--content-medium > * .grid-full {
  @media (min-width: 43.75rem) {
    grid-template-columns: repeat(calc(var(--grid-col-count) - 2), minmax(0, 1fr));
  }

  @media (min-width: 62.5rem) {
    grid-template-columns: repeat(calc(var(--grid-col-count) - 4), minmax(0, 1fr));
  }
}



/* View wrapper */
.about-zigzag .views-row {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 60px;
}

/* Odd row: Text left, Image right */
.about-zigzag .views-row:nth-child(odd) {
  flex-direction: row;
}

/* Even row: Image left, Text right */
.about-zigzag .views-row:nth-child(even) {
  flex-direction: row-reverse;
}

/* Mobile */
@media (max-width: 768px) {
  .about-zigzag .views-row {
    flex-direction: column !important;
  }
}