.news-grid .filter-row { margin-bottom: 3rem; display: flex; align-items: center; justify-content: center; }
.news-grid .filter-row .filter-label { margin-right: 1rem; }
.news-grid .filter-row .filter-label,
.news-grid .filter-row .filter-label + .inline-dropdowns { flex: 0 0 auto; }

/* .news-grid > .row + .row > .featured-item-card { margin-top: 3rem; } */
.featured-item-card { background-color: #FFF; /*box-shadow: 2px 2px 8px 2px rgba(41, 51, 63, 0.1);*/ display: flex; border-radius: 0.833rem; border: solid 1px var(--gray); overflow: hidden; font-weight: 400; text-decoration: none!important; }
.featured-item-card > * { flex: 1; flex-shrink: 0; flex-basis: 50%; }
.featured-item-card .image-container img { object-fit: cover; object-position: center; width: 100%; height: 100%; opacity: 1!important; }
.featured-item-card:hover .image-container img { opacity: 0.9!important; }
.featured-item-card .content-container { padding: 3rem 4rem 3rem 3rem; box-sizing: border-box; }
.featured-item-card .content-container h2 { margin-bottom: 0.25rem; }
.featured-item-card .content-container .featured-item-card__date { font-size: 0.85rem; color: var(--darker-gray); margin-bottom: 1rem; }
.featured-item-card .content-container .featured-item-card__excerpt { color: var(--text-color); }
.featured-item-card:hover .button { color: var(--hover-color); }
.featured-item-card:hover .button:after { color: var(--hover-color); animation: sideside .5s ease 2; }

#news-posts .row-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#news-posts .row-cards .column { /*padding-left: 1rem; padding-right: 1rem;*/ margin-bottom: 2rem; }
#news-posts .row-cards .card { padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*box-shadow: 2px 2px 8px 2px rgba(41, 51, 63, 0.1);*/ background-color: #FFF; border-radius: 0.833rem; border: solid 1px var(--gray); overflow: hidden; font-weight: 400; }
#news-posts .row-cards .card .image { margin: 0; /*height: 14rem;*/ overflow: hidden; flex-shrink: 0; position: relative; padding-bottom: 55%; }
#news-posts .row-cards .card .image img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 1!important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#news-posts .row-cards .card figure.responsive:before { padding-bottom: 56.6%; }
#news-posts .row-cards .card:hover .image img { opacity: 0.9!important; }

#news-posts .row-cards .card .card-body { padding: 2.222rem 2.222rem 1.66rem 2rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#news-posts .row-cards .card .card-body h3 { margin-bottom: 0.2rem; }
#news-posts .row-cards .card .card-body .card-date { font-size: 0.8rem; color: var(--darker-gray); margin-bottom: 1.4rem; }
#news-posts .row-cards .card .card-body .label { margin-bottom: 0.4rem; }
#news-posts .row-cards .card .card-body .overview { margin-bottom: 1.6rem; }
#news-posts .row-cards .card .card-body .button { margin-bottom: 0; -ms-flex-item-align: start; align-self: flex-start; margin-top: auto; }
#news-posts .row-cards .card:hover .button { color: var(--hover-color); }
#news-posts .row-cards .card:hover .button:after { color: var(--hover-color); animation: sideside .5s ease 2; }

#news-posts .spinner { padding-bottom: 8rem !important; }
#news-posts .headline-news { text-align: center; margin-bottom: 3rem; }
#news-posts .headline-news h3 { margin-bottom: 0.8rem; }
#news-posts .headline-news .overview { max-width: 40rem; margin-left: auto; margin-right: auto; color: var(--fiord-gray); }
#news-posts .headline-dynamic { position: relative; }
#news-posts .headline-dynamic>div { opacity: 0; visibility: hidden; /* background-color: #fff; */ margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; -webkit-transition: visibility 0s, opacity 1s ease; -o-transition: visibility 0s, opacity 1s ease; transition: visibility 0s, opacity 1s ease; transition-delay: 0.15s; }
#news-posts .headline-dynamic>div.active { visibility: visible; opacity: 1; position: relative; z-index: 1; }

/* Spinner */
.spinner { margin: 100px auto 0; width: 70px; text-align: center; }
.spinner>div { width: 18px; height: 18px; background-color: var(--secondary); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



@media (max-width: 900px) {
    .featured-item-card { flex-direction: column; }
    .featured-item-card .image-container img { max-height: 16rem; }
    .featured-item-card .content-container { padding: 1.75rem 1.5rem 1.5rem 1.5rem; }

    /* #news-posts .row-cards .card .image { height: 16rem; } */
}

@media (max-width: 800px) {
    #news-posts .row-cards .card .card-body { padding: 1.75rem 1.5rem 1.5rem 1.5rem; }
}

@media (max-width: 500px) {
    .news-grid .filter-row { flex-direction: column; }
    .news-grid .filter-row .filter-label { margin-bottom: 1rem; }
    #news-posts .row-cards .column { margin-bottom: 1rem; }
}