/*************************************
* Directory Popup
**************************************/
/* popup */
.easy-popup-content:has(.vii-directory-popup) {padding:0;}

/* popup row */
.vii-directory-popup {
    padding-left:var(--vii-gap-container); padding-right:var(--vii-gap-container);
}

/* logo */
.vii-directory-popup__thumbnail {width:35%;}
.vii-directory-popup__thumbnail-bg {padding:20px;}
.vii-directory-popup__thumbnail-bg img {mix-blend-mode:multiply;}

/* row top > info */
.vii-directory-popup__info {width:65%; padding-left:var(--vii-gap-container);}
.vii-directory-popup__info-title {
    border-bottom:1px solid var(--vii-color-light-gray-7);
}

/* list item */
.vii-directory-popup__info-list-item {display:flex; align-items:baseline;}
.vii-directory-popup__info-list-item .label {width:40%; padding-right:12px;}
.vii-directory-popup__info-list-item .info {width:60%;}
.vii-directory-popup__info-list-item .info,
.vii-directory-popup__info-list-item .info a {color:rgba(37, 43, 55, .7);}
.vii-directory-popup__info-list-item .info a:hover {color:var(--vii-color-primary); opacity:1;}
.vii-directory-popup__info-list-item:not(:last-child) {margin-bottom:14px;}

/* close button */
.easy-popup:has(.vii-directory-popup) .ep-close-button {
    transform:translate(0,0);
    --ep-close-color:rgba(0,0,0,.2);
}

/*************************************
* Directory Popup - Responsive
**************************************/
@media only screen and (max-width:767px) {
    .vii-directory-popup {flex-direction:column; padding-top:var(--vii-gap-container)}
    .vii-directory-popup__thumbnail {width:200px; margin-bottom:20px;}
    .vii-directory-popup__info {width:100%; padding-left:0;}
    .vii-directory-popup__main-content {width:100%; padding-right:0; margin-bottom:24px;}
    .vii-directory-popup__main-content-inner {max-width:100%;}
}
@media only screen and (max-width:480px) {
    .vii-directory-popup__info-list-item {flex-direction:column;}
    .vii-directory-popup__info-list-item .label {width:100%; padding-right:0;}
    .vii-directory-popup__info-list-item .info {width:100%;}
    .vii-directory-popup__info-list-item:not(:last-child) {margin-bottom:20px;}
}