/* 
Theme Name: Your New Site
Theme URI: https://github.com/elementor/hello-theme/
Description: Welcome to your new site
Author: Rooftop Twenty Two
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/






/* Lightbox styles */
.masonry-gallery-lightbox {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
/*     backdrop-filter: blur(50px); */
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.masonry-gallery-lightbox.hidden { display: none; }
.masonry-gallery-lightbox img.lightbox-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 8px;
    padding: 70px;
    transition: transform 0.3s ease;
}
.masonry-gallery-lightbox .right-col {
    position: absolute;
    top: 20px;
    right: 30px;
    display: flex;
    align-items: center;
}
.masonry-gallery-lightbox .close-btn,
.masonry-gallery-lightbox .zoom-btn,
.masonry-gallery-lightbox .fullscreen-btn,
.masonry-gallery-lightbox .counter {
    color: white;
    cursor: pointer;
}
.masonry-gallery-lightbox .counter {
    position: absolute;
}
.masonry-gallery-lightbox .close-btn { margin:0px 5px; font-size:35px;}
.masonry-gallery-lightbox .zoom-btn { margin:6px 20px 0px;  font-size: 25px;}
.masonry-gallery-lightbox .zoom-btn svg{}
.masonry-gallery-lightbox .fullscreen-btn { margin:0px 5px; font-size: 25px;}
.masonry-gallery-lightbox .counter { top: 20px; left: 30px; font-size: 18px; }
.masonry-gallery-lightbox .prev, .masonry-gallery-lightbox .next {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #fff !important;
    cursor: pointer;
    padding: 5px 18px;
    transform: translateY(-50%);
    border-radius: 50%;
}
.masonry-gallery-lightbox .prev { left: 20px; }
.masonry-gallery-lightbox .next { right: 20px; }
.zoom-btn .zoom-in { display: inline; }
.zoom-btn .zoom-out { display: none; }

.zoom-btn.zoomed .zoom-in { display: none; }
.zoom-btn.zoomed .zoom-out { display: inline; }

@media (max-width: 640px) {
    .masonry-gallery-lightbox .prev { left: 0px; }
    .masonry-gallery-lightbox .next { right: 0px; }
    .masonry-gallery-lightbox .prev, .masonry-gallery-lightbox .next { font-size: 20px; padding: 5px 15px; }
    .masonry-gallery-lightbox img.lightbox-image { padding: 30px; }
}