.news-and-resource-container :is(h2, h3,h4,h5,h6) {
    margin: 0;
}

.news-and-resource-container > .filters {
    display: grid;
    grid-template-columns: auto auto 1fr;
}

.news-and-resource-container > .filters .sort {
    justify-self: end;
}

.news-and-resource-container[data-item-count="0"] > .news-and-resource-listing {
    text-align: center;
}

.news-and-resource-container:not([data-item-count="0"]) > .news-and-resource-listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2rem;
    row-gap: 4rem;
}

.news-and-resource-container .single-resource {
    box-shadow: 0 0 1.5rem -0.3rem rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.news-and-resource-container .single-resource .image {
    object-fit: cover;
    height: 100%;
}

.news-and-resource-container .single-resource > .content {
    display: grid;
    grid-template-areas: "type" "title" "date" "tags-and-author";
    grid-template-rows: 3rem 10rem 3rem 3rem;
}