/* ******************************************************* */
/*                                                         */
/*             This file should not be changed.            */
/*    If changes are required - override in styles.css     */
/*                                                         */
/* ******************************************************* */

/* Pager */
nav.pager {
  margin-top: var(--d-space-l);
}
li.pager__item {
  padding:0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  vertical-align: top;
  display:inline-block;
  line-height: var(--d-space-ml);
}
li.pager__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: var(--d-space-ml);
  height: var(--d-space-ml);
  padding: var(--d-space-xs);
  text-decoration: none;
  color: var(--d-color-base);
  border-radius: calc(var(--d-space-ml) / 2);
  background-color: transparent;
  line-height: 1;
  text-align: center;
}
li.pager__item.pager__item--first a,
li.pager__item.pager__item--last a {
  border-radius: 0.5rem;
}
li.pager__item a:hover,
li.pager__item a:focus {
    background-color: var(--color-light-grey-hover);
    color:var(--d-button-bg-hover);
}
li.pager__item.is-active a,
li.pager__item.is-active a:hover {
    background-color: var(--d-button-bg);
    color: var(--d-button-color);
}
li.pager__item a:hover span,
li.pager__item a:focus span {
  text-decoration: none;
}
.pager__items {
  text-align: center;
}
.pager__items .is-active a {
  font-weight: bolder;
}