Hot Tubs

About

(function() { const initTabs = () => { const tabs = document.querySelectorAll('.js-tab-trigger'); const panels = document.querySelectorAll('.ol-panel'); if (tabs.length === 0) return; // Failsafe in case elements haven't loaded tabs.forEach(tab => { tab.addEventListener('click', function(e) { e.preventDefault(); // Stops the button from doing anything weird // 1. Remove active states tabs.forEach(t => { t.classList.remove('is-active'); t.setAttribute('aria-selected', 'false'); }); panels.forEach(p => p.classList.remove('is-active')); // 2. Add active state to the clicked tab this.classList.add('is-active'); this.setAttribute('aria-selected', 'true'); // 3. Show the corresponding panel const targetId = this.getAttribute('data-target'); const targetPanel = document.getElementById(targetId); if (targetPanel) { targetPanel.classList.add('is-active'); } }); }); }; // Run the code regardless of how the theme loads the page if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { initTabs(); }); } else { initTabs(); } })(); /* CSS Variables sourced from OL_Colour_Hex_Guide.pdf & User Brand Pref */ .ol-navigator-wrapper { --ol-brand: #40b7ab; --ol-brand-dark: #359c91; --ol-accent-secondary: #8C7998; --ol-tint-bg: #E1F2EF; --ol-text-main: #2A2322; --ol-text-muted: #555555; --ol-white: #ffffff; --ol-radius: 8px; --ol-container-radius: 16px; --ol-shadow-soft: 0 15px 35px rgba(64, 183, 171, 0.08); --ol-shadow-hover: 0 20px 40px rgba(42, 35, 34, 0.12); --ol-transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); max-width: 1200px; margin: 0 auto 30px auto; /* Adjusted bottom padding to 45px to replace dynamic JS padding */ padding: 22px 30px 45px 30px; background-color: var(--ol-tint-bg); border-radius: var(--ol-container-radius); box-shadow: var(--ol-shadow-soft); border: 1px solid rgba(255,255,255,0.7); box-sizing: border-box; scroll-margin-top: 100px; } .ol-navigator-wrapper *, .ol-navigator-wrapper *::before, .ol-navigator-wrapper *::after {

On-page SEO