/**
  * @file
  * Pagination on search results or views.
  **/

/** @todo: put a class on the template and use it instead of aria-label **/
nav[aria-label="pagination-heading"] {
  width: 100%;
}

.pagination {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.page-link {
  border: 1px solid var(--grey);
}

.page-link:focus {
  box-shadow: none;
}

.page-item.active .page-link {
  border-color: var(--laurier-gold);
  background-color: var(--laurier-purple);
}

.page-item.active .page-link:hover {
  background-color: var(--laurier-purple);
}

.page-item.is-hidden {
  display: none;
}