/* PAGINATION */
.navigation {
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-color: rgba(255, 255, 255, 0.3);
}

.wp-paginate {
  margin: 0;
  display: flex;
  width: 100%;
  list-style-type: none;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  color: var(--grey);
}
.wp-paginate .title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wp-paginate .current,
.wp-paginate .gap,
.wp-paginate a {
  color: currentColor;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  text-decoration-color: transparent;
}
.wp-paginate .current:hover,
.wp-paginate .gap:hover,
.wp-paginate a:hover {
  text-decoration-color: currentColor;
}
.wp-paginate a {
  text-decoration-line: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .wp-paginate a:hover {
    color: var(--white);
    text-decoration-line: underline;
  }
}
.wp-paginate a:focus {
  text-decoration-line: underline;
}
.wp-paginate a {
  text-decoration-color: transparent;
}
.wp-paginate a:hover {
  text-decoration-color: currentColor;
}
.wp-paginate .current {
  color: var(--white);
  text-decoration-line: underline;
}
.wp-paginate li {
  margin: 0;
  display: none;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .wp-paginate li {
    display: block;
  }
}
.wp-paginate li:first-child {
  margin-right: auto;
  display: block;
}
.wp-paginate li:first-child a {
  text-decoration-line: none;
}
@media (hover: hover) and (pointer: fine) {
  .wp-paginate li:first-child a:hover {
    text-decoration-line: none;
  }
}
.wp-paginate li:first-child a:focus {
  text-decoration-line: none;
}
.wp-paginate li:first-child .bt {
  padding-right: 1.5rem;
  padding-left: 3.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .wp-paginate li:first-child .bt:hover {
    color: var(--black);
  }
}
.wp-paginate li:first-child .bt div {
  right: auto;
  left: 1rem;
}
.wp-paginate li:first-child .bt svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.wp-paginate li:last-child {
  margin-left: auto;
  display: block;
}
.wp-paginate li:last-child a {
  text-decoration-line: none;
}
@media (hover: hover) and (pointer: fine) {
  .wp-paginate li:last-child a:hover {
    color: var(--black);
    text-decoration-line: none;
  }
}
.wp-paginate li:last-child a:focus {
  text-decoration-line: none;
}