/**
 * @file CSS to apply to all (or most) views
 */

ul.view-content {
  padding-left: 0;
}

li.views-row::marker {
  color: transparent;
}

ul.view-content {
  margin: 0;
}

.view-empty {
  margin-block: var(--anrt-spacing-100);
}

.view-more {
  margin-top: var(--anrt-spacing-100);
}

/* Listing */
.list--news {
  position: relative;
}

.list--news .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0;
}

.list--news .view-news__content--block-promoted {
  gap: var(--anrt-spacing-100);
}

@media screen and (min-width: 48rem) {
  .list--news .view-content {
    flex-direction: row;
    gap: var(--anrt-spacing-100);
  }
}

.list--news .view-content>.views-row {
  width: calc(100%);
}

@media screen and (min-width: 48rem) {
  .list--news .view-content>.views-row {
    width: calc(50% - var(--anrt-spacing-050));
  }
}

@media screen and (min-width: 80rem) {
  .list--news .view-content>.views-row {
    width: calc((100% / 3) - (var(--anrt-spacing-100) - var(--anrt-spacing-100) / 3));
  }
}

.view-news__header--block-promoted {
  max-width: var(--anrt-width-content-area);
  padding-inline: 0;
}

.view-news__header--block-promoted h2 {
  color: var(--anrt-color-secondary-a);
}

.view-news__more--block-promoted {
  padding-inline: 0;
}

.view-news__more--block-promoted a {
  font-weight: 700;
  text-decoration: none;
  color: var(--anrt-color-secondary-a);

  &:hover,
  &:focus {
    border-bottom: 1px solid;
  }
}


/* Team Members */
.list--team-members .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0;
}

@media screen and (min-width: 32rem) {
  .list--team-members .view-content {
    flex-direction: row;
    gap: var(--anrt-spacing-100);
  }
}

.list--team-members .view-content>.views-row {
  width: calc(100%);
}

@media screen and (min-width: 32rem) {
  .list--team-members .view-content>.views-row {
    width: calc(50% - var(--anrt-spacing-050));
  }
}

/* Reports Promoted */
.view-reports__header--block-promoted {
  max-width: var(--anrt-width-content-area);
}

.view-reports__header--block-promoted h2 {
  color: var(--anrt-color-primary);
}

.view-reports__more--block-promoted {
  text-align: right;
  position: relative;
}

.view-reports__more--block-promoted a {
  font-weight: 700;
  text-decoration: none;
  color: var(--anrt-color-primary);

  &:hover,
  &:focus {
    border-bottom: 1px solid;
  }
}

/* Reports all */
.view-research-projects__filters--block-all,
.view-research-projects__header--block-all {
  max-width: var(--anrt-width-content-area);
}

/* Infographics */
.list--infographics .view-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0;
}

@media screen and (min-width: 48rem) {
  .list--infographics .view-content {
    flex-direction: row;
    gap: var(--anrt-spacing-100);
  }

}

.list--infographics .view-content>.views-row {
  width: calc(100%);
}

@media screen and (min-width: 48rem) {
  .list--infographics .view-content>.views-row {
    width: calc(50% - var(--anrt-spacing-050));
  }
}

@media screen and (min-width: 80rem) {
  .list--infographics .view-content>.views-row {
    width: calc((100% / 3) - (var(--anrt-spacing-100) - var(--anrt-spacing-100) / 3));
  }
}

@media screen and (min-width: 90em) {
  .list--infographics .view-content>.views-row {
    width: calc((100% / 6) - (var(--anrt-spacing-100) - var(--anrt-spacing-100) / 6));
  }
}

/* Search */
.view-search>.layout-contained {
  max-width: var(--anrt-width-tablet-l);
}

.view-search__content {
  max-width: none;
  padding-inline: 0;
}
