.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn;
    background: white;
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default;
    background: white;
}



.carousel__button svg {
    width: 24px !important;
    height: 24px !important;
    fill: none !important;
    stroke: black !important;
    stroke-width: 1px !important;
    stroke-linejoin: bevel !important;
    stroke-linecap: round !important;
    pointer-events: none !important;
    font-size: 12px !important;
}




.slide.is-selected:hover a {


    /* cursor: url(../../css/zoom.svg), auto */
    /* // ntheis is the relative path to the zoom cursor /public_html/wp-content/themes/matat-yvel/css/zoom.svg */

    /* cursor: url(wp-content/themes/matat-yvel/css/zoom.svg), auto;
     */
    cursor: url(/wp-content/themes/matat-yvel/css/zoom.svg), auto;

    a {
        cursor: url(/wp-content/themes/matat-yvel/css/zoom.svg), auto;
    }
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: transparent;
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: 1;
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

/* Close button */
.fancybox__button--close svg {
    width: 24px;
    height: 24px;
    stroke-width: 1;
}

/* Zoom button */
.fancybox__button--zoom svg {
    width: 24px;
    height: 24px;
}

/* Transition effects */
.fancybox__container,
.fancybox__bg {
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

/* Ensure no hover effects disrupt the icons */
.fancybox__button:hover svg {
    fill: #0f0f0f;
    stroke: #0f0f0f;
}

/* Ensure lightbox text inherits the desired font style */
.fancybox__content {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: left;
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 200;
    color: black;
    text-shadow: none;
}