/*********************************************
 * Blog > Item
**********************************************/
.vii-blog-item__inner {padding:20px 20px 46px 20px;}
.vii-blog-item__thumbnail {aspect-ratio:376/252;}
.vii-blog-item__cat-time {gap:4px}
.vii-blog-item .block-tag {padding:4px 8px calc(4px + .2em) 8px;}

/* hover, focus */
.vii-blog-item__inner:is(:hover, :focus) .vii-blog-item__title {color:var(--vii-color-primary);}

/* vc row has bg image */
.vc_row.vii-row-has-bg-image .vii-blog-item__inner {
    background-color:var(--vii-color-white);
}


/*********************************************
 * Blog > Item - Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .vii-blog-item__inner {padding:20px;}
}
@media only screen and (max-width:768px) {
    .vii-blog-item__thumbnail {margin-bottom:20px;}
    .vii-blog-item__cat-time,
    .vii-blog-item__title-wrap {margin-bottom:10px;}
}