/* NEWS GRID */

.news-grid .newsflash {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.news-grid .newsflash-item {
    overflow: hidden;
}

/* Image */

.news-grid img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* Title */

.news-grid h2,
.news-grid h3,
.news-grid h4,
.news-grid .newsflash-title {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 10px;
    font-weight: 600;
}

/* Links */

.news-grid a {
    text-decoration: none;
}

/* Mobile */

@media(max-width:991px){

    .news-grid .newsflash {
        grid-template-columns: repeat(2,1fr);
    }
}

@media(max-width:576px){

    .news-grid .newsflash {
        grid-template-columns: 1fr;
    }
}

/* ===================================
FORCE SAME HEIGHT FOR VIDEO & IMAGES
=================================== */

/* Image containers */

.article-intro-image,
.article-image,
.entry-image,
.blog-image,
.item-image,
.entry-video,
.video-responsive,
.ratio {

    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 220px !important;
}

/* Images */

.article-intro-image img,
.article-image img,
.entry-image img,
.blog-image img,
.item-image img {

    width: 100%;
    height: 220px !important;
    object-fit: cover;
    display: block;
}

/* Video iframe */

.entry-video iframe,
.video-responsive iframe,
.ratio iframe,
iframe {

    width: 100%;
    height: 220px !important;
    object-fit: cover;
}

/* Mobile */

@media(max-width:991px){

    .article-intro-image,
    .article-image,
    .entry-image,
    .blog-image,
    .item-image,
    .entry-video,
    .video-responsive,
    .ratio {

        height:180px !important;
    }

    .article-intro-image img,
    .article-image img,
    .entry-image img,
    .blog-image img,
    .item-image img,
    iframe {

        height:180px !important;
    }
}

.ratio::before{
    padding-top:0 !important;
}

.ratio::before{
    display:none !important;
}

/* Custom made Home page space reduce */
#sp-main-body {
    padding: 10px 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}