/* =============================================================================
   shared/filter-blog.css
   Extracted from style.css. Loaded only on: archive.php, index.php, page-template/template-klanten.php, taxonomy-klanten_category.php
============================================================================= */

.all_news .pagination {margin-top: 60px;}
.filter_blog .wrapper {max-width: 1024px;}
.filter_blog ul {padding-left: 0;margin-bottom: 0;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.filter_blog ul li {list-style-type: none;display: inline-block;}
.filter_blog ul li a {display:block;text-decoration: none;border: 1px solid #979797;color: #979797;border-radius: 101px;padding: 16px 17px;transition: 0.4s;}
.filter_blog ul li.active a, .filter_blog ul li a:hover {color:var(--backgrondColorBlack);border-color: var(--backgrondColorBlack);}

@media only screen and (max-width:767px) {
    .filter_blog ul {flex-wrap: nowrap;overflow: auto;justify-content: flex-start;padding-bottom: 15px;}
    .filter_blog ul li a {white-space: nowrap;padding: 10px 15px;font-size: 12px;min-width: 80px;text-align: center;}
}

@media only screen and (max-width:600px) {
    .filter_blog ul li a {padding: 11px 12px;line-height: 1;}
    .filter_blog {margin-bottom: 30px !important;}
    .filter_blog .wrapper {padding: 0;}
    .filter_blog ul li:first-child {padding-left: 30px;}
}