/* -- FIXES -- */

.paginator a {
    text-decoration: none;
}

/* -- LAYOUT -- */

.paginator {
    display: flex;
    flex-direction: row;
    align-self: center;
    flex-shrink: 0;
}

.paginator .pages {
    display: flex;
    flex-direction: row;
}

.paginator .page {
    display: flex;
    justify-content: center;
    align-content: center;
}

/* -- STYLING -- */

.paginator .pages .page {
    color: #989898;
}

.paginator .pages .page.current {
    background-color: #ee1d25;
}

.paginator .page.current {
    color: #eeeeee;
    background-color: #ee1d25;
}

.paginator .page {
    width: 30px;
    height: 30px;
}

.paginator .page:hover {
    color: #ee1d25;
}

.paginator .page.current:hover {
    color: #989898;
}

.paginator .arrow {
    width: 30px;
    height: 30px;
    background-position: center;
}

.paginator .arrow.left {
    background-image: url('../img/paginator-arrow-left.png');
}

.paginator .arrow.left:hover {
    background-image: url('../img/paginator-arrow-left-hover.png');
}

.paginator .arrow.right {
    background-image: url('../img/paginator-arrow-right.png');
}

.paginator .arrow.right:hover {
    background-image: url('../img/paginator-arrow-right-hover.png');
}

/* -- SPACING -- */

.paginator {
    margin-bottom: 25px;
}

.paginator .next {
    margin-right: 5px;
}

.paginator .prev {
    margin-left: 5px;
}

.paginator .page {
    line-height: 30px;
    margin-left: 5px;
    margin-right: 5px;
}
