html:has(.oak-cat),body:has(.oak-cat){overflow-x:clip} .oak-cat{--ch:#1F1F1F;--gold:#C9A24B;--cream:#FAF6EE;--w:#fff;font-family:Inter,system-ui,sans-serif;color:var(--ch);width:100vw;max-width:100vw;position:relative;left:50%;margin-left:-50vw;background:var(--cream);line-height:1.5;box-sizing:border-box} .oak-cat *,.oak-cat *::before,.oak-cat *::after{box-sizing:border-box} .oak-cat h1,.oak-cat h2,.oak-cat h3{font-family:'Playfair Display',Georgia,serif!important;margin:0;color:inherit} .oak-cat .oc-search label{color:var(--ch)!important} .oak-cat .oc-count,.oak-cat .oc-empty{color:#555!important}.oak-cat .oc-count strong{color:var(--ch)!important} .oak-cat .oc-cta h2{color:var(--cream)!important}.oak-cat .oc-card .oc-body h3{color:var(--ch)!important} .oak-cat .oc-wrap{max-width:1240px;margin:0 auto;padding:0 24px} .oak-cat .oc-hero{background:var(--cream);padding:72px 0 56px;text-align:center} .oak-cat .oc-label{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.18em;margin:0 0 14px} .oak-cat .oc-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.15;font-weight:700;margin-bottom:16px} .oak-cat .oc-intro{max-width:680px;margin:0 auto 32px;font-size:17px;color:#444} .oak-cat .oc-search{max-width:720px;margin:0 auto;text-align:left} .oak-cat .oc-search label{display:block;font-size:13px;font-weight:600;margin-bottom:6px} .oak-cat .oc-search input{width:100%;font:inherit;font-size:18px;padding:18px 22px;border:2px solid var(--ch);border-radius:999px;background:var(--w);color:var(--ch);outline:none} .oak-cat .oc-search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.25)} .oak-cat .oc-filters{background:var(--w);border-bottom:1px solid #eadfc9;padding:20px 0} .oak-cat .oc-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0} .oak-cat .oc-row .oc-rl{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#777;margin-right:6px;min-width:70px} .oak-cat .oc-pill{font:inherit;font-size:14px;font-weight:500;padding:8px 16px;border-radius:999px;border:1px solid #d9cdb3;background:var(--w);color:var(--ch);cursor:pointer;transition:all .15s} .oak-cat .oc-pill:hover{border-color:var(--ch)} .oak-cat .oc-pill:focus-visible{outline:3px solid var(--gold);outline-offset:2px} .oak-cat .oc-pill.active{background:var(--ch);color:var(--cream);border-color:var(--ch)} .oak-cat .oc-count{padding:24px 0 8px;font-size:15px;color:#555} .oak-cat .oc-count strong{color:var(--ch)} .oak-cat .oc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:12px 0 64px} .oak-cat .oc-card{display:flex;flex-direction:column;background:var(--w);border:1px solid #eadfc9;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ch);transition:transform .2s,box-shadow .2s} .oak-cat .oc-card:hover,.oak-cat .oc-card:focus-visible{transform:translateY(-6px);box-shadow:0 14px 30px rgba(31,31,31,.14);color:var(--ch)} .oak-cat .oc-prev{position:relative;aspect-ratio:2/3;background-color:var(--cream);background-image:linear-gradient(45deg,rgba(201,162,75,.16) 25%,transparent 25%,transparent 75%,rgba(201,162,75,.16) 75%),linear-gradient(45deg,rgba(201,162,75,.16) 25%,transparent 25%,transparent 75%,rgba(201,162,75,.16) 75%);background-size:28px 28px;background-position:0 0,14px 14px;display:flex;align-items:center;justify-content:center} .oak-cat .oc-prev::before{content:"";position:absolute;inset:16px;border:1.5px solid var(--gold);border-radius:6px} .oak-cat .oc-prev::after{content:"";position:absolute;inset:24px;border:1px solid rgba(201,162,75,.5);border-radius:3px} .oak-cat .oc-soon{position:relative;z-index:1;background:var(--cream);color:#7a6126;border:1px solid var(--gold);font-size:12px;font-weight:600;letter-spacing:.06em;padding:6px 14px;border-radius:999px} .oak-cat .oc-badges{position:absolute;top:26px;left:26px;right:26px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between} .oak-cat .oc-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.04em} .oak-cat .oc-b-mem{background:var(--ch);color:var(--cream)} .oak-cat .oc-b-oak{background:var(--gold);color:var(--ch)} .oak-cat .oc-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1} .oak-cat .oc-body h3{font-size:20px;line-height:1.25;font-weight:600} .oak-cat .oc-chips{display:flex;flex-wrap:wrap;gap:6px} .oak-cat .oc-chip{font-size:12px;background:var(--cream);border:1px solid #eadfc9;border-radius:6px;padding:2px 8px;color:#555} .oak-cat .oc-desc{font-size:14px;color:#555;margin:0} .oak-cat .oc-empty{display:none;text-align:center;padding:40px 0 80px;font-size:18px;color:#555} .oak-cat .oc-cta{background:var(--ch);color:var(--cream);text-align:center;padding:72px 0} .oak-cat .oc-cta h2{font-size:clamp(28px,4vw,42px);margin-bottom:12px;color:var(--cream)} .oak-cat .oc-cta p{margin:0 0 28px;color:#d8d2c4;font-size:16px} .oak-cat .oc-btn{display:inline-block;margin:6px;padding:14px 28px;border-radius:999px;font-weight:600;text-decoration:none;font-size:16px;transition:transform .15s} .oak-cat .oc-btn:hover{transform:translateY(-2px)} .oak-cat .oc-btn-gold{background:var(--gold);color:var(--ch);border:2px solid var(--gold)} .oak-cat .oc-btn-out{background:transparent;color:var(--cream);border:2px solid var(--cream)} .oak-cat .oc-btn-out:hover{background:var(--cream);color:var(--ch)} @media(max-width:1024px){.oak-cat .oc-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.oak-cat .oc-grid{grid-template-columns:1fr}.oak-cat .oc-hero{padding:48px 0 40px}.oak-cat .oc-row .oc-rl{width:100%}} .oak-cat .oc-card{cursor:pointer} .oak-cat .oc-prev.oc-img{background:#efe7d6;padding:0;border:0;width:100%;display:block;flex-shrink:0;aspect-ratio:2/3;height:auto;cursor:zoom-in;font:inherit;overflow:hidden} .oak-cat .oc-prev.oc-img::before,.oak-cat .oc-prev.oc-img::after{display:none} .oak-cat .oc-prev.oc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s} .oak-cat .oc-card:hover .oc-prev.oc-img img{transform:scale(1.03)} .oak-cat .oc-prev.oc-img:focus-visible{outline:3px solid var(--gold);outline-offset:-3px} .oak-cat .oc-prev .oc-badges{top:12px;left:12px;right:12px;justify-content:flex-start} .oak-cat .oc-more{position:absolute;right:12px;top:12px;z-index:2;background:rgba(31,31,31,.82);color:var(--cream);font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px} .oak-cat .oc-inc{font-size:13px;color:#555;margin:0} .oak-cat .oc-events{padding:8px 0 64px;text-align:center} .oak-cat .oc-events h2{font-size:clamp(24px,3vw,32px);margin-bottom:16px} .oak-cat .oc-events .oc-row{justify-content:center} .oak-cat a.oc-pill{text-decoration:none;display:inline-block} .oak-cat .ol-lb{position:fixed;inset:0;z-index:99999;background:rgba(20,20,20,.92);display:none;align-items:center;justify-content:center;padding:56px 16px 110px} .oak-cat .ol-lb.open{display:flex} .oak-cat .ol-fig{margin:0;max-width:min(1000px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px} .oak-cat .ol-fig img{max-width:100%;max-height:calc(100vh - 210px);width:auto;height:auto;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5);background:#2a2a2a} .oak-cat .ol-cap{color:#FAF6EE;font-size:15px;text-align:center}.oak-cat .ol-cap strong{font-family:'Playfair Display',Georgia,serif;font-size:20px;display:block;color:#FAF6EE} .oak-cat .ol-x,.oak-cat .ol-nav{position:absolute;background:rgba(250,246,238,.12);color:#FAF6EE;border:1px solid rgba(250,246,238,.35);border-radius:999px;cursor:pointer;font:600 22px/1 Inter,system-ui,sans-serif;width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0} .oak-cat .ol-x:hover,.oak-cat .ol-nav:hover{background:#C9A24B;color:#1F1F1F;border-color:#C9A24B} .oak-cat .ol-x:focus-visible,.oak-cat .ol-nav:focus-visible,.oak-cat .ol-th button:focus-visible{outline:3px solid #C9A24B;outline-offset:2px} .oak-cat .ol-x{top:14px;right:14px}.oak-cat .ol-prev{left:14px;top:50%;transform:translateY(-50%)}.oak-cat .ol-next{right:14px;top:50%;transform:translateY(-50%)} .oak-cat .ol-th{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 12px} .oak-cat .ol-th button{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#333;cursor:pointer;opacity:.6} .oak-cat .ol-th button.on{border-color:#C9A24B;opacity:1}.oak-cat .ol-th img{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:600px){.oak-cat .ol-nav{top:auto;bottom:86px;transform:none;width:42px;height:42px}.oak-cat .ol-th button{width:48px;height:48px}.oak-cat .ol-lb{padding:56px 8px 150px}} (function(){var r=document.querySelector('.oak-cat');if(!r||r.dataset.init)return;r.dataset.init=1; var q=r.querySelector('#oc-q'),cards=[].slice.call(r.querySelectorAll('.oc-card')),cat='all'; function apply(){var t=q.value.trim().toLowerCase(),n=0; cards.forEach(function(c){var txt=(c.querySelector('h3').textContent+' '+[].map.call(c.querySelectorAll('.oc-chip'),function(x){return x.textContent}).join(' ')+' '+c.dataset.kw).toLowerCase(); var ok=(cat==='all'||c.dataset.cats.split(' ').indexOf(cat)>-1)&&(!t||t.split(/\s+/).every(function(w){return txt.indexOf(w)>-1})); c.style.display=ok?'':'none';if(ok)n++}); r.querySelector('#oc-n').textContent=n;r.querySelector('#oc-w').textContent=n===1?'template':'templates'; r.querySelector('#oc-empty').style.display=n?'none':'block'} q.addEventListener('input',apply); r.querySelectorAll('[data-cat]').forEach(function(b){b.addEventListener('click',function(){cat=b.dataset.cat;r.querySelectorAll('[data-cat]').forEach(function(x){var on=x===b;x.classList.toggle('active',on);x.setAttribute('aria-pressed',on)});apply()})}); cards.forEach(function(c){c.addEventListener('click',function(e){if(e.target.closest('button'))return;var b=c.querySelector('.oc-prev');if(b)b.click()})}); })(); (function(){var r=document.querySelector('.oak-cat');if(!r||r.dataset.lb)return;r.dataset.lb=1; var BASE='https://photoboothtemplatesfree.com/wp-content/uploads/oak-previews/',G={"white-rose-wedding": ["White Rose Wedding", ["white-rose-wedding-hero.webp", "white-rose-wedding-1.webp", "white-rose-wedding-2.webp", "white-rose-wedding-3.webp"]], "blush-rose-wedding": ["Blush Rose Monogram Wedding", ["blush-rose-wedding-hero.webp", "blush-rose-wedding-1.webp", "blush-rose-wedding-2.webp", "blush-rose-wedding-3.webp"]], "boho-floral-wedding": ["Boho Floral Wedding", ["boho-floral-wedding-hero.webp", "boho-floral-wedding-1.webp", "boho-floral-wedding-2.webp", "boho-floral-wedding-3.webp"]], "gold-leaf-wedding": ["Gold Leaf Wedding", ["gold-leaf-wedding-hero.webp", "gold-leaf-wedding-1.webp", "gold-leaf-wedding-2.webp", "gold-leaf-wedding-3.webp"]], "vintage-gold-wedding": ["Vintage Gold Wedding", ["vintage-gold-wedding-hero.webp", "vintage-gold-wedding-1.webp", "vintage-gold-wedding-2.webp", "vintage-gold-wedding-3.webp"]], "modern-monogram-wedding": ["Modern Monogram Wedding", ["modern-monogram-wedding-hero.webp", "modern-monogram-wedding-1.webp", "modern-monogram-wedding-2.webp", "modern-monogram-wedding-3.webp"]], "lavender-wisteria-wedding": ["Lavender Wisteria Wedding", ["lavender-wisteria-wedding-hero.webp", "lavender-wisteria-wedding-1.webp", "lavender-wisteria-wedding-2.webp", "lavender-wisteria-wedding-3.webp"]], "galaxy-neon-wedding": ["Galaxy Neon Wedding", ["galaxy-neon-wedding-hero.webp", "galaxy-neon-wedding-1.webp", "galaxy-neon-wedding-2.webp", "galaxy-neon-wedding-3.webp"]], "emerald-deco-wedding": ["Emerald Deco Wedding", ["emerald-deco-wedding-hero.webp", "emerald-deco-wedding-1.webp", "emerald-deco-wedding-2.webp", "emerald-deco-wedding-3.webp"]], "glitter-bridal-shower": ["Glitter Bridal Shower", ["glitter-bridal-shower-hero.webp", "glitter-bridal-shower-1.webp", "glitter-bridal-shower-2.webp", "glitter-bridal-shower-3.webp"]], "congrats-grads": ["Congrats Grads", ["congrats-grads-hero.webp", "congrats-grads-1.webp", "congrats-grads-2.webp", "congrats-grads-3.webp"]], "boho-pampas-grad": ["Boho Pampas Graduation", ["boho-pampas-grad-hero.webp", "boho-pampas-grad-1.webp", "boho-pampas-grad-2.webp", "boho-pampas-grad-3.webp"]], "pink-stripe-baby-shower": ["Pink Stripe Baby Shower", ["pink-stripe-baby-shower-hero.webp", "pink-stripe-baby-shower-1.webp", "pink-stripe-baby-shower-2.webp", "pink-stripe-baby-shower-3.webp"]], "gold-christmas-corporate": ["Gold Christmas Corporate", ["gold-christmas-corporate-hero.webp", "gold-christmas-corporate-1.webp", "gold-christmas-corporate-2.webp", "gold-christmas-corporate-3.webp"]], "red-christmas-corporate": ["Red Christmas Corporate", ["red-christmas-corporate-hero.webp", "red-christmas-corporate-1.webp", "red-christmas-corporate-2.webp", "red-christmas-corporate-3.webp"]], "navy-diwali-corporate": ["Navy Diwali Corporate", ["navy-diwali-corporate-hero.webp", "navy-diwali-corporate-1.webp", "navy-diwali-corporate-2.webp", "navy-diwali-corporate-3.webp"]], "purple-halloween-corporate": ["Purple Halloween Social Corporate", ["purple-halloween-corporate-hero.webp", "purple-halloween-corporate-1.webp", "purple-halloween-corporate-2.webp", "purple-halloween-corporate-3.webp"]], "gold-year-end-corporate": ["Gold Year End Party Corporate", ["gold-year-end-corporate-hero.webp", "gold-year-end-corporate-1.webp", "gold-year-end-corporate-2.webp", "gold-year-end-corporate-3.webp"]], "winter-snowflake-corporate": ["Winter Snowflake Holiday Corporate", ["winter-snowflake-corporate-hero.webp", "winter-snowflake-corporate-1.webp", "winter-snowflake-corporate-2.webp", "winter-snowflake-corporate-3.webp"]], "new-year-watercolour-corporate": ["New Year Watercolour Corporate", ["new-year-watercolour-corporate-hero.webp", "new-year-watercolour-corporate-1.webp", "new-year-watercolour-corporate-2.webp", "new-year-watercolour-corporate-3.webp"]], "disco-confetti-corporate": ["Disco Confetti Corporate", ["disco-confetti-corporate-hero.webp", "disco-confetti-corporate-1.webp", "disco-confetti-corporate-2.webp", "disco-confetti-corporate-3.webp"]], "blue-gradient-conference": ["Blue Gradient Conference", ["blue-gradient-conference-hero.webp", "blue-gradient-conference-1.webp", "blue-gradient-conference-2.webp", "blue-gradient-conference-3.webp"]], "black-gold-gala-corporate": ["Black & Gold Awards Gala Corporate", ["black-gold-gala-corporate-hero.webp", "black-gold-gala-corporate-1.webp", "black-gold-gala-corporate-2.webp", "black-gold-gala-corporate-3.webp"]], "beach-palm-corporate": ["Beach Palm Summer Corporate", ["beach-palm-corporate-hero.webp", "beach-palm-corporate-1.webp", "beach-palm-corporate-2.webp", "beach-palm-corporate-3.webp"]], "eid-gold-corners": ["Eid Gold Corners", ["eid-gold-corners-hero.webp", "eid-gold-corners-1.webp", "eid-gold-corners-2.webp", "eid-gold-corners-3.webp"]], "ramadan-lantern-green": ["Ramadan Lantern Green", ["ramadan-lantern-green-hero.webp", "ramadan-lantern-green-1.webp", "ramadan-lantern-green-2.webp", "ramadan-lantern-green-3.webp"]], "spooky-pumpkin-halloween": ["Spooky Pumpkin Halloween", ["spooky-pumpkin-halloween-hero.webp", "spooky-pumpkin-halloween-1.webp", "spooky-pumpkin-halloween-2.webp", "spooky-pumpkin-halloween-3.webp"]], "pink-bow-valentine": ["Pink Bow Valentine", ["pink-bow-valentine-hero.webp", "pink-bow-valentine-1.webp", "pink-bow-valentine-2.webp", "pink-bow-valentine-3.webp"]], "summer-soiree": ["Summer Soiree", ["summer-soiree-hero.webp", "summer-soiree-1.webp", "summer-soiree-2.webp", "summer-soiree-3.webp"]], "navy-gold-50th": ["Navy & Gold 50th Birthday", ["navy-gold-50th-hero.webp", "navy-gold-50th-1.webp", "navy-gold-50th-2.webp", "navy-gold-50th-3.webp"]], "neon-50th": ["Neon 50th Birthday", ["neon-50th-hero.webp", "neon-50th-1.webp", "neon-50th-2.webp", "neon-50th-3.webp"]], "cheers-to-50": ["Cheers to 50 Years", ["cheers-to-50-hero.webp", "cheers-to-50-1.webp", "cheers-to-50-2.webp", "cheers-to-50-3.webp"]], "black-gold-40th": ["Black & Gold 40th Birthday", ["black-gold-40th-hero.webp", "black-gold-40th-1.webp", "black-gold-40th-2.webp", "black-gold-40th-3.webp"]], "wild-one-first-birthday": ["Wild One First Birthday", ["wild-one-first-birthday-hero.webp", "wild-one-first-birthday-1.webp", "wild-one-first-birthday-2.webp", "wild-one-first-birthday-3.webp"]], "sweet-sixteen-marquee": ["Sweet Sixteen Marquee", ["sweet-sixteen-marquee-hero.webp", "sweet-sixteen-marquee-1.webp", "sweet-sixteen-marquee-2.webp", "sweet-sixteen-marquee-3.webp"]], "teddy-first-birthday": ["Teddy First Birthday", ["teddy-first-birthday-hero.webp", "teddy-first-birthday-1.webp", "teddy-first-birthday-2.webp", "teddy-first-birthday-3.webp"]], "golden-era-birthday": ["Golden Era Birthday", ["golden-era-birthday-hero.webp", "golden-era-birthday-1.webp", "golden-era-birthday-2.webp", "golden-era-birthday-3.webp"]], "blooming-thirty-birthday": ["Blooming into Thirty Birthday", ["blooming-thirty-birthday-hero.webp", "blooming-thirty-birthday-1.webp", "blooming-thirty-birthday-2.webp", "blooming-thirty-birthday-3.webp"]], "first-lap-racing-birthday": ["First Lap Racing First Birthday", ["first-lap-racing-birthday-hero.webp", "first-lap-racing-birthday-1.webp", "first-lap-racing-birthday-2.webp", "first-lap-racing-birthday-3.webp"]], "purple-disco-sweet-16": ["Purple Disco Sweet 16", ["purple-disco-sweet-16-hero.webp", "purple-disco-sweet-16-1.webp", "purple-disco-sweet-16-2.webp", "purple-disco-sweet-16-3.webp"]], "marigold-mehndi": ["Marigold Mehndi", ["marigold-mehndi-hero.webp", "marigold-mehndi-1.webp", "marigold-mehndi-2.webp", "marigold-mehndi-3.webp"]], "jewel-toned-sangeet": ["Jewel-Toned Sangeet", ["jewel-toned-sangeet-hero.webp", "jewel-toned-sangeet-1.webp", "jewel-toned-sangeet-2.webp", "jewel-toned-sangeet-3.webp"]], "gilded-arch-nikah": ["Gilded Arch Nikah", ["gilded-arch-nikah-hero.webp", "gilded-arch-nikah-1.webp", "gilded-arch-nikah-2.webp", "gilded-arch-nikah-3.webp"]], "blush-garden-walima": ["Blush Garden Walima", ["blush-garden-walima-hero.webp", "blush-garden-walima-1.webp", "blush-garden-walima-2.webp", "blush-garden-walima-3.webp"]], "celestial-eid": ["Celestial Eid", ["celestial-eid-hero.webp", "celestial-eid-1.webp", "celestial-eid-2.webp", "celestial-eid-3.webp"]], "rangoli-radiance-diwali": ["Rangoli Radiance Diwali", ["rangoli-radiance-diwali-hero.webp", "rangoli-radiance-diwali-1.webp", "rangoli-radiance-diwali-2.webp", "rangoli-radiance-diwali-3.webp"]], "moonlit-vows-wedding": ["Moonlit Vows Wedding", ["moonlit-vows-wedding-hero.webp", "moonlit-vows-wedding-1.webp", "moonlit-vows-wedding-2.webp", "moonlit-vows-wedding-3.webp"]], "terracotta-arch-wedding": ["Terracotta Arch Wedding", ["terracotta-arch-wedding-hero.webp", "terracotta-arch-wedding-1.webp", "terracotta-arch-wedding-2.webp", "terracotta-arch-wedding-3.webp"]], "olive-branch-wedding": ["Olive Branch Wedding", ["olive-branch-wedding-hero.webp", "olive-branch-wedding-1.webp", "olive-branch-wedding-2.webp", "olive-branch-wedding-3.webp"]], "rose-scallop-quinceanera": ["Rose Scallop Quinceañera", ["rose-scallop-quinceanera-hero.webp", "rose-scallop-quinceanera-1.webp", "rose-scallop-quinceanera-2.webp", "rose-scallop-quinceanera-3.webp"]], "wildflower-garden-birthday": ["Wildflower Garden Birthday", ["wildflower-garden-birthday-hero.webp", "wildflower-garden-birthday-1.webp", "wildflower-garden-birthday-2.webp", "wildflower-garden-birthday-3.webp"]], "cosmic-adventure-birthday": ["Cosmic Adventure Birthday", ["cosmic-adventure-birthday-hero.webp", "cosmic-adventure-birthday-1.webp", "cosmic-adventure-birthday-2.webp", "cosmic-adventure-birthday-3.webp"]], "confetti-pop-birthday": ["Confetti Pop Birthday", ["confetti-pop-birthday-hero.webp", "confetti-pop-birthday-1.webp", "confetti-pop-birthday-2.webp", "confetti-pop-birthday-3.webp"]], "retro-roller-birthday": ["Retro Roller Birthday", ["retro-roller-birthday-hero.webp", "retro-roller-birthday-1.webp", "retro-roller-birthday-2.webp", "retro-roller-birthday-3.webp"]], "botanical-rainbow-baby-shower": ["Botanical Rainbow Baby Shower", ["botanical-rainbow-baby-shower-hero.webp", "botanical-rainbow-baby-shower-1.webp", "botanical-rainbow-baby-shower-2.webp", "botanical-rainbow-baby-shower-3.webp"]], "teal-momentum-corporate": ["Teal Momentum Corporate", ["teal-momentum-corporate-hero.webp", "teal-momentum-corporate-1.webp", "teal-momentum-corporate-2.webp", "teal-momentum-corporate-3.webp"]], "cobalt-prism-corporate": ["Cobalt Prism Corporate", ["cobalt-prism-corporate-hero.webp", "cobalt-prism-corporate-1.webp", "cobalt-prism-corporate-2.webp", "cobalt-prism-corporate-3.webp"]], "midnight-hanukkah": ["Midnight Hanukkah", ["midnight-hanukkah-hero.webp", "midnight-hanukkah-1.webp", "midnight-hanukkah-2.webp", "midnight-hanukkah-3.webp"]], "crimson-lantern-lunar-new-year": ["Crimson Lantern Lunar New Year", ["crimson-lantern-lunar-new-year-hero.webp", "crimson-lantern-lunar-new-year-1.webp", "crimson-lantern-lunar-new-year-2.webp", "crimson-lantern-lunar-new-year-3.webp"]], "evergreen-holiday-party": ["Evergreen Holiday Party", ["evergreen-holiday-party-hero.webp", "evergreen-holiday-party-1.webp", "evergreen-holiday-party-2.webp", "evergreen-holiday-party-3.webp"]], "scholarly-laurels-graduation": ["Scholarly Laurels Graduation", ["scholarly-laurels-graduation-hero.webp", "scholarly-laurels-graduation-1.webp", "scholarly-laurels-graduation-2.webp", "scholarly-laurels-graduation-3.webp"]], "golden-journey-retirement": ["Golden Journey Retirement", ["golden-journey-retirement-hero.webp", "golden-journey-retirement-1.webp", "golden-journey-retirement-2.webp", "golden-journey-retirement-3.webp"]], "champagne-cheers-anniversary": ["Champagne Cheers Anniversary", ["champagne-cheers-anniversary-hero.webp", "champagne-cheers-anniversary-1.webp", "champagne-cheers-anniversary-2.webp", "champagne-cheers-anniversary-3.webp"]], "little-wonder-gender-reveal": ["Little Wonder Gender Reveal", ["little-wonder-gender-reveal-hero.webp", "little-wonder-gender-reveal-1.webp", "little-wonder-gender-reveal-2.webp", "little-wonder-gender-reveal-3.webp"]], "blue-star-mitzvah": ["Blue Star Bar Mitzvah", ["blue-star-mitzvah-hero.webp", "blue-star-mitzvah-1.webp", "blue-star-mitzvah-2.webp", "blue-star-mitzvah-3.webp"]], "maple-leaf-canada-day": ["Maple Leaf Canada Day", ["maple-leaf-canada-day-hero.webp", "maple-leaf-canada-day-1.webp", "maple-leaf-canada-day-2.webp", "maple-leaf-canada-day-3.webp"]], "lucky-clover-st-patricks": ["Lucky Clover St. Patrick’s", ["lucky-clover-st-patricks-hero.webp", "lucky-clover-st-patricks-1.webp", "lucky-clover-st-patricks-2.webp", "lucky-clover-st-patricks-3.webp"]], "botanical-mothers-day": ["Botanical Mother’s Day", ["botanical-mothers-day-hero.webp", "botanical-mothers-day-1.webp", "botanical-mothers-day-2.webp", "botanical-mothers-day-3.webp"]], "starry-night-prom": ["Starry Night Prom", ["starry-night-prom-hero.webp", "starry-night-prom-1.webp", "starry-night-prom-2.webp", "starry-night-prom-3.webp"]], "carnival-fun-kids": ["Carnival Fun Kids’ Party", ["carnival-fun-kids-hero.webp", "carnival-fun-kids-1.webp", "carnival-fun-kids-2.webp", "carnival-fun-kids-3.webp"]], "tropical-luau": ["Tropical Luau", ["tropical-luau-hero.webp", "tropical-luau-1.webp", "tropical-luau-2.webp", "tropical-luau-3.webp"]], "rustic-western": ["Rustic Western", ["rustic-western-hero.webp", "rustic-western-1.webp", "rustic-western-2.webp", "rustic-western-3.webp"]], "mystic-masquerade": ["Mystic Masquerade", ["mystic-masquerade-hero.webp", "mystic-masquerade-1.webp", "mystic-masquerade-2.webp", "mystic-masquerade-3.webp"]], "gatsby-art-deco": ["Gatsby Art Deco", ["gatsby-art-deco-hero.webp", "gatsby-art-deco-1.webp", "gatsby-art-deco-2.webp", "gatsby-art-deco-3.webp"]], "championship-sports-fan": ["Championship Sports Fan", ["championship-sports-fan-hero.webp", "championship-sports-fan-1.webp", "championship-sports-fan-2.webp", "championship-sports-fan-3.webp"]], "colour-splash-holi": ["Colour Splash Holi", ["colour-splash-holi-hero.webp", "colour-splash-holi-1.webp", "colour-splash-holi-2.webp", "colour-splash-holi-3.webp"]], "jolly-holiday-kids": ["Jolly Holiday Kids", ["jolly-holiday-kids-hero.webp", "jolly-holiday-kids-1.webp", "jolly-holiday-kids-2.webp", "jolly-holiday-kids-3.webp"]], "velocity-product-launch-corporate": ["Velocity Product Launch Corporate", ["velocity-product-launch-corporate-hero.webp", "velocity-product-launch-corporate-1.webp", "velocity-product-launch-corporate-2.webp", "velocity-product-launch-corporate-3.webp"]], "sapphire-honours-awards-corporate": ["Sapphire Honours Awards Corporate", ["sapphire-honours-awards-corporate-hero.webp", "sapphire-honours-awards-corporate-1.webp", "sapphire-honours-awards-corporate-2.webp", "sapphire-honours-awards-corporate-3.webp"]], "blush-peony-wedding": ["Blush Peony Wedding", ["blush-peony-wedding-hero.webp", "blush-peony-wedding-1.webp", "blush-peony-wedding-2.webp", "blush-peony-wedding-3.webp"]]},CAP=["4x6 print preview with sample guests", "Welcome screen (16:9)", "Mockup: prints on a table", "2x6 photo strip preview"]; var lb=r.querySelector('.ol-lb'),im=lb.querySelector('.ol-fig img'),cap=lb.querySelector('.ol-cap'),th=lb.querySelector('.ol-th'),cur=null,i=0,last=null,tx=null; function show(n){var g=G[cur],f=g[1];i=(n+f.length)%f.length;im.src=BASE+f[i];im.alt=g[0]+': '+CAP[i]; cap.innerHTML='';var s=document.createElement('strong');s.textContent=g[0];cap.appendChild(s);cap.appendChild(document.createTextNode(CAP[i]+' ('+(i+1)+' of '+f.length+')')); [].forEach.call(th.children,function(b,k){b.classList.toggle('on',k===i);b.setAttribute('aria-current',k===i?'true':'false')})} function open(slug,from){if(!G[slug])return;cur=slug;last=from||document.activeElement;th.innerHTML=''; G[slug][1].forEach(function(f,k){var b=document.createElement('button');b.type='button';b.setAttribute('aria-label','Show image '+(k+1)+': '+CAP[k]);var t=document.createElement('img');t.src=BASE+f;t.alt='';t.loading='lazy';b.appendChild(t);b.addEventListener('click',function(){show(k)});th.appendChild(b)}); lb.hidden=false;lb.classList.add('open');document.documentElement.style.overflow='hidden';show(0);lb.querySelector('.ol-x').focus()} function close(){lb.classList.remove('open');lb.hidden=true;im.removeAttribute('src');document.documentElement.style.overflow='';if(last&&last.focus)last.focus()} lb.querySelector('.ol-x').addEventListener('click',close); lb.querySelector('.ol-prev').addEventListener('click',function(){show(i-1)}); lb.querySelector('.ol-next').addEventListener('click',function(){show(i+1)}); lb.addEventListener('click',function(e){if(e.target===lb)close()}); lb.addEventListener('touchstart',function(e){tx=e.touches[0].clientX},{passive:true}); lb.addEventListener('touchend',function(e){if(tx===null)return;var d=e.changedTouches[0].clientX-tx;if(Math.abs(d)>50)show(i+(d<0?1:-1));tx=null}); document.addEventListener('keydown',function(e){if(lb.hidden)return;if(e.key==='Escape')close();else if(e.key==='ArrowRight')show(i+1);else if(e.key==='ArrowLeft')show(i-1); else if(e.key==='Tab'){var f=[].slice.call(lb.querySelectorAll('button'));var a=f.indexOf(document.activeElement);if(e.shiftKey&&a<=0){e.preventDefault();f[f.length-1].focus()}else if(!e.shiftKey&&a===f.length-1){e.preventDefault();f[0].focus()}}}); r.querySelectorAll('.oc-prev[data-g]').forEach(function(b){b.addEventListener('click',function(e){e.preventDefault();open(b.getAttribute('data-g'),b)})}); })();