/*********************************************
 * CPT Item
**********************************************/
/* Item */
.vii-grid-item__inner {display:block;}

/* Thumbnail */
.vii-grid-item__thumbnail-wrapper {position:relative;}
.vii-grid-item__thumbnail {
    padding-top:69%; position:relative;
    overflow:hidden; border-radius:6px;
}
.vii-grid-item__thumbnail:before {
    background:#000; pointer-events:none; opacity:0;
    transition:var(--vii-transition); z-index:1;
}
.vii-grid-item__thumbnail-bg {transition:var(--vii-transition);}

/* Content */
.vii-grid-item__title {--vii-spacing-heading:15px;}

/* Button */
.vii-grid-item__btn {transition:var(--vii-transition);}

/* Hover */
.vii-grid-item__inner:hover .vii-grid-item__thumbnail:before {opacity:.25;}
.vii-grid-item__inner:hover .vii-grid-item__thumbnail-bg {transform:scale(1.02);}

/* Grid */
.vii-grid-items {
    --bl-spacing-items-x:20px;
    --bl-spacing-items-y:70px;
    position:relative;
}
.vii-blog-list__inner, .vii-grid-items__inner {
    margin:calc(-1 * var(--bl-spacing-items-y) / 2) calc(-1 * var(--bl-spacing-items-x) / 2);
}
.vii-grid-items .vii-grid-item {
    width:33.33%;
    padding:calc(var(--bl-spacing-items-y) / 2) calc(var(--bl-spacing-items-x) / 2);
}
.vii-grid-items .vii-grid-item.vii-grid-item--highlight {width:100%;}

/* Logo */
.vii-grid-item__client-logo {
    position:absolute; bottom:-1px; right:-1px; z-index:5;
    box-shadow:var(--vii-box-shadow);
    width:128px; height:76px; background:#fff;
    border-radius:6px 0 6px 0; padding:15px;
}
.vii-grid-item__client-logo img {max-width:110px;}

/* Highlighted */
.vii-grid-item--highlight .vii-grid-item__inner {display:flex; align-items:center;}
.vii-grid-item--highlight .vii-grid-item__thumbnail-wrapper {width:50%;}
.vii-grid-item--highlight .vii-grid-item__thumbnail {
    --vii-spacing-25:0px;
    border-radius:10px; padding-top:67%;
}
.vii-grid-item--highlight .vii-grid-item__info {width:50%; padding-left:60px;}

/* Time */
@media only screen and (min-width:541px) {
    .vii-blog-grid__col:nth-child(2) .vii-grid-item__category-date {display:block;}
    .vii-blog-grid__col:nth-child(2) .vii-grid-item__category-date time.item-date:before {display:none;}
    .vii-blog-grid__col:nth-child(2) .vii-grid-item__category-date time.item-date {padding-top:5px; display:block;}
}
time.item-date:before {
    content:""; background:var(--vii-color-text);
    display:inline-block; width:4px; height:4px; border-radius:50%;
    transform:translateY(-.22em); margin:0 12px 0 15px; opacity:.4;
}

/*********************************************
 * CPT Item Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .vii-grid-items {--bl-spacing-items-y:45px;}

    /* Highlighted */
    .vii-grid-item--highlight .vii-grid-item__info {padding-left:var(--vii-gap-container);}
}

@media only screen and (max-width:920px) {
    .vii-grid-items .vii-grid-item {width:50%;}

    /* Logo */
    .vii-grid-item__client-logo {height:50px;}
    .vii-grid-item__client-logo img {max-width:80px;}
}

@media only screen and (max-width:768px) {
    /* Item highlighted */
    .vii-grid-item--highlight .vii-grid-item__inner {flex-direction:column;}
    .vii-grid-item--highlight .vii-grid-item__thumbnail {padding-top:56.25%;}
    .vii-grid-item--highlight .vii-grid-item__info,
    .vii-grid-item--highlight .vii-grid-item__thumbnail-wrapper {width:100%;}
    .vii-grid-item--highlight .vii-grid-item__thumbnail-wrapper {margin-bottom:25px;}
    .vii-grid-item--highlight .vii-grid-item__info {padding-left:0;}
}

@media only screen and (max-width:540px) {
    .vii-grid-items .vii-grid-item {width:100%;}
}