@charset "UTF-8";


.pagenate {display: -webkit-flex; display: flex; justify-content: center; align-items: center; text-align: center;}
.pagenate li {width: 40px; height: 40px; cursor: pointer;}
.pagenate li:not(.page-item) {border: 1px solid var(--dark); border-radius: 6px;}
.pagenate li.disabled a { pointer-events: none; cursor: default; }

.pagenate li.move .page-link {width: 100%; height: 100%; color: var(--dark); display: -webkit-flex; display: flex; justify-content: center; align-items: center;}
.pagenate .prev, .pagenate .next {margin: 0 10px;}

.pagenate .page-item .page-link {display: block; width: 100%; height: 100%; color: var(--dark); line-height: 40px; font-weight: 400;}
.pagenate .page-item:hover a, .pagenate .page-item:active a, .pagenate .page-item.active a {border-bottom: 1px solid var(--highlight); font-weight: 700; color: var(--highlight);}




@media screen and (min-width:993px){
    .pagenate-wrap {margin-top: 60px;}
}

@media screen and (max-width:992px){
    .pagenate-wrap {margin-top: 48px;}
    .pagenate li {width: 35px; height: 35px;}
    .pagenate .prev, .pagenate .next {margin: 0 8px;}
    .pagenate .page-item .page-link {line-height: 35px;}
}

@media screen and (max-width:480px){
    .pagenate-wrap {margin-top: 36px;}
    .pagenate li {width: 30px; height: 30px;}
    .pagenate .prev, .pagenate .next {margin: 0 6px;}
    .pagenate .page-item .page-link {line-height: 30px;}
}