/**
 * @file
 * Views layouts (templates/views/views-view-unformatted.html.twig).
 */

.views-layout--spacious {
  padding-bottom: var(--imtm-space-section);
}

.views-layout--list:not(:last-child) {
  margin-bottom: 1.5rem;
}

.views-layout--ruled > .views-row + .views-row {
  padding-top: 1rem;
  border-top: 1px solid var(--imtm-color-border);
}

.views-layout__title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.views-layout__more {
  margin: 2rem 0;
}

/* Open position rows inside the positions accordion. */
.views-positions__row {
  padding: 1rem;
}

.views-positions__row:nth-child(odd) {
  background-color: var(--imtm-color-surface);
}

/* Core "Grid" style – columns get inline widths; stack on small screens. */
.views-view-grid .views-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--imtm-gutter) / -2);
}

.views-view-grid .views-col {
  padding: 0 calc(var(--imtm-gutter) / 2) 1rem;
}

.views-view-grid.vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--imtm-gutter) / -2);
}

.views-view-grid.vertical .views-col > .views-row {
  display: block;
  margin: 0 0 1rem;
}

@media (max-width: 767.98px) {
  .views-view-grid .views-col {
    width: 100% !important;
  }
}

/* Core "Responsive grid" style. */
.views-view-responsive-grid {
  margin-bottom: 1rem;
}

.views-view-responsive-grid__item-inner img {
  max-width: 100%;
  height: auto;
}

/* Summary (glossary/archive) styles. */
.views-summary a.is-active,
.view-content > div > a.is-active {
  font-weight: 700;
}

/* Sortable table headers. */
.table th a {
  color: var(--imtm-color-text);
  text-decoration: none;
}

.table th a:hover {
  color: var(--imtm-color-red);
}

.table th.is-active {
  background-color: var(--imtm-color-surface-light);
}

/* Empty results and areas. */
.view-empty,
.views-element-container .views-no-results {
  padding: 1rem;
  background: var(--imtm-color-surface);
}