{"id":2670,"date":"2026-05-17T15:00:37","date_gmt":"2026-05-17T22:00:37","guid":{"rendered":"https:\/\/carnivalinus.com\/?page_id=2670"},"modified":"2026-05-30T17:48:30","modified_gmt":"2026-05-31T00:48:30","slug":"photo-gallery","status":"publish","type":"page","link":"https:\/\/carnivalinus.com\/en\/blog-media\/photo-gallery\/","title":{"rendered":"Photo Gallery"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-1939673010\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill\"><\/div>\n                                    \n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(200, 169, 106);border-width:0px 0px 2px 0px;\">\n\t<\/div>\n                    <\/div>\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-363145565\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n\t<div id=\"text-573162586\" class=\"text\">\n\t\t\n<h1 style=\"font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:#7a1d1d;letter-spacing:4px;text-transform:uppercase;line-height:1.75;margin-bottom:16px;\">Photo Gallery<\/h1>\n<div style=\"display:flex;align-items:center;justify-content:center;margin-bottom:16px;\">\n<div style=\"height:1px;width:100px;background:#C8A96A;\"><\/div>\n<p><span style=\"color:#c8a96a;font-size:9px;margin:0 8px;\">\u25c6<\/span><\/p>\n<div style=\"height:1px;width:100px;background:#C8A96A;\"><\/div>\n<\/div>\n<p style=\"font-family:'Crimson Pro',serif;font-size:17px;font-style:italic;color:#251713;letter-spacing:0.5px;line-height:1.75;\">Moments captured from sacred sites and beautiful destinations<\/p>\n\t\t\n<style>\n#text-573162586 {\n  line-height: 0.75;\n}\n<\/style>\n\t<\/div>\n\t\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-363145565 {\n  width: 85%;\n}\n#text-box-363145565 .text-box-content {\n  font-size: 100%;\n}\n@media (min-width:550px) {\n  #text-box-363145565 {\n    width: 96%;\n  }\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1939673010 {\n  padding-top: 300px;\n  background-color: rgb(246, 237, 222);\n}\n<\/style>\n  <\/div>\n\n\n\t<section class=\"section\" id=\"section_1598114455\">\n\t\t<div class=\"bg section-bg fill bg-fill  bg-loaded\" >\n\n\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n \n    <section style=\"background:#F7F3EC; padding:40px 0 60px;\">\n    <div style=\"max-width:1200px; margin:0 auto; padding:0 24px;\">\n \n        <!-- \u2500\u2500 FILTER TABS \u2500\u2500 -->\n        <div style=\"display:flex; flex-wrap:nowrap; overflow-x:auto; gap:0; margin-bottom:32px; border-bottom:1px solid #EAD9A6;\">\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"all\"\n                onclick=\"galleryFilter('all')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid #7A1D1D; background:transparent; color:#7A1D1D; cursor:pointer; white-space:nowrap; font-weight:600; transition:all 0.15s;\">\n                All Photos            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Pilgrimage\"\n                onclick=\"galleryFilter('Pilgrimage')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Pilgrimages            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Leisure\"\n                onclick=\"galleryFilter('Leisure')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Leisure Tours            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Cruise\"\n                onclick=\"galleryFilter('Cruise')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Cruises            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Asia\"\n                onclick=\"galleryFilter('Asia')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Asia            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Europe\"\n                onclick=\"galleryFilter('Europe')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Europe            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Holy Land\"\n                onclick=\"galleryFilter('Holy Land')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Holy Land            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"South America\"\n                onclick=\"galleryFilter('South America')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                South America            <\/button>\n                        <button type=\"button\"\n                class=\"gallery-filter-btn\"\n                data-filter=\"Middle Eastern\"\n                onclick=\"galleryFilter('Middle Eastern')\"\n                style=\"font-family:'Cormorant Garamond',serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; padding:8px 14px; border:none; border-bottom:2.5px solid transparent; background:transparent; color:#7A6A5A; cursor:pointer; white-space:nowrap; font-weight:400; transition:all 0.15s;\">\n                Middle Eastern            <\/button>\n                    <\/div>\n \n        <!-- \u2500\u2500 PHOTO COUNT \u2500\u2500 -->\n        <p id=\"gallery-count\" style=\"font-family:'Noto Serif',serif; font-size:13px; color:#7A6A5A; margin-bottom:20px; text-align:center;\">\n            Showing 2 photos\n        <\/p>\n \n        <!-- \u2500\u2500 GRID \u2500\u2500 -->\n        <div style=\"display:grid; grid-template-columns:repeat(4,1fr); gap:16px;\">\n                <div class=\"gallery-card\"\n             data-filter=\"Pilgrimage\"\n             style=\"background:#fff; border:1px solid #EAD9A6; border-radius:4px; overflow:hidden; cursor:pointer;\"\n             onclick=\"galleryOpenPhoto('https:\/\/carnivalinus.com\/wp-content\/uploads\/2026\/05\/selfie-at-papal-audience.jpg?wsr')\">\n \n            <!-- Thumbnail -->\n            <div style=\"position:relative; height:180px; overflow:hidden; background:#EAD9A6;\">\n                                <img decoding=\"async\" src=\"https:\/\/carnivalinus.com\/wp-content\/uploads\/2026\/05\/selfie-at-papal-audience.jpg?wsr\"\n                     alt=\"selfie at papal audience.jpg\"\n                     style=\"width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s;\"\n                     onmouseover=\"this.style.transform='scale(1.04)'\"\n                     onmouseout=\"this.style.transform='scale(1)'\"\/>\n                                            <\/div>\n \n            <!-- Metadata -->\n            <div style=\"padding:10px 12px;\">\n                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">From: <\/span><span style=\"color:#251713;\">Pilgrimage Group 2025<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Date: <\/span><span style=\"color:#251713;\">September 2026<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Location: <\/span><span style=\"color:#251713;\">Vatican City, Rome<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Note: <\/span><span style=\"color:#251713;\">Selfie at St. Peter Square<\/span><\/p>\n                            <\/div>\n \n        <\/div>\n                <div class=\"gallery-card\"\n             data-filter=\"Pilgrimage\"\n             style=\"background:#fff; border:1px solid #EAD9A6; border-radius:4px; overflow:hidden; cursor:pointer;\"\n             onclick=\"galleryOpenPhoto('https:\/\/carnivalinus.com\/wp-content\/uploads\/2026\/05\/Group-pic-at-church.jpg?wsr')\">\n \n            <!-- Thumbnail -->\n            <div style=\"position:relative; height:180px; overflow:hidden; background:#EAD9A6;\">\n                                <img decoding=\"async\" src=\"https:\/\/carnivalinus.com\/wp-content\/uploads\/2026\/05\/Group-pic-at-church.jpg?wsr\"\n                     alt=\"group pic at church.jpg\"\n                     style=\"width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s;\"\n                     onmouseover=\"this.style.transform='scale(1.04)'\"\n                     onmouseout=\"this.style.transform='scale(1)'\"\/>\n                                            <\/div>\n \n            <!-- Metadata -->\n            <div style=\"padding:10px 12px;\">\n                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">From: <\/span><span style=\"color:#251713;\">Pilgrimage Group 2025<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Date: <\/span><span style=\"color:#251713;\">September 2026<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Location: <\/span><span style=\"color:#251713;\">Rome, Italy<\/span><\/p>\n                                                <p style=\"font-family:'Noto Serif',serif; font-size:11px; margin:0 0 3px;\"><span style=\"color:#7A6A5A;\">Note: <\/span><span style=\"color:#251713;\">Group photo at Papal Basilica of Saint Mary Major<\/span><\/p>\n                            <\/div>\n \n        <\/div>\n                <\/div>\n \n        <!-- \u2500\u2500 NO RESULTS \u2500\u2500 -->\n        <p id=\"gallery-no-results\" style=\"display:none; text-align:center; font-family:'Cormorant Garamond',serif; font-size:20px; color:#7A6A5A; padding:60px 0;\">No photos found for this filter.<\/p>\n \n    <\/div>\n    <\/section>\n \n    <!-- \u2500\u2500 LIGHTBOX \u2500\u2500 -->\n    <div id=\"gallery-lightbox\" style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.92); z-index:9999; align-items:center; justify-content:center;\">\n        <button onclick=\"galleryCloseLightbox()\" style=\"position:absolute; top:20px; right:28px; background:none; border:none; color:#F7F3EC; font-size:28px; cursor:pointer; z-index:10000;\">\u2715<\/button>\n        <img decoding=\"async\" id=\"gallery-lightbox-img\" src=\"\" alt=\"\" style=\"max-width:90vw; max-height:85vh; object-fit:contain; display:none; border-radius:2px;\"\/>\n        <video id=\"gallery-lightbox-video\" controls style=\"max-width:90vw; max-height:85vh; display:none; border-radius:2px;\">\n            <source id=\"gallery-lightbox-video-src\" src=\"\" type=\"video\/mp4\">\n        <\/video>\n    <\/div>\n \n    <script>\n    function galleryFilter(filter) {\n        var cards   = document.querySelectorAll('.gallery-card');\n        var btns    = document.querySelectorAll('.gallery-filter-btn');\n        var count   = 0;\n \n        \/\/ Update button styles\n        btns.forEach(function(btn){\n            var isActive = btn.dataset.filter === filter;\n            btn.style.borderBottom  = isActive ? '2.5px solid #7A1D1D' : '2.5px solid transparent';\n            btn.style.color         = isActive ? '#7A1D1D' : '#7A6A5A';\n            btn.style.fontWeight    = isActive ? '600' : '400';\n            btn.style.background    = 'transparent';\n        });\n \n        \/\/ Show\/hide cards\n        cards.forEach(function(card){\n            var match = filter === 'all' || card.dataset.filter === filter;\n            card.style.display = match ? 'block' : 'none';\n            if (match) count++;\n        });\n \n        document.getElementById('gallery-count').textContent = 'Showing ' + count + ' photos';\n        document.getElementById('gallery-no-results').style.display = count === 0 ? 'block' : 'none';\n    }\n \n    function galleryOpenPhoto(url) {\n        var lb  = document.getElementById('gallery-lightbox');\n        var img = document.getElementById('gallery-lightbox-img');\n        var vid = document.getElementById('gallery-lightbox-video');\n        img.src = url;\n        img.style.display = 'block';\n        vid.style.display = 'none';\n        lb.style.display  = 'flex';\n    }\n \n    function galleryOpenVideo(videoUrl, posterUrl) {\n        var lb  = document.getElementById('gallery-lightbox');\n        var img = document.getElementById('gallery-lightbox-img');\n        var vid = document.getElementById('gallery-lightbox-video');\n        var src = document.getElementById('gallery-lightbox-video-src');\n        src.src = videoUrl;\n        vid.poster = posterUrl;\n        vid.load();\n        img.style.display = 'none';\n        vid.style.display = 'block';\n        lb.style.display  = 'flex';\n        vid.play();\n    }\n \n    function galleryCloseLightbox() {\n        var lb  = document.getElementById('gallery-lightbox');\n        var vid = document.getElementById('gallery-lightbox-video');\n        vid.pause();\n        lb.style.display = 'none';\n    }\n \n    \/\/ Close on background click\n    document.getElementById('gallery-lightbox').addEventListener('click', function(e){\n        if (e.target === this) galleryCloseLightbox();\n    });\n \n    \/\/ Close on Escape key\n    document.addEventListener('keydown', function(e){\n        if (e.key === 'Escape') galleryCloseLightbox();\n    });\n    <\/script>\n \n    \n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1598114455 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":9,"featured_media":0,"parent":90,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2670","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/pages\/2670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/comments?post=2670"}],"version-history":[{"count":5,"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/pages\/2670\/revisions"}],"predecessor-version":[{"id":4232,"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/pages\/2670\/revisions\/4232"}],"up":[{"embeddable":true,"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/pages\/90"}],"wp:attachment":[{"href":"https:\/\/carnivalinus.com\/en\/wp-json\/wp\/v2\/media?parent=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}