/* Reusable pagination style */
.bs-pagination {
    margin-top: 40px;
}

#sold-pagination {
    background: transparent;
    padding: 15px;
    border-radius: 5px;
}

body.theme-4 #sold-pagination {
    background: transparent;
}

body.theme-4 #sold-pagination .page-link {
    color: #333;
    border-color: #333;
}

body.theme-4 #sold-pagination .page-item.active .page-link {
    border-color: #333;
}

body.theme-4 #sold-pagination .page-item:first-child .page-link,
body.theme-4 #sold-pagination .page-item:last-child .page-link {
    border-color: #333;
}

body.theme-4 #sold-pagination .page-link:hover {
    border-color: #333;
    color: #333;
}

.bs-pagination .page-link {
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    text-decoration: none;
    margin: 0 7px;
}

.bs-pagination .page-item.active .page-link {
    border: 1px solid #fff;
    margin: 0 7px;
}

.bs-pagination .page-item:first-child .page-link,
.bs-pagination .page-item:last-child .page-link {
    border: 1px solid #fff;
}

.bs-pagination .page-link:hover {
    border: 1px solid #fff;
    color: #fff;
}

.bs-pagination .disabled .page-link {
    border: none !important;
    background: transparent;
}
.col-overflow-sold {
    max-height: calc((420px * 2) + 16px + 159px);
    overflow-y: auto;
    overflow-x: hidden;
}


.bs-pagination .page-link, .bs-pagination .disabled .page-link{
    border: 1px solid var(--primary-bg);
    background: linear-gradient( to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.75) 70%, rgba(0, 0, 0, 1) 100% ), var(--primary-bg);
    color: #fff;
    box-shadow: none;
    font-weight: 600;
}
.bs-pagination .page-item.active .page-link {
    border: 1px solid var(--primary-bg);
    background: var(--primary-bg);
    color: #fff;
    box-shadow: none;
    font-weight: 600;
}


@media(min-width:1074px and max-width:1074px) {
    .col-overflow-sold {
        max-height: calc((420px * 2) + 16px + 27px);
    }
}