{"id":10793,"date":"2026-04-16T08:00:22","date_gmt":"2026-04-16T05:00:22","guid":{"rendered":"https:\/\/walkingmonth.ro\/?page_id=10793"},"modified":"2026-04-16T09:09:31","modified_gmt":"2026-04-16T06:09:31","slug":"locations","status":"publish","type":"page","link":"https:\/\/walkingmonth.ro\/en\/locations\/","title":{"rendered":"Locations"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div id=\"vc_row-69e11fafee10e\" class=\"vc_row wpb_row vc_row-fluid thegem-custom-69e11fafee0e92351\"><div class=\"wpb_column vc_column_container vc_col-sm-12 thegem-custom-69e11fafee36f5510\" ><div class=\"vc_column-inner thegem-custom-inner-69e11fafee371 \"><div class=\"wpb_wrapper thegem-custom-69e11fafee36f5510\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element vc_custom_1776319768493\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!-- ============================================================\r\n     WALKING MONTH 2026 \u2014 Info \/ Details Page (Interactive)\r\n     WP Bakery Raw HTML Block \u00b7 Mobile-first \u00b7 Self-contained\r\n\r\n     \u250c\u2500 HOW IT WORKS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502 Single page with 7 locations. Click a pill at the top    \u2502\r\n     \u2502 to swap the content in-place \u2014 no page reload, no        \u2502\r\n     \u2502 navigation. All city data lives in the LOCATIONS object  \u2502\r\n     \u2502 at the top of the <script> block below.                  \u2502\r\n     \u2502                                                            \u2502\r\n     \u2502 To add\/edit a city, just update LOCATIONS in the script. \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n     ============================================================ -->\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Anton&family=Spline+Sans:wght@400;500;600;700&display=swap');\r\n\r\n    .wmi * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    .wmi {\r\n        font-family: 'Spline Sans', Arial, sans-serif;\r\n        width: 100%;\r\n        margin: 0;\r\n        background: #fff;\r\n        color: #1a1a1a;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 LOCATION NAV (inside hero, on gold bg) \u2500\u2500\u2500 *\/\r\n    .wmi-nav {\r\n        padding: 0;\r\n        overflow-x: auto;\r\n        -webkit-overflow-scrolling: touch;\r\n        scrollbar-width: none;\r\n        position: relative;\r\n        z-index: 1;\r\n        margin-top: 22px;\r\n    }\r\n    .wmi-nav::-webkit-scrollbar { display: none; }\r\n\r\n    .wmi-nav-inner {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        flex-wrap: nowrap;\r\n        width: max-content;\r\n        min-width: 100%;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .wmi-nav-inner {\r\n            flex-wrap: wrap;\r\n            width: 100%;\r\n            justify-content: flex-start;\r\n        }\r\n    }\r\n\r\n    .wmi-nav-pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 10px 20px;\r\n        border-radius: 40px;\r\n        background: #fff;\r\n        border: none;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n        white-space: nowrap;\r\n        flex-shrink: 0;\r\n        cursor: pointer;\r\n        font-family: inherit;\r\n        transition: background 0.15s, color 0.15s, transform 0.15s;\r\n    }\r\n    .wmi-nav-pill:hover {\r\n        background: #1a1a1a;\r\n        color: #F5B800;\r\n        transform: translateY(-1px);\r\n    }\r\n    .wmi-nav-pill[aria-current=\"true\"] {\r\n        background: #1a1a1a;\r\n        color: #F5B800;\r\n        cursor: default;\r\n    }\r\n    .wmi-nav-pill[aria-current=\"true\"]:hover {\r\n        transform: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 HERO BANNER \u2500\u2500\u2500\r\n       Content stays inside parent column so it aligns with body text.\r\n       A pseudo-element creates the full-viewport-width gold background. *\/\r\n    .wmi-hero {\r\n        position: relative;\r\n        padding: 28px 0 44px;\r\n        overflow: visible;\r\n    }\r\n\r\n    \/* Full-width gold background that extends beyond parent container *\/\r\n    .wmi-hero::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: calc(50% - 50vw);\r\n        width: 100vw;\r\n        background: linear-gradient(\r\n                115deg,\r\n                #ffb80c 0%, #feba14 20%, #febd20 35%, #fec231 50%,\r\n                #fdd062 65%, #fbe3a8 80%, #faefd1 92%, #fafcff 100%\r\n        );\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* Inner wrapper - content sits on top of the background *\/\r\n    .wmi-hero-inner {\r\n        position: relative;\r\n        z-index: 1;\r\n        width: 100%;\r\n    }\r\n\r\n    .wmi-hero-title {\r\n        font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;\r\n        font-size: 44px;\r\n        line-height: 0.95;\r\n        color: #1a1a1a;\r\n        text-transform: uppercase;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .wmi-hero-title { font-size: 60px; }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 CONTENT SECTIONS \u2500\u2500\u2500 *\/\r\n    .wmi-body {\r\n        padding: 40px 0 48px;\r\n        background: #fff;\r\n        width: 100%;\r\n    }\r\n\r\n    .wmi-section { margin-bottom: 38px; }\r\n    .wmi-section:last-child { margin-bottom: 0; }\r\n\r\n    .wmi-h2 {\r\n        font-family: 'Spline Sans', Arial, sans-serif;\r\n        font-size: 26px;\r\n        line-height: 1.1;\r\n        text-transform: uppercase;\r\n        margin-bottom: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n        flex-wrap: wrap;\r\n    }\r\n    @media (min-width: 768px) {\r\n        .wmi-h2 { font-size: 32px; }\r\n    }\r\n\r\n    .wmi-h2::before {\r\n        content: '';\r\n        display: inline-block;\r\n        width: 28px;\r\n        height: 5px;\r\n        background: #F5B800;\r\n        border-radius: 3px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .wmi-p {\r\n        font-size: 16px;\r\n        line-height: 1.6;\r\n        color: #2d2d2d;\r\n        margin-bottom: 12px;\r\n    }\r\n    .wmi-p:last-child { margin-bottom: 0; }\r\n\r\n    .wmi-strong { font-weight: 700; color: #1a1a1a; }\r\n\r\n    \/* Key-info callout *\/\r\n    .wmi-callout {\r\n        background: linear-gradient(115deg, #fef4d4 0%, #fde8a0 100%);\r\n        border-left: 5px solid #F5B800;\r\n        padding: 20px 22px;\r\n        border-radius: 8px;\r\n        margin: 18px 0;\r\n    }\r\n    .wmi-callout-row {\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 10px;\r\n        font-size: 15px;\r\n        line-height: 1.5;\r\n    }\r\n    .wmi-callout-row + .wmi-callout-row { margin-top: 6px; }\r\n    .wmi-callout-label {\r\n        font-weight: 700;\r\n        color: #1a1a1a;\r\n        min-width: 90px;\r\n        flex-shrink: 0;\r\n    }\r\n    .wmi-callout-val { color: #2d2d2d; }\r\n\r\n    \/* Pills in team-up section *\/\r\n    .wmi-pills {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-top: 14px;\r\n    }\r\n    .wmi-pill {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 8px 18px;\r\n        border-radius: 40px;\r\n        background: #fff;\r\n        border: 2px solid #e0e0e0;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        color: #1a1a1a;\r\n        white-space: nowrap;\r\n    }\r\n    .wmi-pill-current {\r\n        background: #1a1a1a;\r\n        border-color: #1a1a1a;\r\n        color: #F5B800;\r\n    }\r\n\r\n    \/* \"Coming soon\" badge *\/\r\n    .wmi-soon {\r\n        display: inline-block;\r\n        padding: 3px 10px;\r\n        background: #fff4d1;\r\n        color: #8a6500;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        letter-spacing: 0.06em;\r\n        text-transform: uppercase;\r\n        border-radius: 4px;\r\n        vertical-align: middle;\r\n    }\r\n\r\n    \/* Fade animation when swapping content *\/\r\n    .wmi-fade {\r\n        animation: wmiFadeIn 0.3s ease-out;\r\n    }\r\n    @keyframes wmiFadeIn {\r\n        from { opacity: 0; transform: translateY(6px); }\r\n        to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"wmi\">\r\n\r\n    <!-- \u2550\u2550\u2550 HERO BANNER (full-width, includes location nav) \u2550\u2550\u2550 -->\r\n    <div class=\"wmi-hero\">\r\n        <div class=\"wmi-hero-inner\">\r\n\r\n            <h1 class=\"wmi-hero-title\">\r\n                Everything you<br>need to know\r\n            <\/h1>\r\n\r\n            <!-- Location nav pills (below the title, still in hero) -->\r\n            <nav class=\"wmi-nav\" aria-label=\"Select location\">\r\n                <div class=\"wmi-nav-inner\" id=\"wmi-nav-inner\">\r\n                    <!-- Pills injected by JS -->\r\n                <\/div>\r\n            <\/nav>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550 BODY CONTENT \u2550\u2550\u2550 -->\r\n    <div class=\"wmi-body\" id=\"wmi-body\">\r\n        <!-- Content injected by JS -->\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        \/\/ LOCATIONS DATA \u2014 edit here to update content for any city\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        var LOCATIONS = [\r\n            { key: 'cluj',      name: 'Cluj',      country: 'Romania'  },\r\n            { key: 'porto',     name: 'Porto',     country: 'Portugal' },\r\n            { key: 'sofia',     name: 'Sofia',     country: 'Bulgaria' },\r\n            { key: 'hyderabad', name: 'Hyderabad', country: 'India'    },\r\n            { key: 'london',    name: 'London',    country: 'the UK'   },\r\n            { key: 'leeds',     name: 'Leeds',     country: 'the UK'   },\r\n            { key: 'dublin',    name: 'Dublin',    country: 'Ireland'  }\r\n        ];\r\n\r\n        var START_DATE = 'June 8, 2026';\r\n        var DEFAULT_KEY = 'cluj'; \/\/ which location shows on first load\r\n\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        \/\/ RENDERING\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        var navInner = document.getElementById('wmi-nav-inner');\r\n        var body     = document.getElementById('wmi-body');\r\n\r\n        \/\/ Build nav pills\r\n        LOCATIONS.forEach(function(loc) {\r\n            var btn = document.createElement('button');\r\n            btn.type = 'button';\r\n            btn.className = 'wmi-nav-pill';\r\n            btn.textContent = loc.name;\r\n            btn.setAttribute('data-key', loc.key);\r\n            btn.addEventListener('click', function() { selectLocation(loc.key); });\r\n            navInner.appendChild(btn);\r\n        });\r\n\r\n        function escapeHtml(s) {\r\n            return String(s).replace(\/[&<>\"']\/g, function(c) {\r\n                return { '&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;' }[c];\r\n            });\r\n        }\r\n\r\n        function renderBody(loc) {\r\n            var pills = LOCATIONS.map(function(l) {\r\n                var cls = 'wmi-pill' + (l.key === loc.key ? ' wmi-pill-current' : '');\r\n                return '<span class=\"' + cls + '\">' + escapeHtml(l.name) + '<\/span>';\r\n            }).join('');\r\n\r\n            body.innerHTML =\r\n                '<section class=\"wmi-section\">' +\r\n                '<h2 class=\"wmi-h2\">About Walking Month<\/h2>' +\r\n                '<p class=\"wmi-p\">Walking Month is a community-driven challenge dedicated to raising funds for charitable causes. Since opening to the public in 2015, it has grown into a record-breaking movement, bringing people together to make a meaningful impact.<\/p>' +\r\n                '<\/section>' +\r\n\r\n                '<section class=\"wmi-section\">' +\r\n                '<h2 class=\"wmi-h2\">Local Cause in ' + escapeHtml(loc.name) + ' <span class=\"wmi-soon\">Coming soon<\/span><\/h2>' +\r\n                '<p class=\"wmi-p\">Details about this year\\'s charitable cause will be announced soon. Stay tuned to learn how your participation will make a difference in the local community.<\/p>' +\r\n                '<\/section>' +\r\n\r\n                '<section class=\"wmi-section\">' +\r\n                '<h2 class=\"wmi-h2\">How to Join<\/h2>' +\r\n                '<p class=\"wmi-p\">To participate in your local Walking Month challenge, you must be based in <span class=\"wmi-strong\">' + escapeHtml(loc.country) + '<\/span>.<\/p>' +\r\n                '<div class=\"wmi-callout\">' +\r\n                '<div class=\"wmi-callout-row\"><span class=\"wmi-callout-label\">Start date<\/span><span class=\"wmi-callout-val\">' + escapeHtml(START_DATE) + '<\/span><\/div>' +\r\n                '<div class=\"wmi-callout-row\"><span class=\"wmi-callout-label\">Location<\/span><span class=\"wmi-callout-val\">' + escapeHtml(loc.name) + ', ' + escapeHtml(loc.country) + '<\/span><\/div>' +\r\n                '<div class=\"wmi-callout-row\"><span class=\"wmi-callout-label\">How<\/span><span class=\"wmi-callout-val\">Register in the Walking Month App<\/span><\/div>' +\r\n                '<\/div>' +\r\n                '<p class=\"wmi-p\">Getting started is simple: register through the Walking Month App. Your registration fee will be donated directly to the local charitable cause associated with the competition.<\/p>' +\r\n                '<\/section>' +\r\n\r\n                '<section class=\"wmi-section\">' +\r\n                '<h2 class=\"wmi-h2\">Team up Across Locations<\/h2>' +\r\n                '<p class=\"wmi-p\">Join the challenge alongside colleagues from any participating location around the world. Form a team and take part in the same challenge, no matter where everyone is based.<\/p>' +\r\n                '<div class=\"wmi-pills\">' + pills + '<\/div>' +\r\n                '<\/section>';\r\n\r\n            \/\/ replay fade animation\r\n            body.classList.remove('wmi-fade');\r\n            void body.offsetWidth;\r\n            body.classList.add('wmi-fade');\r\n        }\r\n\r\n        function selectLocation(key) {\r\n            var loc = LOCATIONS.find(function(l) { return l.key === key; }) || LOCATIONS[0];\r\n\r\n            \/\/ Update nav pill active state\r\n            navInner.querySelectorAll('.wmi-nav-pill').forEach(function(btn) {\r\n                var isCurrent = btn.getAttribute('data-key') === loc.key;\r\n                if (isCurrent) {\r\n                    btn.setAttribute('aria-current', 'true');\r\n                } else {\r\n                    btn.removeAttribute('aria-current');\r\n                }\r\n            });\r\n\r\n            \/\/ Update body content\r\n            renderBody(loc);\r\n\r\n            \/\/ Update URL hash (shareable link, no scroll jump)\r\n            if (history.replaceState) {\r\n                history.replaceState(null, '', '#' + loc.key);\r\n            }\r\n        }\r\n\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        \/\/ INIT \u2014 check URL hash, otherwise default\r\n        \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        var initialKey = (window.location.hash || '').replace('#', '').toLowerCase();\r\n        if (!LOCATIONS.find(function(l) { return l.key === initialKey; })) {\r\n            initialKey = DEFAULT_KEY;\r\n        }\r\n        selectLocation(initialKey);\r\n\r\n        \/\/ Respond to back\/forward hash changes\r\n        window.addEventListener('hashchange', function() {\r\n            var key = window.location.hash.replace('#', '').toLowerCase();\r\n            if (LOCATIONS.find(function(l) { return l.key === key; })) {\r\n                selectLocation(key);\r\n            }\r\n        });\r\n    })();\r\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10793","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/10793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/comments?post=10793"}],"version-history":[{"count":7,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/10793\/revisions"}],"predecessor-version":[{"id":10807,"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/pages\/10793\/revisions\/10807"}],"wp:attachment":[{"href":"https:\/\/walkingmonth.ro\/en\/wp-json\/wp\/v2\/media?parent=10793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}