// SalesCrowd Pagination
.pagination-wrapper {
    text-align: center;
}
.pagination {  
    ul {
        margin: 0;
        padding: 0;
    }
    li {
        list-style: none;
    }
    a {
        text-decoration: none;
    }
    text-align: center;
    ul {
        display: inline;
        text-align: center;
        li {
            display: inline;
        }
        ul li {
            display: none;

            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(3) {
                display: inline;
            }

            @include media($large-screen) {
                display: inline;
            }
        }
        li.active a {
            background: $salescrowd-orange;
            color: $white;
        }
        li a {
            @include transition (all 0.2s ease-in-out);
            background: $salescrowd-warm-light-gray;
            border-radius: $base-border-radius;
            border: $salescrowd-warm-gray;
            color: $salescrowd-earth;
            outline: none;
            padding: ($base-spacing / 4) ($gutter / 2);
            margin: 0 0.25em;

            &:hover,
            &:focus,
            &.page-prev:hover, &.page-next:hover,
            &.page-prev:focus, &.page-next:focus {
                background: $salescrowd-orange;
                color: $white;
            }
            &.page-prev, &.page-next {
                background: $salescrowd-earth;
                color: $white;
            }
        }
    }
}