/*********************************************
 * Featured News
**********************************************/
.vii-featured-news {gap:20px 0;}
.vii-featured-news__col.left {width:60%;}
.vii-featured-news__col.right {width:40%;}

/* Heading */
.vii-featured-news__heading {gap:10px;}

/* List Item */
.vii-featured-news__list-item {
    --vii-border-radius:8px;
    min-height:80px; padding-right:20px;
}
.vii-featured-news__list-item:not(:last-child) {margin-bottom:var(--vii-spacing-24);}

/* List Item > Date */
.vii-featured-news__list-item__date {min-width:80px; width:80px; padding:5px;}
.vii-featured-news__list-item__date > span {line-height:1 !important;}

/* List Item > Title */
.vii-featured-news__list-item__title {line-height:1.5;}

/* List Item > Button */
.vii-featured-news__list-item__button {padding:8px 0; width:110px;}

.vii-featured-news__list-item__title-wrapper {padding:8px 16px;}

/* Item Thumbnail */
.vii-featured-news__gallery-item__thumbnail {aspect-ratio:504/365;}

/* Overlay */
.vii-featured-news__gallery-item:not(.active) .vii-featured-news__gallery-item__thumbnail:before {
    background:rgba(0, 0, 0, 0.7);
}
.vii-featured-news__gallery-item.active .vii-featured-news__gallery-item__thumbnail:before {
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40.63%, rgba(0, 0, 0, 0.5) 100%);
    filter:drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.2));
}
.vii-featured-news__gallery-item__info {padding:var(--vii-spacing-20);}

/* avoid CLS */
.vii-featured-news__gallery-inner:not(.os-enabled) > div:not(:first-child) {display:none;}

/*********************************************
 * Featured News Responsive
**********************************************/
@media only screen and (max-width:1024px) and (min-width:769px) {
    .vii-featured-news__gallery {left:-3px;}
}
@media only screen and (min-width:769px) {
    .vii-featured-news__col.left {padding-right:var(--vii-gap-container);}
    .vii-featured-news__col-inner {max-width:610px;}
}
@media only screen and (max-width:768px) {
    .vii-featured-news__col.left,
    .vii-featured-news__col.right {width:100%;}

    /* Overlapping Slider Item */
    .vii-featured-news__gallery-item {width:calc(100% - 15px) !important;}

    /* Button */
    .vii-featured-news__gallery .flickity-button {border:1px solid var(--vii-color-silver);}
    /* Arrow */
    .vii-featured-news__gallery .flickity-button {--flkt-position:-20px;}
}
@media only screen and (max-width:480px) {
    .vii-featured-news__gallery-item__title {font-size:16px !important;}
    .vii-featured-news__list-item {padding-right:10px;}
}
@media only screen and (max-width:425px) {
    .vii-featured-news__list-item {
        flex-wrap:wrap; padding:14px 0;
    }

    /* Date */
    .vii-featured-news__list-item__date {
        width:100%; background-color:var(--vii-color-gray-10); flex-direction:row; gap:5px; justify-content:flex-start;
        --vii-color-heading:var(--vii-color-gray-50); color:var(--vii-color-gray-50) !important; padding:0 20px;
    }
    .vii-featured-news__list-item__date .vii-featured-news__list-item__date-heading {
        font-size:14px; font-weight:400; font-family:var(--vii-font-primary);
    }

    .vii-featured-news__list-item__title-wrapper {padding:8px 20px;}

    /* Button */
    .vii-featured-news__list-item__button {padding:0 20px; margin-left:unset;}
}