/*
Generated time: May 29, 2024 05:26
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.page-numbers .current:after,
.page-numbers .next a:after,
.page-numbers .page a:after,
.page-numbers .prev a:after {
  transition: all .25s cubic-bezier(.104, .204, .492, 1)
}

.pagination {
  display: block;
  text-align: center;
  min-height: 42px;
  position: relative
}

.pagination.pagination-type--infinite .button {
  display: none
}

.pagination.pagination-type--infinite[loading=true] .loading-overlay {
  display: block
}

.page-numbers {
  display: inline-flex;
  text-align: center;
  padding: 0 41px;
  position: relative;
  border-radius: var(--input-border-radius, 6px)
}
.page-numbers .page a{
  color:#767676;
}
.page-numbers .current:after{
  content:unset !important;
}
.page-numbers .next a,
.page-numbers .prev a{
      border: 1px solid;
    width: 36px;
    height: 36px !important;
    border-radius: 50%;
    padding: 0;
    margin: 0 !important;
}

.page-numbers span {
  display: inline-flex;
  vertical-align: middle;
  color: var(--color-accent)
}

.page-numbers span.next,
.page-numbers span.prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 36px;
  align-items: center;
  justify-content: center;
  text-align: center
}

.page-numbers span.next {
  left: auto;
  right: 0
}

.page-numbers .current,
.page-numbers .next a,
.page-numbers .page a,
.page-numbers .prev a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 40px;
  padding: 0 2px;
  position: relative;
  margin: 0 3px;
  font-size: .8125rem;
  line-height: 0
}

.page-numbers .current:after,
.page-numbers .next a:after,
.page-numbers .page a:after,
.page-numbers .prev a:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: 0 0;
  height: 2px
}

.page-numbers .next a:hover:after,
.page-numbers .page a:hover:after,
.page-numbers .prev a:hover:after {
  background: var(--color-accent)
}

.page-numbers .next a[disabled],
.page-numbers .page a[disabled],
.page-numbers .prev a[disabled] {
  opacity: .3;
  cursor: not-allowed;
  box-shadow: none
}

.page-numbers .next a[disabled]:after,
.page-numbers .page a[disabled]:after,
.page-numbers .prev a[disabled]:after {
  content: none
}

.page-numbers .current:after {
  background: var(--color-accent)
}