@charset "UTF-8";

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

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

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





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

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

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