/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.dynamic-news-events {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 32px;

    @media (max-width: 769px) {
        overflow: scroll;
        gap: 16px;
    }
}

.dynamic-news-events .blog-post {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 33%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 24px;

    @media (max-width: 769px) {
        -webkit-box-flex: 1 !important;
            -ms-flex: 1 0 92% !important;
                flex: 1 0 92% !important;
        max-width: initial;
    }
}

.dynamic-news-events .blog-post .header-blog-post {
    position: relative;
    overflow: hidden;
    height: 260px;
}

.dynamic-news-events .blog-post .header-blog-post:before {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0;
    opacity: 60%;
    background: -o-linear-gradient(205deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.36) 100%);
    background: linear-gradient(245deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.36) 100%);
    border-radius: 12px;
}

.dynamic-news-events .blog-post .header-blog-post img {
    height: 100%;
    border-radius: 12px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
}


.dynamic-news-events .blog-post .header-blog-post h3 {
    color: #fff;
    padding: 24px;
    font-weight: 400;
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.dynamic-news-events .blog-post .footer-blog-post>p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dynamic-news-events .blog-post .footer-blog-post time {
    font-family: "Albert Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 21px */
    letter-spacing: 2.1px;
    text-transform: uppercase;
}