/*********************************************
 * Campus item
**********************************************/
.vii-campus-item__inner {padding:9px 12px 18px 12px;}
.vii-campus-item__thumbnail-bg {aspect-ratio:270/168;}

/*********************************************
 * Campus item - Responsive
**********************************************/
@media (hover:hover) and (pointer:fine) {
    .vii-campus-item__inner:is(:hover, :focus) {
        box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.2);
        border-radius:var(--vii-radius-12);
    }
}
@media only screen and (max-width:1024px) {
    .vii-campus-item__inner {
        padding:9px calc(var(--vii-gap-container) / 2) 18px calc(var(--vii-gap-container) / 2);
    }
    .vii-campus-item__inner:is(:hover, :focus) {
        color:var(--vii-color-primary);
    }
}