/****************************
 * Module Pagination
****************************/
.site-pagination {
    --spacing:12px;
    border-top:1px solid rgba(0, 0, 0, 0.2);
}

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

/* items */
.site-pagination ul a, .site-pagination ul span {
    display:inline-block; padding:5px; text-decoration:none; text-align:center;
    width:40px; background:#ececec; border-radius:4px;
}
.site-pagination ul a:hover, .site-pagination ul a:focus {background:var(--ifs-color-primary); color:var(--ifs-color-on-primary);}

/* arrow */
.site-pagination .page-arrow {font-size:var(--ifs-size-14); min-width:90px;}
.site-pagination .page-arrow i {font-size:.8em; display:inline-block; transform:translateY(-.1em);}
.site-pagination .page-arrow.page-next {text-align:right;}
.site-pagination .page-arrow:hover, .site-pagination .page-arrow:focus {color:var(--ifs-color-primary);}

/* current */
.site-pagination span.current {background:transparent;}

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

/****************************
 * Module Pagination Responsive
****************************/
@media only screen and (max-width:767px) {
    .site-pagination {--spacing:7px;}
    .site-pagination .page-arrow {font-size:12px;}
    .site-pagination ul a, .site-pagination ul span {width:35px; padding:3px 0;}
}