#header-content {
display: block;
background-color: #000;
color: #fff;
} .filter-button {
margin: 0 15px;
text-transform: uppercase;
}
.filter-button a {
padding-bottom: 10px;
display: block;
}
.filter-button a {
border-bottom: 4px solid transparent;
}
.current-cat a,
.filter-button:hover a {
border-bottom: 4px solid #000;
} .blog-highlighted-news .cell-left,
.blog-highlighted-news .cell-right {
width: 25%;
}
.blog-highlighted-news .cell-center {
width: 50%;
padding: 0 35px;    
}
.blog-highlighted-news .news-box {
margin-bottom: 40px;
}
.blog-highlighted-news .news-box-img {
height: 230px;
} .news-box-highlighted .news-box-img {
height: 720px;
}
.news-box-highlighted .news-box-title {
margin: 30px;
} .blog-archive-grid h2 {
padding-right: 20px;
}
.news-box a {
font-weight: 500;
}
.news-box .news-box-title h2 {
margin: 15px 0;
font-size: 21px;
}
.news-box-title h2,
.news-box-date {
line-height: 1;
}
.news-box-title h2 {
text-transform: unset;
letter-spacing: -0.01em;
} .blog-archive-grid > .news-box {
width: calc(33.3% - 24px);
}
.blog-archive-grid {
display: flex;
flex-flow: wrap;
gap: 40px 35px;
}
.blog-archive-grid .news-box-img {
height: 292px;
} #pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
#pagination .nav-links > .page-numbers {
margin: 0 10px;
}
#pagination .next.page-numbers {
right: 0;
}
#pagination .prev.page-numbers {
left: 0;
}
#pagination .next.page-numbers,
#pagination .prev.page-numbers{
position: absolute;
top: 50%;
transform: translateY(-50%);
}