/* enlarge button */
.rdy_gallery a.lightbox {
    position: relative;
}

.mfp-enlarge-icon {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: fit-content;
    height: fit-content;
    border: 0;
    border: unset;
    background-color: var(--vtr-green);
    font-size: 0.8rem;
    line-height: 1;
    color: #fff;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    transition: all 0.15s linear;
}

.mfp-enlarge-icon img {
    width: 1.5rem;
    height: auto;
    transition: all 0.15s linear;
}


/* enlarge button hover */
.link.lightbox:hover .mfp-enlarge-icon {
    background-color: #fff;
    color: var(--vtr-dark-blue);
}

.link.lightbox:hover .mfp-enlarge-icon img {
    filter: invert(1);
}

/* zoom button */
.mfp-image-holder .mfp-content {
    position: relative;
}

.mfp-zoom-button {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    transform: translateY(-100%);
    width: fit-content;
    height: fit-content;
    border: 0;
    border: unset;
    background-color: var(--vtr-green);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 0.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    z-index: 10001;
    transition: all 0.15s linear;
}

.mfp-zoom-button img {
    width: 1.5rem;
    height: auto;
    transition: all 0.15s linear;
}

/* zoom button hover */
.mfp-zoom-button:hover {
    background-color: #fff;
    color: var(--vtr-dark-blue);
}

.mfp-zoom-button:hover img {
    filter: invert(1);
}

/* zoom overlay */
.mfp-zoom-lens {
    position: fixed;
    width: 250px;
    height: 250px;
    border: 2px solid var(--vtr-green);
    border-radius: 50%;
    background-color: var(--vtr-dark-blue);
    background-repeat: no-repeat;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    z-index: 10002;
}

/* prev/next buttons */
button.mfp-arrow {
    width: 64px;
    height: 64px;
    padding: 0;
    opacity: 1 !important;
    background-color: unset !important;
}

.mfp-arrow.mfp-arrow-left::before,
.mfp-arrow.mfp-arrow-left::after,
.mfp-arrow.mfp-arrow-right::before,
.mfp-arrow.mfp-arrow-right::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

.mfp-custom-arrow-icon {
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}

/* close button */
button.mfp-close {
    width: 2rem !important;
    height: 2rem !important;
    top: 1rem !important;
    right: 1rem !important;
    padding: 0;
    opacity: 1 !important;
    background-color: unset !important;
}

button.mfp-close::before,
button.mfp-close::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* fullscreen area */
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.9 !important;
    background: var(--vtr-dark-blue);
}


/* - - - - R E S P O N S I V E - - - - */

/* P H O N E  only */
@media (max-width: 767.98px) {

    /* hide magnifyer on mobile */
    .mfp-zoom-button {
        display: none !important;
    }
}