/* thumbnail */
.f-thumbs__slide__button img.f-thumbs__slide__img {
    display:block; width:100%; min-width:100%;
    max-width:100%; height:100%; min-height:100%;
    max-height:100%; object-fit:cover; object-position:center;
}

/* video size */
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    height:90vh;
}


/***********************************
* Custom fancybox
***********************************/
.fancybox__container {
    --fancybox-bg:#fff;
    --f-thumb-gap:10px;
    --f-thumb-opacity:0.7;
    --f-thumb-outline:0px;
    --f-thumb-height:70px;
    z-index:99999999999999;
}

/* toolbar */
.fancybox__toolbar {top:10px !important; right:10px !important;}
.fancybox__toolbar__column {
    --f-button-width:32px;
    --f-button-height:32px;
    --f-button-bg:#fff;
    --f-button-hover-bg:var(--vii-color-green);
    --f-button-active-bg:var(--vii-color-green);
    --f-button-border-radius:6px;
    --f-button-color:var(--vii-color-green);
    --f-button-border:1px solid var(--vii-color-green);
    --f-button-svg-width:16px;
    --f-button-svg-height:16px;
    --f-button-svg-filter:none;
    --f-button-transition: all 0.45s ease;

    gap:4px;
}
.fancybox__toolbar__column .f-button svg {transition:all 0.45s ease;}

/* custom button close */
.fancybox__toolbar__column .f-button[data-fancybox-close] svg {display:none;}
.fancybox__toolbar__column .f-button[data-fancybox-close]:before {
    font-family:var(--vii-font-icomoon), fantasy; content:'\e93a';
    font-size:12px; line-height: 1; color:var(--f-button-color);
    transition: var(--f-button-transition);
}
.fancybox__toolbar__column .f-button[data-fancybox-close]:hover:before {color:var(--vii-color-on-primary);}

/* thumbnail */
.is-nav-selected .f-thumbs__slide__button::after {opacity:0;}

/* arrow */
.fancybox__nav {
    --f-button-border:1px solid var(--vii-color-green);
    --f-button-color:var(--vii-color-green);
    --f-button-hover-color: var(--vii-color-on-primary);
    --f-button-hover-bg: var(--vii-color-green);
    --f-button-active-bg: var(--vii-color-green);
}
.fancybox__nav button svg {display:none;}
.fancybox__nav button:after {
    font-family:var(--vii-font-icomoon), fantasy;
    font-size:16px; line-height: 1; color:var(--f-button-color);
    transition: var(--f-button-transition);
}
.fancybox__nav button:hover:after {color:var(--vii-color-on-primary);}
.fancybox__nav button.is-prev:after {content:"\e926";}
.fancybox__nav button.is-next:after {content:"\e927";}

/* counter */
.fancybox__infobar {
    font-family:var(--vii-font-primary); font-size:16px;
    color:var(--vii-color-text); text-shadow:none;
}

/* footer */
.is-compact .fancybox__footer {background:rgba(0,0,0,0);}