@media(min-width:1920px){.template-page-recent-pergola-projects .page-width{max-width:1780px}}.recent-pergola-project-banner{display:flex;align-items:center;position:relative;height:380px;width:100%;overflow:hidden}.recent-pergola-project-banner-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.recent-pergola-project-banner-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1;pointer-events:none}.recent-pergola-project-banner-img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;object-position:100% center}.recent-pergola-project-banner .recent-pergola-project-content-ctn{display:flex;flex-direction:column;position:relative;width:100%;color:#fff;margin-top:60px;gap:20px;z-index:2}.recent-pergola-project-banner .recent-pergola-project-content-ctn h1{margin-bottom:10px;color:#fff}.custom-masonry-gallery{padding-top:60px;padding-bottom:60px}.masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:10px;gap:10px;width:100%}.masonry-item{grid-row-end:span 30;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background:#f5f5f5;margin:0}.masonry-item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000026}.masonry-item-inner{position:relative;width:100%;height:100%;cursor:pointer;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.masonry-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease,opacity .3s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.masonry-item:hover .masonry-image{transform:scale(1.05)}.masonry-video-wrapper{position:relative;width:100%;background:#000;overflow:hidden}.masonry-video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.masonry-item.is-loading{overflow:hidden}.masonry-item.is-loading .masonry-image{opacity:0}.masonry-item.is-error{background:#e8e8e8}.masonry-item:not(.is-loading) .masonry-image{opacity:1}.masonry-item-spinner{position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(0,0,0,.12);border-top-color:#0006;border-radius:50%;animation:masonry-spin .8s linear infinite;opacity:0;pointer-events:none;transition:opacity .15s}.masonry-item.is-loading .masonry-item-spinner{opacity:1}.masonry-item:not(.is-loading) .masonry-item-spinner{animation:none}.custom-masonry-gallery .masonry-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:999999;align-items:center;justify-content:center;opacity:0}.custom-masonry-gallery .masonry-lightbox.active{display:flex}.custom-masonry-gallery .lightbox-content{max-width:90%;max-height:90vh;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.custom-masonry-gallery .lightbox-image,.custom-masonry-gallery .lightbox-video{max-width:100%;max-height:90vh;object-fit:contain}.custom-masonry-gallery .lightbox-image{opacity:0;transition:opacity .25s}.custom-masonry-gallery .lightbox-image.is-loaded{opacity:1}.custom-masonry-gallery .lightbox-spinner{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:masonry-spin .8s linear infinite;opacity:0;transition:opacity .15s;pointer-events:none}.custom-masonry-gallery .lightbox-spinner.is-visible{opacity:1}.custom-masonry-gallery .lightbox-close{position:absolute;top:20px;right:40px;color:#fff;font-size:50px;cursor:pointer;z-index:1000002;transition:color .3s ease;line-height:1;padding:10px;-webkit-user-select:none;user-select:none}.custom-masonry-gallery .lightbox-close:hover{color:#f44}.custom-masonry-gallery .lightbox-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:1000001}.custom-masonry-gallery .lightbox-prev,.custom-masonry-gallery .lightbox-next{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff26;border:none;font-size:20px;cursor:pointer;transition:background .3s ease;pointer-events:all;-webkit-user-select:none;user-select:none;padding:0;border-radius:100%!important;color:#fff}.custom-masonry-gallery .lightbox-prev:hover,.custom-masonry-gallery .lightbox-next:hover{background:#ffffff4d}.custom-masonry-gallery .lightbox-prev i,.custom-masonry-gallery .lightbox-next i{line-height:1;display:flex;align-items:center;justify-content:center}@keyframes masonry-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.masonry-item-spinner,.custom-masonry-gallery .lightbox-spinner{animation-duration:1.6s}}@media(max-width:991px){.masonry-grid{grid-template-columns:repeat(3,1fr);gap:8px}.custom-masonry-gallery{padding:40px 20px}.custom-masonry-gallery .lightbox-prev,.custom-masonry-gallery .lightbox-next{width:40px;height:40px;font-size:18px}.custom-masonry-gallery .lightbox-close{font-size:40px;top:15px;right:20px}}@media(max-width:768px){.masonry-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.custom-masonry-gallery .lightbox-prev,.custom-masonry-gallery .lightbox-next{width:35px;height:35px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/coring-masonry-gallery-style.css.map */