/* Grid system for use in the app.
* Addapted from Slimline.
*/
/* Grid Container */

:root {
  --anrt-grid-columns: 3;
}

@media screen and (min-width: 48em) {
  :root {
    --anrt-grid-columns: 12;
  }
}
.anrt-grid,
.view--grid .view-content {
  display: grid;
  gap: var(--admin-space-2xl);
  grid-template-columns: repeat(var(--anrt-grid-columns), 1fr);
}

.anrt-grid--centered {
  align-items: center;
  justify-items: center;
}

/* Grid Columns */
.anrt-grid-item--one-quarter,
.anrt-grid-item--one-third,
.anrt-grid-item--one-half,
.anrt-grid-item--two-thirds,
.anrt-grid-item--three-quarters,
.anrt-grid--quarters>*,
.view--grid-quarters .views-row,
.anrt-grid--thirds>*,
.view--grid-thirds .views-row,
.anrt-grid--halves>*,
.view--grid-halves .views-row,
.anrt-grid--full>*,
.view--grid-full .views-row,
.anrt-grid-item--full {
  grid-column: span var(--anrt-grid-columns);
}

@media screen and (min-width: 768px) {

  /* Grid Columns */
  .anrt-grid--quarters>*,
  .view--grid-quarters .views-row,
  .anrt-grid--thirds>*,
  .view--grid-thirds .views-row,
  .anrt-grid--halves>*,
  .view--grid-halves .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }

  .anrt-grid-item--one-quarter {
    grid-column: span calc(var(--anrt-grid-columns) / 4);
  }

  .anrt-grid-item--one-third {
    grid-column: span calc(var(--anrt-grid-columns) / 3);
  }

  .anrt-grid-item--one-half {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }

  .anrt-grid-item--two-thirds {
    grid-column: span calc(var(--anrt-grid-columns) / 3 * 2);
  }

  .anrt-grid-item--three-quarters {
    grid-column: span calc(var(--anrt-grid-columns) / 4 * 3);
  }
}

@media screen and (min-width: 1180px) {

  /* Grid Columns */
  .anrt-grid--quarters>*,
  .view--grid-quarters .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 4);
  }

  .anrt-grid--thirds>*,
  .view--grid-thirds .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 3);
  }

  .anrt-grid--halves>*,
  .view--grid-halves .views-row {
    grid-column: span calc(var(--anrt-grid-columns) / 2);
  }
}