.sidebar {
    grid-column: 2 / -2;
}

.sidebar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 2rem;
}

.sidebar a:hover {
    filter: drop-shadow(0px 0px 2px var(--c-white));    
}

.sidebar div {
    padding: .5rem 3rem;
    box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.2);
    border: var(--c-teal) solid 2px;
    border-radius: .5rem;
    background-color: var(--c-lgrey);
}

.sidebar h3 {
    color: var(--c-white);
}

.selected h3{
    color: var(--c-teal);
    filter: drop-shadow(0px 0px 2px var(--c-white));
}

.news_grid {
    grid-column: 2 / -2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    min-height: 80vh;
}

.news_block{
    box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.2);
    border: var(--c-teal) solid 2px;
    border-radius: .5rem;
    background-color: var(--c-lgrey);
    width: 100%;
    height: min-content;
    gap: 2rem;
    padding-top: 1rem;
}

.news_block > * {
    padding: 0 1rem 1rem 1rem;
}

.news_block img{
    max-width: 100%;
    max-height: 100%;
    display: flex;

}

.news_block a{
    font-size: 1.3rem;
}

.news_block a:hover {
    filter: drop-shadow(0px 0px 2px var(--c-white));
}

.news_block p{ 
    font-size: 1.3rem;
}

.news_block iframe{
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    padding: 0;
    border-radius: 0 0 .4rem .4rem;
}

.news_block_date {
    color: #777;
    padding-top: 0;
}

.news_block_title {
    padding-bottom: 0;
}

.news_block_title_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0;
}

.title_link_img img{
    filter: drop-shadow(0px 0px 1px var(--c-white));
    height: 2rem;
}

.pagination {
    grid-column: 1 / -1;
    width: 100%;
}

.pagination a:hover{
    filter: drop-shadow(0px 0px 2px var(--c-white));
}

.step-links {
    display: grid;
    grid-template-columns: 1fr 15% 1fr;
    gap: 1rem;
}

.current_page {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.previous_page{
    gap: 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: right;
}

.next_page{
    gap: 2rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: left;
}


@media (width <= 800px) {
    .sidebar {
        flex-direction: column;
    }

    .news_grid {
        grid-template-columns: 1fr;
    }
}