/*************************************
* Directory
**************************************/
.site-content__inner {
    --width-sidebar:350px;
}

/* column */
.vii-directory-col.left {width:var(--width-sidebar); padding-right:var(--vii-gap-container);}
.vii-directory-col.right {width:calc(100% - var(--width-sidebar));}

/* left column */
.vii-directory-filter__items {border-bottom:1px solid var(--vii-color-light-gray-7);}
.vii-directory-filter__items:nth-last-child(2) {margin-bottom:0; padding-bottom:0; border-bottom:none;}

/* left column > Filter */
.vii-p-filter__item:not(:last-child) {margin-bottom:10px;}

/* right column > list */
.vii-directory-list__inner {
    --grid-gap-x:26px;
    --grid-gap-y:var(--vii-spacing-56);
}


/*************************************
* Directory - Responsive
**************************************/
@media only screen and (max-width:1180px) {
    .vii-directory-col.right {width:100%;}
    .vii-directory__filter-button {margin-bottom:var(--vii-spacing-56)}
    .vii-directory-list__inner {
        --grid-gap-x:var(--vii-gap-container);
        --grid-gap-y:var(--grid-gap-x);
    }
    .vii-directory-item__inner {
        min-height:calc((var(--vii-container) - (var(--grid-col) - 1) * var(--grid-gap-x)) / 3);
    }

    /* not found */
    .vii-directory-list .not-found {margin-bottom:0;}

    /* filter mobile */
    .vii-directory-search-filters__close {background:rgba(0,0,0,.5);}
    .vii-directory-search-filters__mobile-inner {max-width:var(--vii-mobile-menu-width);}
    .vii-directory-search-filters.mobile {
        overflow:auto; height:100%;
        padding: calc(80px + var(--admin-bar-height)) var(--vii-gap-container) 28px;
    }
    .vii-directory-filter__items {margin-bottom:20px; padding-bottom:20px;}

    /* show/hide filter */
    html.filter-open {overflow: hidden; height: 100%;}
    html:not(.filter-open) .vii-directory-search-filters__mobile {
        opacity:0;pointer-events:none; visibility:hidden;
    }
    html:not(.filter-open) .vii-directory-search-filters__mobile-inner {transform:translateX(-105%);}

    /* close filter button */
    .vii-directory-search-filters__close-button {
        height:50px; max-width:var(--vii-mobile-menu-width); padding:10px var(--vii-gap-container);
        top:var(--admin-bar-height); border-bottom:1px solid var(--vii-color-light-gray-3);
        box-shadow:0 0 10px 5px rgba(0,0,0,.1);
    }
    .vii-directory-search-filters__close-button button {background:rgba(0,0,0,0); width:28px; padding:4px; font-size:13px;}
    .vii-directory-search-filters__close-button button:hover {color:var(--vii-color-orange);}
}
@media only screen and (max-width:480px) {
    .vii-directory-search-filters__mobile-inner {
        --vii-mobile-menu-width:95vw;
    }
}
@media only screen and (max-width:480px) and (min-width:400px) {
    .vii-directory-list__inner {--grid-col:2;}
    .vii-directory-item__thumbnail {width:100%; padding:16px;}
}