.view-content.latest-articles-view.latest-articles-feed .view-items-wrapper .view-item.hidden-item {
    display: none;
}

.block-views-blockcontent-blocks-latest-articles {
    h2 {
        color: #002d97;
        font-size: clamp(1.875rem, 1.892vw + 1.047rem, 2.75rem);
        margin-bottom: 40px;
        text-align: center;
    }
}

.latest-articles-feed {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 100%;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin: 0 auto 75px;

    @media (min-width: 576px) {
        max-width: 540px;
    }

    @media (min-width: 768px) {
        max-width: 720px;
    }

    @media (min-width: 992px) {
        max-width: 960px;
    }

    @media (min-width: 1200px) {
        max-width: 1400px;
    }

    .view-items-wrapper {
        display: grid;
        grid-gap: 40px;
        grid-template-columns: repeat(4, 1fr);

        @media (max-width: 991.98px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (max-width: 767.98px) {
            grid-template-columns: 100%;
        }
    }

    .view-item {
        .card--body {
            display: none;
        }

        .card--article-content {
            flex-grow: 1;
            padding: 15px 30px 30px 20px;
            position: relative;
            z-index: 1;
        }

        .card--article-type {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG4SURBVHgB7VRBTsJAFH1Dm1B2eAJhb0m5ATcATiBdwgY5AXACYUOJG/QE4AmoJ6AGXdMbyMpgQmf8M5WWMUhduvAnbaYz/7++/95vgf84GZVpF5XJzW9SWWaG45UQiRWQAwxRRdAOz6XnMgEj9CltAYhHcGSyZNnssIGBcgzOVjDyZQTuFpkMnVlRXTq7Gt191WbcaoBo19BfqteZabFKnMH2QgViYEgtOrR+SvsRzxKCmNeIbZ2eG1RXoj2XrnudYRw+OG+qQo4lhLiGQJicCmIo97iY05pRjgvGgmOAVEPnzkEUzbFux3o5t0XsrQFl1GFY1a8uyG0Wkttu4nZluqIX9PDS9nVAGfbkDUZBF/3KGxGLS6JHe4Jh3WmlJA6mWReHGlMDZOwB/F2OxiDZM3cDRPkNnW2RK1S1/MS0lICuIccCwuhqbge9LYGNiZxWqNhBzqgYH0PogFIHIYjlx1IDzSkH03GRZ3s2p5Z8kmChNYlToXSTZkCK76s9pS+TLUvdZrE5+eb3If/5S7G9Fp32aTxkGrHgLaUjRJEAh3jtjE6VZf8c7EmDgBy15mSAaQXnPr2/H594pq8M3wjppQAAAABJRU5ErkJggg==);
            background-repeat: no-repeat;
            background-position: left center;
            color: #002D97;
            display: block;
            font-size: 14px;
            margin-top: auto;
            padding-left: 25px;

            &.article-type-story {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHhSURBVHgB1VRLUsJAEH0zxCrdcQNxrSniCYQTiCcQNlZRLtQTqCcQFxrLjVeAExhOYPzt4wlgpwsz45sMhgwBSnfaVRnIdM/r7tdvAvx1E0u9wW0A9dmAlus2Wr1Bij7ibvI7wCCsIcUdhA4I1ufvW7avRZ2gTCBiVNCZB1wGDK4CpOKehy7hrfYQd8almK3wDEIcQckmXg9iLG6RlfnXI2yGbcy2HoQNZ89njH8zys4srNC/YWXpEC+HZ5i2fp9HaT4VNPNWt8IefXU8d5vfENKpjmsOZizFKXNGeOpuZI/GAArHud/7YCx5Nh2UAJVu0Tl0KoZgEjWYvuqIoPX8PT4Zk8tBpoQSoDks4BIs9CPXncLGLp8EriU28aRoLDOJHhQn7oetnEepm8uOFAB1Qs3VHa8lf4PkN6DUGK+HZYlYbQ6nNeT/vIhrC8Fd1TlghmXSrshqkfzcBwrd3J6JlWUDxVuwdg71cQStj22ETGyAqrEiI/SI8mGM3IcmYEE2LocV3aFUHpC+twnS50T3GBw5MaZ9gbbVZ1pFRWwX3dIJNpypCemCnHpmgjPmrcaUyoj+ajagmfu85OMgL6jsBnNGE/nYARjOIOOsmx99HGaBjeCVrNl+VIKU4p437X9jXxKXvSI/2/diAAAAAElFTkSuQmCC);
            }

            &.article-type-news {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB7ZPBDYIwGIVfK4lxCibAuAGM4s1w0w06gjeujuAKbACygCNw9ED4basJLaGxFG/6HaAtzcd7SQv8HGxyNSn28lOKWVCJJr9Ejt9kIIrlu4QPhPSdzSF8SUvccgEftoWQ0lgNB6GuyVs0h6u1OSnImjc5s9bU3IAbiTKwfoeFRAhhlGq50Kvyl/iccKpeQOVWny11HHxQexnVbiF/CHQbIUcxfCDUWK2FW1idWvk8IgBTOK+mTsar8UUYhBxndEyl8qup6e/48wQzpjr9AfLgTgAAAABJRU5ErkJggg==);
            }

            &.article-type-video {
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF0SURBVHgB1ZRBUoMwFIb/BBddcgO5AC03sDdwvIFd4qZ4AvEEbRcWd+oNegQ9gdjqjDvpDXDhTDfJ8yUdBy0l4E7/BUPgz0d4+V+Avy7R+Ca6iqC8MdpVwqMZ8rgwg4NGm/ImfC0gaO2igXAEjYTvEjfQmukOq/je6elnKUgcfg0luqqfXSDKgjZbBYxufITXE/TnyV4niSGUeLTgTkC9SXlWxBPLZjv5XLMUYfbWtNrvv8wgUXDNbtEq9jWo2hQyO6qP4eRQCYVLvMTTdqDn5VDKd8AeIMUIy23e2oH4YGMvsJuTj+p1XMYpOqgC5uclwjmDNmaVW6DUQy6+m6BowP22rgONhCygdATTIdAzELee4k5wilMhabofCHrirwX2dnW24OsCv9Ru65noBDWXzZzklWufwz3gJ1wWCuD1Tnbr/fO0CbNTCDHmCOV2kjBB5xWbuIDLYZ4T3nmc25g91/u8fnxZKEPMBK05SrLEqzsq/0ufPvqDNU2Me3oAAAAASUVORK5CYII=);
            }
        }

        .video-image + div {
            display: none;
        }

        .no-image {
            .card--article-content {
                padding: 40px 30px 30px 20px;
            }

            .card--article-type {
                filter: brightness(0) invert(1);
                color: white;
            }
        }

        @media (max-width: 991.98px) {
            .no-image {
                .card--article-content {
                    padding: 60px 30px 30px 20px;
                }
            }
        }
    }

    .view-item:first-of-type {
        grid-column: 1 / 3;
        grid-row: 1 / 3;

        .card--body {
            display: block;
        }

        .card--article-heading {
            font-size: clamp(1.5rem, 0.851vw + 1.234rem, 2rem);
            font-weight: 700;
            line-height: 1.3;
        }

        .card--article-content {
            padding: 40px;
        }

        .no-image {
            .card--article-content {
                gap: 15px;
                padding: 80px 40px 40px 40px;
            }

            .card--body,
            .card--body p {
                color: white;
            }
        }

        .video-gallery {
            .card--article-content {
                font-size: clamp(1.5rem, 0.851vw + 1.234rem, 2rem);
                font-weight: 700;
                line-height: 1.3;
            }
        }


        .has-thumbnail-image {
            .card--article-content {
                font-size: clamp(1.5rem, 0.851vw + 1.234rem, 2rem);
                font-weight: 700;
                line-height: 1.3;
            }

            .video-image {
                .btn--video {
                    left: 40px;
                    bottom: -20px;
                }
            }
        }

        @media (max-width: 991.98px) {
            grid-row: unset;

            .card--article-content {
                padding: 15px 30px 30px 20px;
            }

            .no-image {
                .card--article-content {
                    padding: 60px 30px 30px 20px;
                }
            }

            .has-thumbnail-image {
                .video-image {
                    .btn--video {
                        left: 20px;
                        bottom: 0;
                    }
                }
            }
        }

        @media (max-width: 767.98px) {
            grid-column: unset;
        }
    }

    .show-more-processed {
        align-self: center;
        display: inline-flex;
        text-align: center;
        align-items: center;
        border: none;
        justify-content: center;
        user-select: none;
        padding: 12px 30px;
        cursor: pointer;
        font-weight: 600;
        text-decoration: none;
        background-color: #005AE8;
        color: #fff;
        border-radius: 60px;
    }
}

/* video specific */
.has-thumbnail-image {
    .video-thumbnail {
        height: 100%;
        width: 100%;
        position: absolute;

        img {
            position: absolute;
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    }

    > .field__item,
    .video-image {
        height: 100%;
    }

    .video-image {
        .btn--video {
            top: unset;
            left: 20px;
            bottom: 0;
            transform: translate(0, 0);
        }
    }

    .card--article-content {
        color: #fff;
        flex-grow: unset !important;
        margin-top: auto;

        .card--article-type {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgB1VNtEcIwDE25CcABcwAOGBJwMBQwFDAHMAdDCaAAUEBxUBSMF9be9bZ+/YR3l8ste3lJ05To1yF8P7quW8BtKQ4Fa4QQMiZ4hmPSi8JYwh4QrPgji5BPIF5CBBSu4Wbme0KJQOIelsd4EythCjvAKg+3gN1YmFIEgRrGF6EC/CnzIPr0dWsLspDEzFqKQ1JCh1J3GAIX3aHoyqzJEPYt36k/kg9X2MYn5BJkYs6Xg6TRHBGrKQGZlaAgpnSXRrBALKYxJ2v5h4stqZ8j+4b6p7ekMLj40fkH3bSBPUxC5qiW07gQx7hzHsdce46th/MWg8SS+mOaG1/oxO+O6vhbe+l658LRTalFjICKrcp/4QMKhm3DULNNrwAAAABJRU5ErkJggg==);
            color: #fff;
            filter: brightness(0) invert(1);
        }
    }
}