.pagination {
    margin: 0 0 30px 0;

    li {
        &:first-child, &:last-child {
            a {
                border-radius: 0;
            }
        }

        &.active {
            a {
                background-color: transparent;
                border-color: map-get($color-secondary, 400);
                color: map-get($grey, 800);
                font-weight: 600;

                &:hover {
                    background-color: transparent;
                    border-color: map-get($color-secondary, 400);
                    color: map-get($grey, 800);
                }
            }
        }

        &.disabled {
            a {
                background-color: transparent;
            }
        }

        a {
            background-color: transparent;
            border: 0;
            border-top: 3px solid map-get($grey, 300);
            color: map-get($grey, 700);
            font-size: 15px;
            padding: 14px 18px;
            transition: all .15s linear;

            &:hover {
                color: map-get($grey, 700);
            }
        }
    }
}

.nav-previous, .nav-next {
    color: map-get($grey, 800);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;

    a {
        color: map-get($grey, 800);
        display: block;

        &:after, &:before {
            display: inline-block;
            font-size: 10px;
            font-family: 'FontAwesome';
            vertical-align: 1px;
        }
    }
}

.nav-next a {
    &:after {
        content: '\f054';
        margin-left: 15px;
    }
}

.nav-previous a {
    &:before {
        content: '\f053';
        margin-right: 15px;
    }
}