/* Small additions for behaviour the WordPress theme handled with JavaScript. */
/* Story gallery: masonry columns (theme used a JavaScript masonry layout) */
.module-gallery-grid.gallery-masonry{display:block;column-count:var(--galn);column-gap:var(--galg)}
.module-gallery-grid.gallery-masonry .gallery-item{break-inside:avoid;display:block;margin:0 0 var(--galh)}
.module-gallery-grid .gallery-icon img{display:block;margin:0 auto}
/* Lightbox */
.gi-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center}
.gi-lightbox.open{display:flex}
.gi-lightbox img{max-width:92vw;max-height:88vh;width:auto;height:auto;box-shadow:0 0 30px rgba(0,0,0,.6)}
.gi-lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer;padding:12px;opacity:.85}
.gi-lightbox button:hover{opacity:1}
.gi-lb-close{top:8px;right:12px}
.gi-lb-prev{left:8px;top:50%;transform:translateY(-50%)}
.gi-lb-next{right:8px;top:50%;transform:translateY(-50%)}
/* Builder visibility classes (breakpoints from the theme settings: 1280 / 768 / 680) */
@media (min-width:1281px){.hide-desktop{display:none!important}}
@media (min-width:769px) and (max-width:1280px){.hide-tablet_landscape{display:none!important}}
@media (min-width:681px) and (max-width:768px){.hide-tablet{display:none!important}}
@media (max-width:680px){.hide-mobile{display:none!important}}
/* Mobile slide-in menu (theme loaded this with JavaScript) */
.mobile_menu_active #mobile-menu.sidemenu{display:block}
/* Contact form messages */
.builder-contact .contact-message p{padding:10px 15px;margin:0 0 15px;border-radius:6px}
.builder-contact .contact-success{background:#e6f6d8;color:#2c5a0e}
.builder-contact .contact-error{background:#fde3e0;color:#8a1c10}
/* "Load More" button (theme showed it with JavaScript) */
.tf_load_more .load-more-button{display:inline-block}
.module-gallery-grid .gallery-icon img{width:auto}