/****************************
 * Pagination
****************************/
.vii-pagination {--spacing:7px;}

.vii-pagination ul {list-style:none; margin:0; display:flex;}
.vii-pagination ul li {padding:0;}
.vii-pagination ul li:not(:last-child) {margin-right:var(--spacing);}

/* items */
.vii-pagination a, .vii-pagination span {
    display:inline-block; text-decoration:none;
    font-weight:700; text-align:center; white-space:nowrap;
}
.vii-pagination ul .page-numbers {width:33px; padding:4px;}

/* current */
.vii-pagination ul:hover span.current {background-color:transparent; color:var(--vii-color-text);}
.vii-pagination a.page-numbers:hover,
.vii-pagination ul:hover span.current:hover,
.vii-pagination span.current {background-color:var(--vii-color-primary); color:var(--vii-color-on-primary);}

/* disabled */
.vii-pagination a.disabled {opacity:.5; pointer-events:none;}


/* arrows */
.vii-pagination .page-arrow i {transition:all .3s ease; display:inline-block;}
.vii-pagination .page-arrow:hover {color:var(--vii-color-primary);}
.vii-pagination .page-arrow.page-prev:hover i {transform:translateX(-4px);}
.vii-pagination .page-arrow.page-next:hover i {transform:translateX(4px);}

/****************************
 * Pagination Responsive
****************************/
@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:767px) {
    .vii-pagination .page-arrow span {display:none;}
}