#news-page {
    background-color: #e9ecef;

    #news-nav-link {
        color: var(--gold) !important;
        border-color: var(--gold) !important;
    };

#latest-news {
    background-color: #e9ecef;

    .grid_container {
        display: grid;
        max-width: 1200px;
        justify-content: center;
        margin: 0 auto;

        .article_card {

            .flex_container {
                display: flex;

            .article_subheading {
                padding-top: 10px;
                font-size: 14px;
                font-weight: 700;
                color: var(--black);
            };

            .article_date_and_category {
                padding-top: 15px;
                padding-bottom: 10px;
                font-size: 12px;
                font-weight: 400;
                color: var(--black);
                font-weight: 700;
            };

            .article_summary {
                display: -webkit-box;
                line-clamp: 3;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                padding-bottom: 0;
                font-size: 13px;
                width: 270px;
                color: var(--black);
            };

            .read_more {
                padding-top: 15px;
                text-transform: uppercase;
                font-size: 12px;
                cursor: pointer;

                a {
                    color: var(--dark-blue);
                    text-decoration: underline;
                    text-underline-offset: 4px;
                };

                a:hover {
                    color: var(--dark-gold);
                };
            };

            };

        };
    };


    @media screen and (min-width: 320px) {

        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            justify-items: center;
            justify-content: center;
            gap: 40px;
            .article_card {
                max-width: 250px;
                .flex_container {
                    flex-direction: column;
                    flex-wrap: wrap;

                    .article_subheading {
                        max-width: 250px;
                    };

                    .article_summary {
                        max-width: 250px;
                    };

                    .article_thumbnail {
                        width: 250px;
                    };
                };
            }
        };

    };

    @media screen and (min-width: 425px) {
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

            .article_card {
                max-width: 350px;
                .flex_container {
                    .article_subheading {
                        max-width: 350px;
                    };

                    .article_summary {
                        max-width: 350px;
                    };

                    .article_thumbnail {
                        width: 350px;
                    };
                };
            };
        };
    };

    @media screen and (min-width: 767px) {
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            .article_card {
                max-width: 300px;
                .flex_container {
                    .article_subheading {
                        max-width: 300px;
                    };

                    .article_summary {
                        max-width: 300px;
                    };

                    .article_thumbnail {
                        width: 300px;
                    };
                };
            };
        };

    };

    @media screen and (min-width: 1024px) {
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

            .article_card {
                max-width: 350px;
                .flex_container {
                    flex-direction: row;
                    
                    .article_subheading {
                        max-width: 350px;
                    };

                    .article_summary {
                        max-width: 350px;
                    };

                    .article_thumbnail {
                        width: 350px;
                    };
                };
            };
        };
    };

    @media screen and (min-width: 1200px) {
        .grid_container {
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            justify-content: center;
            align-items: center;

            .article_card {
                max-width: 230px;
                .flex_container {
                    flex-wrap: nowrap;
                    flex-direction: row;
                    justify-content: center;
                    
                    .text_content {
                        padding-top: 8px;
                        padding-left: 18px;
                        
                        .article_subheading {
                            max-width: 230px;
                        };

                        .article_summary {
                            max-width: 230px;
                        };

                    }
                    .article_thumbnail {
                        width: 290px;
                    };
                };
            };
        };
    };
};
};