{"product_id":"day-of-the-dead-virtual-challenge","title":"Day of the Dead Virtual Challenge","description":"\u003cstyle\u003e\n      .pacer_desc {\n        font-family: Helvetica Neue;\n      }\n      .pacer_desc .main_width {\n        margin: 0 auto;\n      }\n      .pacer_desc .content_font {\n        font-size: 16px;\n        color: #3a3a3a;\n      }\n      .pacer_desc .section_title {\n        text-align: center;\n        font-weight: bold;\n        font-size: 32px;\n      }\n      .pacer_desc .cp_list {\n        margin-top: 50px;\n        display: flex;\n        background: rgba(196, 196, 196, 0.1);\n        border-radius: 10px;\n        padding: 54px 122px;\n      }\n      .pacer_desc .cp_item {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n      .pacer_desc .cp_item + .cp_item {\n        margin-left: 20px;\n      }\n      .pacer_desc .cp_list .cp_img {\n        width: 100%;\n        max-width: 200px;\n        object-fit: contain;\n        border-radius: 1000px;\n      }\n      .pacer_desc .cp_list .cp_name {\n        margin-top: 30px;\n        font-weight: bold;\n        max-width: 220px;\n        word-break: break-word;\n      }\n      .pacer_desc .divider {\n        background: linear-gradient(90.03deg, #740d16 0.02%, #9f2732 99.98%);\n        text-align: center;\n        color: #fff;\n        margin-top: 60px;\n        padding: 10px 0;\n        font-size: 15px;\n        font-weight: 700;\n        width: 100vw;\n        margin-left: calc(50% - 50vw);\n        position: relative;\n      }\n      .pacer_desc .feature {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      .pacer_desc .feature .content,\n      .pacer_desc .feature .feature_img {\n        width: 50%;\n      }\n      .pacer_desc .feature .content + .feature_img,\n      .pacer_desc .feature .feature_img + .content {\n        margin-left: 50px;\n      }\n      .pacer_desc .feature .content .title {\n        font-size: 32px;\n        font-weight: bold;\n      }\n      .pacer_desc .feature .content .content_value {\n        font-size: 16px;\n      }\n      .pacer_desc .medal .medal_desc,\n      .pacer_desc .tshirt .tshirt_desc,\n      .pacer_desc .checkpoint .cp_desc {\n        margin-top: 30px;\n      }\n      .pacer_desc .medal_images {\n        display: flex;\n        margin: 40px 20px 0;\n        justify-content: center;\n        width: 100vw;\n        margin-left: calc(50% - 50vw);\n        align-items: center;\n      }\n      .pacer_desc .medal_images .medal_img {\n        width: 30%;\n        margin-right: 10px;\n        vertical-align: middle;\n        cursor: pointer;\n      }\n      .pacer_desc .medal_images .medal_img.video_item {\n        cursor: initial;\n      }\n      .pacer_desc .medal_img:last-child {\n        margin-right: 0;\n      }\n      .pacer_desc .mobile_video {\n        display: none;\n        width: 100%;\n        \/* height: 300px; *\/\n        object-fit: cover;\n        margin-top: 20px;\n      }\n      .modal_image {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: #000;\n        display: none;\n        z-index: 99;\n      }\n      .modal_image .close {\n        position: absolute;\n        top: 35px;\n        right: 70px;\n        font-size: 50px;\n        font-weight: bold;\n        color: #fff;\n        cursor: pointer;\n        transition: 0.3s;\n      }\n      .modal_image .close:hover {\n        color: #ddd;\n      }\n      .modal_image img {\n        max-width: 100%;\n        max-height: 100%;\n        object-fit: contain;\n      }\n      @media screen and (max-width: 800px) {\n        .pacer_desc .medal {\n          width: 100%;\n        }\n        .pacer_desc .medal_images {\n          padding-left: 15px;\n          margin-top: 10px;\n          overflow-x: scroll;\n          justify-content: flex-start;\n          box-sizing: border-box;\n          scrollbar-width: none;\n          margin-left: -15px;\n          padding-right: 15px;\n\n          \/* no video *\/\n          flex-direction: column;\n          margin-left: 0;\n          margin-right: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .pacer_desc .medal_images::-webkit-scrollbar {\n          display: none;\n        }\n        .pacer_desc .medal_images .medal_img {\n          width: 70vw;\n          min-width: auto;\n          height: auto;\n          align-self: flex-start;\n          margin-bottom: 10px;\n          margin-right: 0;\n\n          \/* no video *\/\n          width: 100%;\n        }\n        .pacer_desc .medal_images .medal_img.video_item {\n          display: none;\n        }\n        .pacer_desc .cp_list {\n          margin-top: 20px;\n          padding: 10px;\n        }\n        .modal_image .close {\n          position: absolute;\n          top: 20px;\n          right: 30px;\n          font-size: 40px;\n          font-weight: bold;\n          color: #fff;\n          cursor: pointer;\n          transition: 0.3s;\n        }\n      }\n      @media screen and (max-width: 768px) {\n        .pacer_desc .map_layer .challenge_info .challenge_name {\n          display: none;\n        }\n        .pacer_desc .map_layer .checkpoints_count {\n          color: rgb(191, 191, 191);\n        }\n        .pacer_desc .map iframe {\n          height: 400px !important;\n        }\n        .pacer_desc .mobile_video {\n          display: block;\n        }\n        .pacer_desc .medal {\n          width: 100%;\n        }\n        .pacer_desc .medal_images {\n          padding-left: 15px;\n          margin-top: 10px;\n          overflow-x: scroll;\n          justify-content: flex-start;\n          box-sizing: border-box;\n          scrollbar-width: none;\n          margin-left: -15px;\n          padding-right: 15px;\n\n          \/* no video *\/\n          flex-direction: column;\n          margin-left: 0;\n          margin-right: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .pacer_desc .medal_images::-webkit-scrollbar {\n          display: none;\n        }\n        .pacer_desc .medal_images .medal_img {\n          width: 70vw;\n          min-width: auto;\n          height: auto;\n          align-self: flex-start;\n          margin-bottom: 10px;\n          margin-right: 0;\n\n          \/* no video *\/\n          width: 100%;\n        }\n        .pacer_desc .medal_images .medal_img.video_item {\n          display: none;\n        }\n        .pacer_desc .cp_list {\n          margin-top: 20px;\n          padding: 10px;\n        }\n        .pacer_desc .cp_list .cp_item .cp_img {\n          width: 100%;\n          height: auto;\n        }\n        .pacer_desc .cp_list .cp_name {\n          margin-top: 10px;\n          color: #8f8f8f;\n          font-weight: normal;\n          font-style: italic;\n        }\n        .pacer_desc .feature {\n          flex-direction: column-reverse;\n        }\n        .pacer_desc .feature + .feature {\n          margin-top: 30px;\n        }\n        .pacer_desc .feature.img_first {\n          flex-direction: column;\n        }\n        .pacer_desc .feature .feature_img,\n        .pacer_desc .feature .content {\n          width: 100%;\n        }\n        .pacer_desc .feature .content + .feature_img,\n        .pacer_desc .feature .feature_img + .content {\n          margin-left: 0;\n        }\n        .pacer_desc .feature .content {\n          margin-top: 20px;\n        }\n        .pacer_desc .feature .content .title {\n          text-align: center;\n          width: 80%;\n          margin: 0 auto;\n          font-size: 30px;\n          line-height: initial;\n        }\n        .pacer_desc .medal .medal_desc,\n        .pacer_desc .tshirt .tshirt_desc,\n        .pacer_desc .checkpoint .cp_desc {\n          margin-top: 18px;\n        }\n      }\n    \u003c\/style\u003e\n\u003cdiv class=\"pacer_desc\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cdiv class=\"info main_width\"\u003e\n\u003c!-- to_check --\u003e\n\u003cdiv class=\"info_item content_font\"\u003eDive into a 47 km\/30 miles virtual exploration of Mexico City's Day of the Dead wonders. Navigate vibrant festivities, heartfelt remembrances, and the city's timeless spirit of celebration.\u003c\/div\u003e\n\u003cdiv class=\"info_item content_font\" style=\"margin-top: 20px;\"\u003e\n\u003cb\u003eWhen and Where\u003c\/b\u003e - This is a virtual adventure challenge. Participate and complete at anytime, from anywhere in the world.\u003c\/div\u003e\n\u003cdiv class=\"info_item content_font\" style=\"margin-top: 20px;\"\u003e\n\u003cb\u003eHow\u003c\/b\u003e - Set your own timeframe and finish the required distance with walk, run, bike or any distance-based activities of your choice.\u003c\/div\u003e\n\u003cdiv class=\"info_item content_font\" style=\"margin-top: 20px;\"\u003e\n\u003cb\u003eRewards\u003c\/b\u003e - Receive a gorgeous finisher medal at your doorstep with worldwide shipping! You will also receive an E-certificate via email, and unlock digital postcards in the app.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003eGET INSPIRED, BE ACTIVE, AND EARN A MEDAL\u003c\/div\u003e\n\u003cdiv class=\"medal\" style=\"margin-top: 40px;\"\u003e\n\u003ch2 class=\"title main_width section_title\"\u003eStunning Day of the Dead Finisher Medal\u003c\/h2\u003e\n\u003cdiv class=\"medal_desc main_width content_font\"\u003eEach medal is created with deliberate design and exquisite craftsmanship, and comes in a cushioned showcase box. It's guaranteed not to be like any other medals that you've earned before.\u003c\/div\u003e\n\u003c!-- to_check --\u003e \u003cvideo crossorigin=\"anonymous\" controls=\"controls\" playsinline=\"\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" class=\"mobile_video\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a9dd7953981a484780eb1b236a602f43.mov\" poster=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/Shopify_detail_1_ac7de67c-1209-4743-bcc8-9bcbec124d20.jpg?v=1696924132\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"medal_images\"\u003e\n\u003c!-- to_check --\u003e \u003cvideo crossorigin=\"anonymous\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" controls=\"controls\" class=\"medal_img video_item\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a9dd7953981a484780eb1b236a602f43.mov\" poster=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/Shopify_detail_1_ac7de67c-1209-4743-bcc8-9bcbec124d20.jpg?v=1696924132\"\u003e\u003c\/video\u003e \u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/Shopify_detail_1_ac7de67c-1209-4743-bcc8-9bcbec124d20.jpg?v=1696924132\u0026amp;width=700\" alt=\"\" class=\"medal_img\"\u003e \u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/Shopify_detail_2_c7afc086-de7f-4de3-be9a-dd3c11b1096c.jpg?v=1696924132\u0026amp;width=700\" alt=\"\" class=\"medal_img\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"checkpoint main_width\" style=\"margin-top: 40px;\"\u003e\n\u003ch2 class=\"title section_title\"\u003eDay of the Dead Virtual Adventure Checkpoints\u003c\/h2\u003e\n\u003cdiv class=\"cp_desc content_font\"\u003eUnlock new locations along the map as you progress through your challenge. Each new location is a chance to immerse yourself in the virtual experience and learn about local landmarks, history and culture.\u003c\/div\u003e\n\u003cdiv class=\"cp_list\"\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/cp_1_8c205ade-d207-4441-9aaa-046d9ff786ad.png?v=1696924132\u0026amp;width=700\" alt=\"\" class=\"cp_img\"\u003e\n\u003cdiv class=\"cp_name\" style=\"text-align: center; font-size: 13px;\"\u003ePaseo de la Reforma\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/cp_2_b383233f-320d-4d60-8906-61ec595070da.png?v=1696924132\u0026amp;width=700\" alt=\"\" class=\"cp_img\"\u003e\n\u003cdiv class=\"cp_name\" style=\"text-align: center; font-size: 13px;\"\u003eFrida Kahlo Museum\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cp_item\"\u003e\n\u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/cp_3_19a0ef1a-3b0a-46eb-8ea2-1893289a9cc5.png?v=1696924132\u0026amp;width=700\" alt=\"\" class=\"cp_img\"\u003e\n\u003cdiv class=\"cp_name\" style=\"text-align: center; font-size: 13px;\"\u003eXochimilco\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"map\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n          .pacer_desc .map {\n            margin-top: 30px;\n            position: relative;\n          }\n          .pacer_desc .map iframe {\n            height: 600px;\n          }\n          .pacer_desc .map_layer {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            background-color: #414141;\n            height: 68px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            color: #fff;\n            padding: 0 24px;\n            font-family: 'Helvetica Neue';\n            font-style: normal;\n            font-size: 17px;\n            line-height: 21px;\n          }\n          .pacer_desc .map_action_disabled {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-color: transparent;\n          }\n          .pacer_desc .challenge_info {\n            display: flex;\n            align-items: center;\n          }\n          .pacer_desc iframe {\n            border-width: 0;\n          }\n        \u003c\/style\u003e\n\u003cdiv class=\"pacer_desc\" style=\"margin: 0; padding: 0;\"\u003e\n\u003cdiv class=\"map\"\u003e\n\u003c!-- to_check --\u003e\n\u003cdiv class=\"map_layer\"\u003e\n\u003cdiv class=\"challenge_info\"\u003e\n\u003cdiv class=\"challenge_name\"\u003eDay of the Dead Virtual Challenge \u003c\/div\u003e\n47 km \/ 30 miles\u003c\/div\u003e\n\u003cdiv class=\"checkpoints_count\"\u003e7 Checkpoints\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"map_action_disabled\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ciframe src=\"https:\/\/www.google.com\/maps\/d\/embed?mid=1JGx-kYcI0RZ7N3fu7D2ENO1ZiNxLfoM\u0026amp;ehbc=2E312F\" width=\"100%\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tshirt main_width\" style=\"margin-top: 70px;\"\u003e\n\u003ch2 class=\"title section_title\" style=\"text-align: center; font-weight: bold;\"\u003eDesigner Challenge T-Shirts\u003c\/h2\u003e\n\u003cdiv class=\"tshirt_desc content_font\"\u003eSoft and lightweight, with the right amount of stretch. It’s comfortable and flattering for both men and women. Choose from wide range of colors and sizes. Shirts are shipped right after registration. （*Shirts will cost extra）\u003c\/div\u003e\n\u003c!-- to_check --\u003e \u003cimg src=\"https:\/\/cdn.shopifycdn.net\/s\/files\/1\/0268\/4479\/0865\/files\/Tshirt_c73bd028-30d8-4271-80e6-0e348dc43b74.jpg?v=1696924132\u0026amp;width=700\" style=\"width: 100%; margin-top: 10px;\" alt=\"\" class=\"tshirt_img\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"divider\"\u003eFUN VIRTUAL EXPERIENCE\u003c\/div\u003e\n\u003cdiv class=\"features main_width\" style=\"margin-top: 40px;\"\u003e\n\u003cdiv class=\"feature img_first\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/feature_1.5.png?v=1659083416\u0026amp;width=700\" alt=\"\" class=\"feature_img\"\u003e \u003c!-- to_check --\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003e7 Day of the Dead Digital Postcards\u003c\/h2\u003e\n\u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px;\"\u003eUnlock vintage postcards when you reach certain checkpoints. Each postcard contains interesting information about the location.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eImmersive Day of the Dead Virtual Experience\u003c\/h2\u003e\n\u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px;\"\u003eHigh-resolution maps, 360° panoramic views, photos and fun facts. Immerse yourself in the journey and learn fun facts about local landmarks, history and culture.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0268\/4479\/0865\/files\/Feature_1_d4ed3849-6e0f-43ac-b828-e6f53202acad.jpg?v=1688983915\u0026amp;width=700\" alt=\"\" class=\"feature_img\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature img_first\"\u003e\n\u003cimg src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_2.jpg?width=700\" alt=\"\" class=\"feature_img\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eWorks With What You Have\u003c\/h2\u003e\n\u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px;\"\u003eConnect Pacer app with your favorite wearables\/apps and easily sync over your workout. Not a fan of fancy stuff? Your phone works just fine too!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eGlobal Challenge Leaderboards\u003c\/h2\u003e\n\u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px;\"\u003eYou don’t have to be alone during the journey! See and compare your performance with other participants with global and friends leaderboards.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cimg src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_3.jpg?width=700\" alt=\"\" class=\"feature_img\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature img_first\"\u003e\n\u003cimg src=\"https:\/\/cdn.pacer.cc\/shopify\/products\/rome\/feature_4.jpg?width=700\" alt=\"\" class=\"feature_img\"\u003e\n\u003cdiv class=\"content\"\u003e\n\u003ch2 class=\"title\"\u003eDigital Day of the Dead Badges and Perks\u003c\/h2\u003e\n\u003cdiv class=\"content_value content_font\" style=\"margin-top: 10px;\"\u003eUpon completion of each challenge, the participant will unlock a unique badge as well as an E-certificate to print or brag about!\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"modal_image\"\u003e\n\u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003cimg\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n        const modalImageContainerClassName = 'modal_image'\n\n        const medalImages = document.querySelectorAll('.medal_img')\n        const modalImage = document.querySelector('.modal_image')\n        const modalImageImg = document.querySelector('.modal_image img')\n        const modalImageClose = document.querySelector('.modal_image .close')\n\n        const modalImageUtils = (function () {\n          const showModalImage = (src) =\u003e {\n            if (!src) return\n            modalImageImg.src = src\n            modalImage.style.display = 'flex'\n            udpateModalImageWidth()\n          }\n\n          const udpateModalImageWidth = () =\u003e {\n            const windowWidth = window.innerWidth\n            const windowHeight = window.innerHeight\n            if (windowWidth \u003c windowHeight) {\n              modalImageImg.style.width = windowWidth + 'px'\n              modalImageImg.style.height = 'auto'\n            } else {\n              modalImageImg.style.width = 'auto'\n              modalImageImg.style.height = windowHeight + 'px'\n            }\n          }\n          const hideModalImage = () =\u003e {\n            modalImage.style.display = 'none'\n          }\n          return {\n            showModalImage,\n            udpateModalImageWidth,\n            hideModalImage,\n          }\n        })()\n\n        const modalImageListner = (function () {\n          const listenWindowResize = () =\u003e {\n            window.addEventListener('resize', () =\u003e {\n              modalImageUtils.udpateModalImageWidth()\n            })\n          }\n          const listenMedalImageClick = () =\u003e {\n            medalImages.forEach((img) =\u003e {\n              if (img.classList.contains('video_item')) return\n\n              img.addEventListener('click', () =\u003e {\n                const imgSrc = img.src || ''\n                modalImageUtils.showModalImage(imgSrc)\n              })\n            })\n          }\n          const listenModalImageCloseClick = () =\u003e {\n            modalImageClose.addEventListener('click', () =\u003e {\n              modalImageUtils.hideModalImage()\n            })\n            modalImage.addEventListener('click', (e) =\u003e {\n              if (e.target.classList.contains(modalImageContainerClassName)) {\n                modalImageUtils.hideModalImage()\n              }\n            })\n          }\n          const init = () =\u003e {\n            listenWindowResize()\n            listenMedalImageClick()\n            listenModalImageCloseClick()\n          }\n\n          return {\n            init,\n          }\n        })()\n\n        const modalImageMain = () =\u003e {\n          modalImageListner.init()\n        }\n        modalImageMain()\n      \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Pacer Challenges","offers":[{"title":"Registration + Medal","offer_id":54160489251134,"sku":"cxu1787268493374","price":20.09,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0942\/4119\/4302\/files\/day-of-the-dead-virtual-challenge_1.jpg?v=1787268498","url":"https:\/\/poshstylefashion.shop\/products\/day-of-the-dead-virtual-challenge","provider":"My Store","version":"1.0","type":"link"}