/* Numbered, server-rendered navigation in the Createment palette. */
#overzicht { scroll-margin-top: 130px; }
.listing-pagination-wrap { clear: both; padding: 35px 0 12px; }
.listing-pagination-count { margin: 0 0 16px; color: #444; font: 14px/22px 'Roboto', sans-serif; }
.listing-pagination ul { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; margin: 0; list-style: none; }
.listing-pagination li { list-style: none; margin: 0; padding: 0; }
.listing-pagination a,
.listing-pagination [aria-current="page"] { display: flex; justify-content: center; align-items: center; min-width: 44px; min-height: 44px; padding: 9px 13px; border: 2px solid #000; color: #000; background: #fff; font: 500 15px/22px 'Roboto', sans-serif; text-decoration: none; }
.listing-pagination [aria-current="page"] { background: #0b35f4; border-color: #0b35f4; color: #fff; }
.listing-pagination a:hover { color: #fff; background: #0b35f4; border-color: #0b35f4; }
.listing-pagination a:focus-visible { outline: 3px solid #0b35f4 !important; outline-offset: 3px; }
.listing-pagination-gap { display: block; padding: 0 2px; }
.listing-empty { padding: 25px 0; }
.listing-filter-form { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 767px) {
    #overzicht { scroll-margin-top: 80px; }
    .listing-pagination-wrap { padding-top: 24px; }
    .listing-pagination ul { gap: 6px; }
    .listing-pagination a,
    .listing-pagination [aria-current="page"] { padding-left: 10px; padding-right: 10px; }
}

.blog-list .listing-pagination-count { color: #c6c6c6; }
.blog-list .listing-pagination-gap,
.blog-list .listing-empty { color: #fff; }