@import "../Components/headerNoImage.css";


.filter-label {
    margin-right: 0.78vw; /* 15 */
}
.filters {
    gap: 1.04vw; /* 20 */
}
.filter-button a:hover {
    text-decoration: unset;
}
.filter-button-remove {
    position: absolute;
    top: 50%;
    right: -0.94vw; /* 18 */
    transform: translateY(-50%);
}

#news .four-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3.13vw; /* 60 */
}
#news .article-preview {
    padding: 1.56vw; /* 30 */
}
#news .article-preview .col-img-inner {
    height: 25vw;
}
#news .info-date {
    line-height: 2;
}



/* Pagination
------------------------------------------------------------*/
    .next.page-numbers, .prev.page-numbers {
        display: none !important;
    }
    .nav-links {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 4.69vw; /* 90 */
        gap: 0.52vw; /* 10 */
    }
    .page-numbers {
        width: 1.56vw; /* 30 */
        height: 1.56vw; /* 30 */
        background-color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--gray-300);
        border-radius: 100%;
        line-height: 1;
        color: var(--gray-600) !important;
        transition-property: color, border-color, background-color;
        transition-duration: 0.3s;
        transition-timing-function: ease-in-out;
    }
    span.page-numbers.current, .page-numbers:hover {
        background-color: var(--gray-600);
        color: #fff !important;
        border-color: var(--gray-600);
    }