/****************************************
 * Module work
****************************************/
.vii-work-list__items-container {position:relative; z-index:1;}

/* grid */
.vii-work-grid {margin:-24px -10px;}
.vii-work-grid .vii-work-item {width:33.33%; padding:24px 10px;}
.vii-work-grid .vii-work-item.big-item {width:66.66%;}
.vii-work-grid .vii-work-item.big-item .vii-work-item__thumbnail {padding-top:64%;}

/* featured slider */
.vii-featured-work__wrapper.has-slider .vii-work-item {width:50%;}
.vii-featured-work__wrapper.has-slider .vii-work-item__thumbnail {padding-top:62.5%;}

/*thumbnail*/
.vii-work-item__thumbnail {padding-top:102%; position:relative; overflow:hidden;}
.vii-work-item__thumbnail:before {
    content:""; display:block; z-index:2;
    width:100%; height:100%; background:#000;
    position:absolute; top:0; left:0;
    opacity:0; pointer-events:none; transition:var(--vii-transition-slow);
}
.vii-work-item__thumbnail-bg {transition:var(--vii-transition-slow);}
.vii-work-item__title {--vii-spacing-heading:5px; transition:var(--vii-transition);}

/*hover*/
.vii-work-item__inner:hover .vii-work-item__thumbnail:before {opacity:.3;}
.vii-work-item__inner:hover .vii-work-item__thumbnail-bg {transform:scale(1.05);}
.vii-work-item__inner:hover .vii-work-item__title {color:var(--vii-color-primary);}

/****************************************
 * Module work Responsive
****************************************/
@media only screen and (max-width:768px) {
    /*slider*/
    .vii-work-item__thumbnail {padding-top:100%;}

    /* grid */
    .vii-work-grid {margin:-20px -10px;}
    .vii-work-grid .vii-work-item {width:50%; padding:20px 10px;}
    .vii-work-grid .vii-work-item.big-item {width:100%;}
}
@media only screen and (max-width:480px) {
    /*slider*/
    .vii-work-item__thumbnail {padding-top:70%;}

    /* grid */
    .vii-work-grid .vii-work-item {width:100%;}
    .vii-work-grid .vii-work-item.big-item .vii-work-item__thumbnail {padding-top:70%;}
}