/*********************************************
 * Campus Grid
**********************************************/
/* sidebar */
.vii-campus-grid__sidebar {
    width:calc(100% * 4 / 12);padding-right:37px;padding-bottom:18px;
}
.vii-campus-grid__navigation {max-width:304px;}
.vii-campus-grid__description {max-width:365px;}

/* listing grid */
.vii-campus-grid__listing {width:calc(100% * 8 / 12);}
.vii-campus-grid__location-list {
    margin-left:-12px;margin-right:-12px;
    --grid-gap-x:0px;--grid-gap-y:10px;
}
.vii-campus-grid__location_group + .vii-campus-grid__location_group {
    border-top:1px dashed var(--vii-color-border-light);
}


/*********************************************
 * Campus Grid - Responsive
**********************************************/
@media only screen and (min-width:1441px) {
    /* sidebar */
    .vii-campus-grid__navigation,
    .vii-campus-grid__description {max-width:380px;}
}
@media only screen and (max-width:1024px) {
    /* sidebar */
    .vii-campus-grid__sidebar {padding-bottom:0;width:100%;}
    .vii-campus-grid__sidebar {padding-right:0;margin-bottom:var(--vii-spacing-32);}
    .vii-campus-grid__navigation {max-width:100%;}
    .vii-campus-grid__navigation .vii-nav {display:flex;justify-content:center;}
    .vii-campus-grid__description {max-width:unset;}

    /* listing grid */
    .vii-campus-grid__listing {width:100%;}
    .vii-campus-grid__location-list {margin-left:calc(-1 * var(--vii-gap-container) / 2);margin-right:calc(-1 * var(--vii-gap-container) / 2);}
}
@media only screen and (max-width:920px) {
    .vii-campus-grid__location-list {--grid-col:2;}
}
@media only screen and (max-width:540px) {
    .vii-campus-grid__location-list {--grid-col:1;}
}