.nh-ajax-grid[aria-busy="true"] [data-nh-results] {
    opacity: .55;
}

.nh-ajax-grid [data-nh-results] {
    transition: opacity .15s;
    scroll-margin-top: 120px;
}

.nh-ajax-grid .vc_grid-pagination .vc_grid-pagination-list .vc_grid-page.vc_grid-active > .page-numbers {
    background-color: var(--bg-main-btn, var(--color-primary, black)) !important;
    color: white !important;
    font-size: .95rem;
}

.nh-ajax-grid .vc_grid-pagination .vc_grid-pagination-list .vc_grid-page > .page-numbers {
    opacity: 1;
    background-color: white !important;
    color: black !important;
    border: 1px solid var(--bg-main-btn, var(--color-primary, black));
    font-size: 1rem;
}

.nh-ajax-grid .vc_grid-pagination .vc_grid-pagination-list .vc_grid-page > .page-numbers.next,
.nh-ajax-grid .vc_grid-pagination .vc_grid-pagination-list .vc_grid-page > .page-numbers.dots,
.nh-ajax-grid .vc_grid-pagination .vc_grid-pagination-list .vc_grid-page > .page-numbers.prev {
    background-color: var(--bg-main-btn, var(--color-primary, black)) !important;
    color: white !important;
    font-size: 1rem;
}

.nh-ajax-grid .vc_grid-pagination-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.nh-ajax-grid .vc_grid-page > span {
    display: inline-block;
    padding: 10px 15px;
}

.nh-ajax-grid .vc_grid-page > span.page-numbers.dots,
.nh-ajax-grid .vc_grid-page > span.page-numbers.current {
    color: inherit !important;
}

.nh-ajax-grid .vc_grid-active > span {
    background: var(--bg-pagination-active, var(--color-primary, grey));
    color: var(--color-pagination-active, var(--color-basic, black));
}

.nh-ajax-grid [data-nh-status]:empty {
    display: none;
}

.nh-ajax-grid [data-vc-grid-filter-value]:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .nh-ajax-grid [data-nh-results] {
        transition: none;
    }
}