Untitled
unknown
plain_text
a year ago
77 kB
5
Indexable
(function () { try { var debug = 0; var variation_name = ""; var testData = { helperFuncs: { addScript: function () { var cssScript = '' + '<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>' + "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css'/>"; document.querySelector('head').insertAdjacentHTML('beforeend', cssScript); var swiperScript = document.createElement('script'); swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js'; document.getElementsByTagName('head')[0].appendChild(swiperScript); }, waitForSwiper: function (trigger) { var interval = setInterval(function () { if (typeof Swiper != "undefined") { clearInterval(interval); trigger(); } }, 50); setTimeout(function () { clearInterval(interval); }, 15000) }, live: function (selector, event, callback, context) { function addEvent(el, type, handler) { if (el.attachEvent) el.attachEvent("on" + type, handler); else el.addEventListener(type, handler); } this.Element && (function (ElementPrototype) { ElementPrototype.matches = ElementPrototype.matches || ElementPrototype.matchesSelector || ElementPrototype.webkitMatchesSelector || ElementPrototype.msMatchesSelector || function (selector) { var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1; while (nodes[++i] && nodes[i] != node); return !!nodes[i]; }; })(Element.prototype); function live(selector, event, callback, context) { addEvent(context || document, event, function (e) { var found, el = e.target || e.srcElement; while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement; if (el && found) callback.call(el, e); }); } live(selector, event, callback, context); } }, slidesData: { clientTestimonials: [ { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "First time ordering from Powers Sports Memorabilia and the whole process couldn't have gone...", "authorName": "Bryan D." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Matt, you've done everything right! Thank you very much! Larry Bird jersey turned out fabulous!...", "authorName": "Bradly L." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Nothing but excellent service and response from Matt and Powers Sports Memorabilia. He went...", "authorName": "Bradley B." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Great Communication! Smooth Transaction, AAA+++! Looking forward to the next signing.", "authorName": "Andrew O." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "I would strongly recommend Matt for all your sports memorabilia needs. I have been doing business...", "authorName": "Joseph R." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Kudos to Matt Powers for coordinating the Lou Holtz signing. Took a little longer than normal due...", "authorName": "Brad G." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "I have purchased a few items from Powers Sports Memorabilia now and look forward to more in the...", "authorName": "Derek G." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Very nice and easy. A+++!", "authorName": "Sgtrob91" }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Matt is a fantastic asset to the hobby. He is extremely knowledgeable about trends in the hobby...", "authorName": "Jeff Q." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Larry Bird Autograph Received 9/30/22: I’m impressed with the level of communication and the...", "authorName": "Felipe P." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Powers Sports is my go to for autograph signings. A+ customer service", "authorName": "Gradedhofrcs" }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Best autograph dealer in the business in my opinion. Easy to deal with, great customer service,...", "authorName": "Aaronrielly" }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Easily the best place to get your items signed. The level of detail and clarity on his website...", "authorName": "Praveen V." }, { "authorImg": "https://sitetunershosting.com/clients/power/testimonial.svg", "authorComment": "Awesome Service - Sent in the attached photo to get the final signature needed to complete the...", "authorName": "Dave S." } ], whatsHot: [ [ { "title": "PATRICK MAHOMES,<br>AUTOGRAPHED NEWSPAPER", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/kansas-city-chiefs-super-bowl-54-liv-champions-original-front-page-kc-star-framed-newspaper-with-patrick-mahomes", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/products/kansas-city-chiefs-framed-super-bowl-newspaper_400x.jpg?v=1619839778" }, { "title": "Nolan Ryan,<br>Autographed Framed Photo", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/nolan-ryan-autographed-rangers-signed-framed-8x10-photo-punching-robin-ventura-tristar-coa", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/files/nolan-ryan-framed-ventura-11323_400x.jpg?v=1700707758" } ], [ { "title": "Pete Rose,<br>Autographed MLB", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/pete-rose-autographed-mlb-signed-im-sorry-i-bet-on-baseball-jsa-coa-with-uv-display-case", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/files/pete-rose-sorry-63023_600x.jpg?v=1688179793" }, { "title": "Bobby Orr,<br>Autographed Framed Photo", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/bobby-orr-autographed-1970-stanley-cup-dive-signed-8x10-framed-hockey-photo-great-north-road-coa", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/files/bobby-orr-frame-new_5000x.jpg?v=1702694976" } ], [ { "title": "Chicago Cubs 2016,<br>Original Framed Newspaper", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/chicago-cubs-2016-world-series-baseball-champions-at-last-tribune-framed-newspaper-black-frame", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/products/64f29a0487b75f33af0fe1fd34a2629c_b5cb2333-15a5-4b05-bd8c-41df6b3ec48e_600x.jpg?v=1624848496" }, { "title": "Deion Sanders,<br>Mint Rookie Card", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/deion-sanders-atlanta-falcons-1989-topps-traded-football-rookie-card-rc-30t-graded-psa-9-mint", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/products/deion-sanders-30T_3eaa6cb5-cda9-44b3-9762-4b0853ec21fe_600x.jpg?v=1619841472" } ], [ { "title": "Ken Griffey Jr,<br>Signed Baseball", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/ken-griffey-jr-autographed-hall-of-fame-hof-16-signed-baseball-beckett-coa", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/products/ken-griffey-jr-baseball-103021_600x.jpg?v=1635607421" }, { "title": "Barry Sanders,<br>Rookie Card", "pdplink": "https://powerssportsmemorabilia.com/collections/best-sellers/products/barry-sanders-detroit-lions-1989-topps-traded-football-rookie-card-rc-83t-graded-psa-8", "text": "SHOP NOW", "img": "https://powerssportsmemorabilia.com/cdn/shop/products/BarrySanders83T-8_db703f79-fedc-4ce8-9302-ff5ee796c96d_600x.jpg?v=1619842669" } ] ] } } function waitForElement(selector, trigger, delayInterval, delayTimeout) { var interval = setInterval(function () { if ( document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0 ) { clearInterval(interval); trigger(); } }, delayInterval); setTimeout(function () { clearInterval(interval); }, delayTimeout); } function live(selector, event, callback, context) { /****Helper Functions****/ // helper for enabling IE 8 event bindings function addEvent(el, type, handler) { if (el.attachEvent) el.attachEvent("on" + type, handler); else el.addEventListener(type, handler); } // matches polyfill this.Element && (function (ElementPrototype) { ElementPrototype.matches = ElementPrototype.matches || ElementPrototype.matchesSelector || ElementPrototype.webkitMatchesSelector || ElementPrototype.msMatchesSelector || function (selector) { var node = this, nodes = (node.parentNode || node.document).querySelectorAll(selector), i = -1; while (nodes[++i] && nodes[i] != node); return !!nodes[i]; }; })(Element.prototype); // live binding helper using matchesSelector function live(selector, event, callback, context) { addEvent(context || document, event, function (e) { var found, el = e.target || e.srcElement; while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement; if (el && found) callback.call(el, e); }); } live(selector, event, callback, context); } const newHTML = ` <section class="eg-body_new"> <!-- hero --> <div class="eg-hero_new"></div> <!-- authenticity guranteed section --> <div class="eg-auth-guaranteed_new"></div> <!-- shop by sport section --> <div class="eg-shop-by-sport_new"></div> <!-- testimonials --> <div class="eg-testimonial_new"></div> <!-- how it works --> <div class="eg-how-it-works_new"></div> <!-- show what's hot --> <div class="eg-shop-whatshot_new"></div> <!-- checkout podcast --> <div class="eg-checkout-podcast_new"></div> </section> `; function init() { document.body.style.opacity = 1; testData.helperFuncs.addScript(); if (!document.body.querySelector(".eg-body_new")) { document.querySelector('#shopify-section-footer').insertAdjacentHTML('beforebegin', newHTML); /* Updating HTML */ // HERO setHero(); // AUTHENTICITY GURANTEED setAuthGurateend(); // SHOP BY SPORT setShopBySport(); // TESTIMONIALS setTestimonials(); // HOW IT WORKS setHowitworks(); // WHAT'S HOT setWhatsHot(); // PODCAST setPodcast(); // Test events testEvents(); } } function testEvents() { live('html body .eg-header_new .eg-nav-actions .eg-search', 'click', function () { document.querySelector('.mobile-search')?.classList.add('eg-show-search'); }); live('html body .mobile-search.eg-show-search .close-search', 'click', function () { document.querySelector('.mobile-search')?.classList.remove('eg-show-search'); }); live('html body .eg-auth-guaranteed_new .eg-content .eg-video-wrapper:not(.eg-video-added)', 'click', function () { this.classList.add('eg-video-added'); this.innerHTML = `<iframe width="100%" height="100%" src="https://www.youtube.com/embed/PtcyDGoVTm0?autoplay=1" allow='autoplay' frameborder="0" allowfullscreen></iframe>` }); live('html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a.eg-cta-primary', 'click', function () { jumptoSection('.eg-how-it-works_new'); }); live('html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer a.eg-cta-secondary', 'click', function () { jumptoSection('.eg-shop-whatshot_new'); }); live('html body .eg-hero_new .eg-cta-secondary', 'click', function () { jumptoSection('.eg-auth-guaranteed_new'); }); } function setHero() { const updtTrgt = document.querySelector(".eg-hero_new"); const copy = { 'des': { "usp1": { heading: 'Authenticity Guaranteed', subheading: 'All items come with a <strong>certificate of authenticity</strong> from the company that conducted the signing with the athlete.' }, "usp2": { heading: "Top Notch Communications", subheading: "We stay in touch via email and courtesy calls, so <strong>you'll always know the status of your collectibles</strong> in the signing process." }, "usp3": { heading: 'Easy Online Process from a Trusted Source', subheading: '<strong>We make it easy</strong> to get that autograph you have always wanted with our online ordering process.' } }, "mob": { "usp1": { heading: 'Authenticity Guaranteed', subheading: 'From the company that conducted the signing with the athlete.' }, "usp2": { heading: "Top Notch Communications", subheading: "So you'll always know the status of your order in the signing process." }, "usp3": { heading: 'Easy Autograph Process', subheading: 'Makes it easy to get that autograph you have always wanted.' } } } const ismob = window.innerWidth < 767; const data = ismob ? copy.mob : copy.des; const newHTML = ` <div class="eg-container_new"> <h1 class="eg-section-heading">Helping Autograph Collectors Create Amazing Collections Since 2008</h1> <p class="eg-section-subheading">We connect you to your sports heroes with personalized signings and curated authentic signed memorabilia</p> <div class="eg-content"> <ul class="eg-usps"> <li> <span class="eg-heading">${data.usp1.heading}</span> <p class="eg-subheading">${data.usp1.subheading}</p> </li> <li> <span class="eg-heading">${data.usp2.heading}</span> <p class="eg-subheading">${data.usp2.subheading}</p> </li> <li> <span class="eg-heading">${data.usp3.heading}</span> <p class="eg-subheading">${data.usp3.subheading}</p> </li> </ul> <div class="eg-content-bottom"> <p>Don't wait! Get the autograph you've always wanted now.</p> <div class="eg-ctas-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">NEXT SIGNINGS</a> <a class="eg-cta-secondary" >HOW WE AUTHENTICATE</a> </div> </div> </div> <!-- add trust badges here for hero --> <div class="eg-trust-collection"> <p>Trusted by collectors just like you.</p> <div class="eg-badges"> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/herogoogle.svg"> </div> <span>4.9 Stars <br> Google</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/heroStar.svg"> </div> <span>5 Stars - Over 500 <br> Product Reviews</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/heroAuthTick.svg"> </div> <span>Authenticity <br> Guaranteed</span> </div> </div> </div> </div> `; updtTrgt.innerHTML = newHTML; } function setAuthGurateend() { const updtTrgt = document.querySelector(".eg-auth-guaranteed_new"); const copy = { 'des': { "eglast": "Start shopping or learn more about personalized autographs.", }, "mob": { "eglast": "Don't wait! Get the autograph you've always wanted now." } } const ismob = window.innerWidth < 767; const data = ismob ? copy.mob : copy.des; const newHTML = ` <div class="eg-container_new"> <h1 class="eg-section-heading">Authenticity Guaranteed!</h1> <p class="eg-section-subheading">Learn how we protect you by authenticating everything we sell</p> <div class="eg-content"> <div class="eg-left"> <p>Watch this 1-minute video to learn more about authentication</p> <div class="eg-video-wrapper"></div> </div> <div class="eg-right"> <p>You should never have to worry about the authenticity of your autograph. Every autograph we sell comes with a certificate of authenticity.</p> <p class="eg-bold">But what does that mean for you?</p> <p>In summary, three major companies authenticate most of the industry. PSA/DNA, JSA, Beckett Authentication.</p> <p>These companies are physically present with every signing, have detailed records of the signing event, and guarantee the autograph is the real deal.</p> <p>Every certificate of authenticity can easily be verified directly with one of these companies.</p> <p class="eg-last">${data.eglast}</p> <div class="eg-cta-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/collections">SHOP BY SPORT</a> <a class="eg-cta-primary">HOW IT WORKS</a> </div> </div> </div> <!-- add trust badges here for auth --> <div class="eg-trust-collection"> <div class="eg-badges"> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/authgoog.svg"> </div> <span>4.9 Stars <br> Google</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/authstar.svg"> </div> <span>5 Stars - Over 500 <br> Product Reviews</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/authtick.svg"> </div> <span>Authenticity <br> Guaranteed</span> </div> </div> </div> </div> `; updtTrgt.innerHTML = newHTML } function setShopBySport() { const updtTrgt = document.querySelector(".eg-shop-by-sport_new"); const copy = { 'des': { "egSectionSubHeading": "Select your sport to view signings or memorabilia for sale", "egfooterP": "Don't see your sport? View all sports' upcoming signings and memorabilia for sale." }, "mob": { "egSectionSubHeading": "Select your sport to see signings or memorabilia", 'egfooterP': "Don't see your sport? View all sports' upcoming signings and memorabilia." } } const ismob = window.innerWidth < 767; const data = ismob ? copy.mob : copy.des; const newHTML = ` <div class="eg-container_new"> <h1 class="eg-section-heading">Shop by Sport</h1> <p class="eg-section-subheading">${data.egSectionSubHeading}</p> <div class="eg-cards"> <div class="eg-card"> <div class="eg-image-wrapper"> <img src="https://sitetunershosting.com/clients/power/baseball_collage.png"> </div> <h2 class="eg-card-title">Baseball</h2> <p class="eg-card-info">Signed cards, baseballs, helmets, and so much more!</p> <div class="eg-cta-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-baseball">VIEW NEXT SIGNINGS</a> <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/baseball-1">SHOP MEMORABILIA</a> </div> </div> <div class="eg-card"> <div class="eg-image-wrapper"> <img src="https://sitetunershosting.com/clients/power/football_collage.png"> </div> <h2 class="eg-card-title">Football</h2> <p class="eg-card-info">Signed footballs, jerseys, cards, and so much more!</p> <div class="eg-cta-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-football">VIEW NEXT SIGNINGS</a> <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/football-1">SHOP MEMORABILIA</a> </div> </div> <div class="eg-card"> <div class="eg-image-wrapper"> <img src="https://sitetunershosting.com/clients/power/basketball_collage.png"> </div> <h2 class="eg-card-title">Basketball</h2> <p class="eg-card-info">Signed basketballs, jerseys, cards, and so much more!</p> <div class="eg-cta-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings-basketball">VIEW NEXT SIGNINGS</a> <a class="eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections/basketball-1">SHOP MEMORABILIA</a> </div> </div> </div> <div class="eg-footer"> <p>${data.egfooterP}</p> <div class="eg-cta-group_footer"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">VIEW ALL SIGNINGS</a> <a class="eg-cta-secondary">SHOP ALL MEMORABILIA</a> </div> </div> </div> `; updtTrgt.innerHTML = newHTML; } function setWhatsHot() { const updtTrgt = document.querySelector(".eg-shop-whatshot_new"); const copy = { 'des': { "egmcta1": "SHOP ALL MEMORABILIA", "egmcta2": "VIEW NEXT SIGNINGS" }, "mob": { "egmcta1": "SHOP ALL MEMORABILIA", "egmcta2": "VIEW ALL SIGNINGS" } } const ismob = window.innerWidth < 767; const data = ismob ? copy.mob : copy.des; const newHTML = ` <div class="eg-container_new"> <h1 class="eg-section-heading">Shop What's Hot!</h1> <p class="eg-section-subheading">Check out what everyone is looking at. Here are a few of the most viewed items for sale</p> <div class="eg-content"> <div class="eg-cta-group"> <a class="eg-cta-ternory" href="https://powerssportsmemorabilia.com/collections/best-sellers">${data.egmcta1}</a> <a class="eg-cta-primary" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">${data.egmcta2}</a> </div> <div class="eg-note"> <img src="https://svgshare.com/i/10NA.svg"> <span class="eg-bold">Authenticity<br>Guaranteed</span> <span class="eg-text">You should never have to worry about the authenticity of your autograph.</span> </div> </div> </div> `; updtTrgt.innerHTML = newHTML; var carouselId = 'eg-whatshot-testimonials'; var carouselPutTarget = '.eg-shop-whatshot_new .eg-container_new .eg-section-subheading'; var carouselPutPos = 'afterend'; var nextElSel = '.swiper-button-next-' + carouselId, prevElSel = '.swiper-button-prev-' + carouselId, paginationElSel = '.swiper-pagination-' + carouselId; var carouselData = { carouselId: carouselId, carouselSlides: testData.slidesData.whatsHot, swiperSettings: { direction: 'horizontal', spaceBetween: 50, slidesPerView: 4, slidesPerGroup: 4, // loop: true, // loopedSlides: 6, // centeredSlides: true, // centeredSlidesBounds: true, mousewheel: { forceToAxis: true, }, navigation: { nextEl: nextElSel, prevEl: prevElSel, }, pagination: { el: paginationElSel, clickable: true, }, keyboard: true, allowSlidePrev: true, allowSlideNext: true, initialSlide: 0, breakpoints: { 960: { spaceBetween: 12, }, 767: { spaceBetween: 7, slidesPerView: 2, loopedSlides: 4, slidesPerGroup: 2, centeredSlides: false, centeredSlidesBounds: false }, 490: { spaceBetween: 7, slidesPerView: 1, loopedSlides: 2, slidesPerGroup: 1, centeredSlides: false, centeredSlidesBounds: false }, }, on: { init: function () { // updateIndicator(carouselId); }, resize: function () { // updateIndicator(carouselId); }, transitionEnd: function () { // updateIndicator(carouselId); } }, }, slidesForCarousel: 'whatshot' } addCarousel(carouselData, carouselPutTarget, carouselPutPos); } function setTestimonials() { const updtTrgt = document.querySelector(".eg-testimonial_new"); const newHTML = ` <div class="eg-container_new"> <h1 class="eg-section-heading">Client Testimonials</h1> <p class="eg-section-subheading">Hear what other collectors like you have to say about us</p> </div> `; updtTrgt.innerHTML = newHTML; var carouselId = 'eg-client-testimonials'; var carouselPutTarget = '.eg-testimonial_new .eg-container_new'; var carouselPutPos = 'beforeend'; var nextElSel = '.swiper-button-next-' + carouselId, prevElSel = '.swiper-button-prev-' + carouselId, paginationElSel = '.swiper-pagination-' + carouselId; var carouselData = { carouselId: carouselId, carouselSlides: testData.slidesData.clientTestimonials, swiperSettings: { direction: 'horizontal', spaceBetween: 24, slidesPerView: 3, slidesPerGroup: 3, // loop: true, // loopedSlides: 6, // centeredSlides: true, // centeredSlidesBounds: true, mousewheel: { forceToAxis: true, }, navigation: { nextEl: nextElSel, prevEl: prevElSel, }, pagination: { el: paginationElSel, clickable: true, }, keyboard: true, allowSlidePrev: true, allowSlideNext: true, initialSlide: 0, breakpoints: { 960: { spaceBetween: 12, }, 767: { spaceBetween: 7, slidesPerView: 2, loopedSlides: 4, slidesPerGroup: 2, centeredSlides: false, centeredSlidesBounds: false }, 490: { spaceBetween: 7, slidesPerView: 1, loopedSlides: 2, slidesPerGroup: 1, centeredSlides: false, centeredSlidesBounds: false }, }, on: { init: function () { // updateIndicator(carouselId); }, resize: function () { // updateIndicator(carouselId); }, transitionEnd: function () { // updateIndicator(carouselId); } }, }, slidesForCarousel: 'testimonials' } addCarousel(carouselData, carouselPutTarget, carouselPutPos); } function setHowitworks() { const updtTrgt = document.querySelector('.eg-how-it-works_new'); const copy = { 'des': { "egfootercta1": "VIEW UPCOMING SIGNINGS", "egfootercta2": "SHOP ALL MEMORABILIA" }, "mob": { "egfootercta1": "VIEW SIGNINGS", 'egfootercta2': "SHOP MEMORABILIA" } } const ismob = window.innerWidth < 767; const data = ismob ? copy.mob : copy.des; const newHTML = ` <div class="eg-container_new"> <h1 class="eg-headline eg-section-heading">How it works</h1> <p class="eg-subheadline eg-section-subheading">Learn how simple it is to get your personal items signed by your favorite sports heroes</p> <ul class="eg-usps"> <li class="eg-usp"> <span class="eg-uspheading">1</span> <span class="eg-uspsubheading">Order Online</span> <span class="eg-uspdetail">Order an autograph on one of your personal items or buy one of ours.</span> </li> <li class="eg-usp"> <span class="eg-uspheading">2</span> <span class="eg-uspsubheading">Send Your Item</span> <span class="eg-uspdetail">Send your item with signing instructions. We'll contact you once received.</span> </li> <li class="eg-usp"> <span class="eg-uspheading">3</span> <span class="eg-uspsubheading">We Get It Signed</span> <span class="eg-uspdetail">The athlete signs your item as requested and we inspect for quality.</span> </li> <li class="eg-usp"> <span class="eg-uspheading">4</span> <span class="eg-uspsubheading">We Return Your Item</span> <span class="eg-uspdetail">Your item is carefully packed up and sent to you with tracking details.</span> </li> </ul> <span class="eg-footer">View our upcoming signings now to plan your personal autograph.</span> <div class="eg-cta-group"> <a class="eg-cta eg-cta-ternory" href="https://powerssportsmemorabilia.com/pages/upcoming-autograph-signings">${data.egfootercta1}</a> <a class="eg-cta eg-cta-secondary" href="https://powerssportsmemorabilia.com/collections">${data.egfootercta2}</a> </div> ${ismob ? `<div class="eg-trust-collection"> <div class="eg-badges"> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/herogoogle.svg"> </div> <span>4.9 Stars <br> Google</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/heroStar.svg"> </div> <span>5 Stars - Over 500 <br> Product Reviews</span> </div> <div class="eg-badge"> <div class="eg-image"> <img src="https://sitetunershosting.com/clients/power/heroAuthTick.svg"> </div> <span>Authenticity <br> Guaranteed</span> </div> </div> </div>`: ""} </div> `; updtTrgt.innerHTML = newHTML; } function setPodcast() { const updtTrgt = document.querySelector(".eg-checkout-podcast_new"); const newHTML = ` <div class="eg-check-podcast eg-container_new"> <div class="eg-join-our-podcast"> <h3>Check Out Our Podcast!</h3> <p>Join the conversation!</p> <div> <img src="https://sitetunershosting.com/clients/power/checkoutpodcastlogo.svg"> </div> </div> <div class="eg-podcast-content"> <div class="eg-content"> <p>We discuss sports memorabilia, autographs, and a whole bunch of other fun topics around the sports world. <span>Always informative and fun!</span></p> </div> <a class="eg-podcast-listen eg-cta-ternory" href="https://powerssportsmemorabilia.buzzsprout.com/">LISTEN NOW</a> </div> </div>`; updtTrgt.innerHTML = newHTML; if (window.innerWidth < 768) { document.querySelector(".eg-check-podcast .eg-join-our-podcast>p").insertAdjacentElement('afterend', document.querySelector(".eg-check-podcast .eg-podcast-content>.eg-content")); } } var addCarousel = function (data, target, position) { var carouselId = data.carouselId; var carouselSlides = data.carouselSlides; var carouselHTML = '' + ' <div class="eg-slider-wrapper" id="eg-carousel-' + carouselId + '">' + ' <div class="eg-slider-container">' + ' <div class="eg-carousel swiper">' + ' <div class="eg-carousel_item-container my-slider swiper-container swiper-container-' + carouselId + '">' + ' <div class="swiper-wrapper"></div>' + ' </div>' + ' </div>' + ' <button type="button" class="swiper-button-prev swiper-button-prev-' + carouselId + '"></button>' + ' <button type="button" class="swiper-button-next swiper-button-next-' + carouselId + '"></button>' + ' <div class="swiper-pagination swiper-pagination-' + carouselId + '"></div>' + ' </div>' + ' </div>'; var crgelSel = '#eg-carousel-' + carouselId; if (!document.querySelector(crgelSel)) { var targetEl = document.querySelector(target); targetEl.insertAdjacentHTML(position, carouselHTML); testData.helperFuncs.waitForSwiper(function () { updateCarousel(carouselSlides, carouselId, data.swiperSettings, data.slidesForCarousel); }); } } var updateCarousel = function (SlideData, carouselId, swiperSettings, slidesForCarousel) { console.log(slidesForCarousel); console.log("Updating : ", SlideData); const carouselSlidesHTML = genSlides(slidesForCarousel, SlideData); var swiperSel = '.swiper-container-' + carouselId; var swiperSlideContainerSel = swiperSel + " " + '.swiper-wrapper'; document.querySelector(swiperSlideContainerSel).innerHTML = carouselSlidesHTML; if (window.innerWidth > 767) { testData[slidesForCarousel] = new Swiper(swiperSel, swiperSettings); } else { if (slidesForCarousel !== "whatshot") { testData[slidesForCarousel] = new Swiper(swiperSel, swiperSettings); } } window.dispatchEvent(new Event('resize')); } const genSlides = function (slidesForCarousel, carouselSlides) { if (slidesForCarousel === "testimonials") { var carouselSlidesHTML = carouselSlides.reduce(function (tSlides, crrSlide) { var slideHTML = '' + ' <div class="eg-carousel-slide swiper-slide">' + ' <a class="eg-carousel-slide_wrapper">' + ' <div class="eg-img-wrapper"><img class="eg-carousel-slide_img" src="' + crrSlide.authorImg + '" /></div>' + ' <p class="eg-author-comment">"' + crrSlide.authorComment + '"</p>' + ' <p class="eg-author-name"><strong>' + crrSlide.authorName.replace(".", '') + '</strong>.: Verified Purchase</p>' + ' </a>' + ' </div>'; return tSlides += slideHTML; }, ''); return carouselSlidesHTML; } else if (slidesForCarousel === "whatshot") { var carouselSlidesHTML = carouselSlides.reduce(function (tSlides, crrSlide) { var slideHTML = '' + ' <div class="eg-carousel-slide swiper-slide">' + ' <a class="eg-carousel-slide_wrapper" href="' + crrSlide[0].pdplink + '">' + ' <span>' + crrSlide[0].title + '</span>' + ' <div class="eg-wrapper">' + ' <img src="' + crrSlide[0].img + '"/>' + ' <p class="eg-text">' + ' <span>' + crrSlide[0].text + '</span>' + ' </p>' + ' </div>' + ' </a>' + ' <a class="eg-carousel-slide_wrapper" href="' + crrSlide[1].pdplink + '">' + ' <span>' + crrSlide[1].title + '</span>' + ' <div class="eg-wrapper">' + ' <img src="' + crrSlide[1].img + '"/>' + ' <p class="eg-text">' + ' <span>' + crrSlide[1].text + '</span>' + ' </p>' + ' </div>' + ' </a>' + ' </div>'; return tSlides += slideHTML; }, ''); return carouselSlidesHTML; } } function jumptoSection(targetSel) { const el = document.querySelector(targetSel); if (el) { let extrapart = -120; if (window.innerWidth < 768) { extrapart = -70; } const elTop = el.getBoundingClientRect().top + window.scrollY + extrapart; console.log(elTop); window.scrollTo({ top: elTop, left: 0, behavior: "smooth", }); } } waitForElement('#shopify-section-footer', init, 50, 15000); } catch (e) { if (debug) console.log(e, "error in Test" + variation_name); } })(); @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Raleway:wght@300;400;700&display=swap'); /* font-family: 'Lato',sans-serif; font-family: 'Raleway',sans-serif; */ /* COMMON CSS */ html, body { scroll-behavior: smooth !important; } html body .eg-container_new { max-width: 1200px !important; margin-left: auto; margin-right: auto; } html body .eg-cta-ternory, html body .eg-cta-primary, html body .eg-cta-secondary { cursor: pointer; font-family: Raleway; font-size: 16px; line-height: 19px; letter-spacing: 0em; text-align: center; display: inline-block !important; border-radius: 4px !important; } html body .eg-cta-ternory { padding: 19px 52px 19px 52px !important; background: #FA9F34 !important; font-weight: 700; color: #191F28 !important; box-shadow: 0px 2px 4px 0px #191F2842 !important; } html body .eg-cta-ternory:hover { background: #F28402 !important; } html body .eg-cta-secondary { font-weight: 700; color: #FFFFFF !important; padding: 19px 52px 19px 52px !important; box-shadow: 0px 2px 4px 0px #000000; border: 1px solid #FFFFFF; background: #01000000 !important; } html body .eg-cta-secondary:hover { border: 1px solid #FFFFFF; background: #B1B1B11C !important; } html body .eg-cta-primary { font-weight: 700; color: #191F28 !important; border: 1px solid #191F28; box-shadow: 0px 2px 4px 0px #191F2842; padding: 19px 52px 19px 52px; background: #DEDEDE00 !important; } html body .eg-cta-primary:hover { border: 1px solid #191F28; box-shadow: 0px 2px 4px 0px #191F2842; background: #8B8B8B1C !important; } html body .eg-section-heading { --clr: white; color: var(--clr); text-align: center; font-family: Raleway; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } html body .eg-section-subheading { --clr: white; color: var(--clr); text-align: center; font-family: Lato; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; } /* hiding whole body content below header except footer */ html body .section-wrapper { display: none !important; } html body>.eg-body_new { width: 100% !important; } html body .eg-slider-wrapper { position: relative; --ctaspos: -24px; } html body .eg-slider-wrapper [class^="swiper-button"] { width: 10.002px; height: 19px; padding: 0 !important; border: none; outline: none; background: transparent; display: flex; justify-content: center; align-items: center; color: #000 !important; pointer-events: all; opacity: 1 !important; cursor: pointer; } html body .eg-slider-wrapper [class^="swiper-button"]::after { font-size: 19px; } html body .eg-slider-wrapper [class^="swiper-button"].swiper-button-prev { left: var(--ctaspos); } html body .eg-slider-wrapper [class^="swiper-button"].swiper-button-next { right: var(--ctaspos); } html body .eg-slider-wrapper .swiper-pagination { display: flex; justify-content: center; width: 100%; padding-top: 23px; grid-gap: 10px; } html body .eg-slider-wrapper .swiper-pagination>.swiper-pagination-bullet { background: #BBBCBE !important; opacity: 1 !important; width: 10px; height: 10px; } html body .eg-slider-wrapper .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #191F28 !important; } /* trust seal */ html body .eg-trust-collection { margin-top: 35px; } html body .eg-trust-collection>.eg-badges { display: flex; flex-direction: row; justify-content: center; align-items: center; grid-gap: 100px; margin-top: 30px; } html body .eg-trust-collection>.eg-badges>.eg-badge { display: flex; flex-direction: row; justify-content: center; } html body .eg-trust-collection>.eg-badges .eg-image { margin-right: 7px; } html body .eg-trust-collection>.eg-badges { filter: opacity(0.56); } html body .eg-trust-collection>.eg-badges span { color: #191F28; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; text-transform: capitalize; } @media only screen and (min-width:1024px) and (max-width:1200px) { .eg-auth-guaranteed_new>div { padding-left: 13px !important; padding-right: 13px !important; } } @media(max-width:768px) { html body .eg-trust-collection>.eg-badges { grid-gap: 15px; flex-wrap: wrap; } html body .eg-trust-collection>.eg-badges span { font-size: 11px; } html body .eg-trust-collection>.eg-badges .eg-image img { width: 22px; display: block; } } @media(max-width:1024px) { html body .eg-container_new { padding-left: 13px !important; padding-right: 13px !important; } html body .eg-slider-wrapper { --ctaspos: 10px; } html body .eg-section-heading { font-size: 24px; } html body .eg-section-subheading { font-size: 18px; margin-bottom: 20px !important; } html body .eg-container_new { padding-bottom: 30px !important; padding-top: 30px !important; } } @media(max-width:768px) { html body .eg-section-heading { text-align: left; margin-left: 0 !important; } html body .eg-section-subheading { text-align: left; } } /* COMMON CSS END */ /* HEADER */ html body .eg-header_new .eg-topbar { background: radial-gradient(295.08% 295.08% at 50% -101.64%, #122D5D 23.44%, #00040B 100%); } html body .eg-header_new .eg-topbar .eg-container_new { display: flex; padding: 20px 0; justify-content: flex-end; color: white; } html body .eg-header_new .eg-topbar .eg-container_new .eg-text { color: #FFF; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; } html body .eg-header_new .eg-topbar .eg-container_new .eg-call { color: #FFF; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: flex; align-items: center; grid-gap: 5px; margin-left: 10px; padding-right: 10px; margin-right: 14px; border-right: 1px solid white; text-decoration: none; cursor: pointer; } html body .eg-header_new .eg-topbar .eg-container_new .eg-contact-us { color: #FFF; text-align: center; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; text-decoration: underline; cursor: pointer; } html body .eg-header_new .eg-menu-bar { background: white; } html body .eg-header_new .eg-container_new { display: flex; /* align-items: center; */ padding: 13px 0; justify-content: space-between; } html body .eg-header_new .eg-header-logo { width: 100%; max-width: 194px; display: flex; align-items: center; justify-content: center; } html body .eg-header_new .eg-nav-menus { display: flex; /* align-items: center; */ list-style: none; padding-left: 0; margin-left: 46px; margin-top: 0; margin-bottom: 0; } html body .eg-header_new .eg-nav-menus .eg-nav-menu { margin-bottom: 0; height: auto; display: flex; justify-content: center; align-items: center; cursor: pointer; } html body .eg-header_new .eg-nav-menus .eg-nav-menu:not(:last-child)>a { padding-right: 20px; margin-right: 20px; border-right: 1px solid #848E9D; } html body .eg-header_new .eg-nav-menus .eg-nav-menu a { color: #191F28; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; } html body .eg-header_new .eg-nav-shop-cta { height: max-content; margin-left: 26px; margin-right: 26px; align-self: center; } html body .eg-header_new .eg-nav-actions { display: flex; align-items: center; grid-gap: 24px; } html body .eg-header_new .eg-nav-actions .eg-search::before { content: ''; width: 23px; aspect-ratio: 1/1; display: block; background: url('https://sitetunershosting.com/clients/power/searchicon.svg'); background-repeat: no-repeat; background-size: contain; } html body .eg-header_new .eg-nav-actions .eg-user::before { content: ''; width: 23px; aspect-ratio: 1/1; display: block; background: url('https://svgshare.com/i/10ML.svg'); background-repeat: no-repeat; background-size: contain; } html body .eg-header_new .eg-nav-actions .eg-cart::before { content: ''; width: 23px; aspect-ratio: 1/1; display: block; background: url('https://sitetunershosting.com/clients/power/carticon.svg'); background-repeat: no-repeat; background-size: contain; } html body .eg-header_new .eg-nav-actions * { cursor: pointer; } html body .eg-mega-menu { position: absolute; bottom: 25px; width: 100vw; left: 0; right: 0; max-width: 100%; box-shadow: 0 4px 4px #0000000d, 0 16px 16px #00000013; transform: translateY(100%); z-index: 999999999; background: white; transition: opacity 0.3s ease; } html body .eg-header_new .eg-nav-menus .eg-nav-menu:not(:hover) .eg-mega-menu { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } html body .eg-mega-menu-wrapper { margin: 0; list-style: none; margin: 0; padding: 15px 20px 20px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 50px; } html body .eg-mega-menu-wrapper li { margin: 0; } html body .eg-header_new { position: relative; } html body .mobile-search.eg-show-search { display: block !important; } html body .eg-header_new .eg-nav-actions .eg-cart::after { content: attr(data-count); --wdt: 19px; width: var(--wdt); height: var(--wdt); display: flex; align-items: center; justify-content: center; background: #191F28; font-family: Raleway; font-size: calc(var(--wdt)/2); font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; color: white; border-radius: 100vmax; position: absolute; top: calc(-1 * var(--wdt)/2); right: calc(-1 * var(--wdt)/2); } html body .eg-header_new .eg-nav-actions .eg-cart { position: relative; } /* HERO CSS */ html body .eg-hero_new { isolation: isolate; position: relative; } html body .eg-hero_new::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url('https://sitetunershosting.com/clients/power/hero.jpg'); background-repeat: no-repeat; background-size: cover; } html body .eg-hero_new .eg-container_new { padding: 85px 5px 90px; z-index: 3; position: relative; } html body .eg-hero_new .eg-section-subheading { margin-bottom: 54px; } html body .eg-hero_new .eg-content .eg-usps { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; grid-gap: 37px; } html body .eg-hero_new .eg-content .eg-usps>li { margin-bottom: 0 !important; padding-left: var(--pdleft); position: relative; } html body .eg-hero_new .eg-content .eg-usps>li::before { content: ""; width: 26px; height: 24px; display: block; position: absolute; left: 0; background: url('https://sitetunershosting.com/clients/power/herotick.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; top: 5px; } html body .eg-hero_new .eg-content { --pdleft: 43px; } html body .eg-hero_new .eg-content .eg-usps>li .eg-heading { color: #FFF; font-family: Raleway; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } html body .eg-hero_new .eg-content .eg-usps>li .eg-subheading { color: rgba(255, 248, 248, 0.80); font-family: Lato; font-size: 19px; font-style: normal; font-weight: 400; line-height: 32px; /* 168.421% */ margin-bottom: 0; max-width: 616px !important; } html body .eg-hero_new .eg-content .eg-content-bottom { margin-top: 54px; } html body .eg-hero_new .eg-content .eg-content-bottom>p { color: #FFF; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 32px; } html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group { display: flex; grid-gap: 26px; } html body .eg-hero_new .eg-trust-collection>p { color: #FFF; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } html body .eg-hero_new .eg-trust-collection>.eg-badges { filter: none; } html body .eg-hero_new .eg-trust-collection>.eg-badges .eg-image { filter: brightness(0.6); } html body .eg-hero_new .eg-trust-collection>.eg-badges span { color: #9B9B9B; } html body .eg-hero_new .eg-section-heading { --clr: #FFF8F8 !important; text-shadow: 0px -2px 4px rgba(0, 0, 0, 0.53); } html body .eg-hero_new .eg-section-subheading { --clr: #FFF8F8 !important; } @media only screen and (min-width:1024px) and (max-width:1200px) { .eg-hero_new .eg-container_new { padding-left: 13px !important; padding-right: 13px !important; } } @media(max-width:768px) { html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group { flex-direction: column; } html body .eg-hero_new .eg-content .eg-usps { grid-gap: 30px; } html body .eg-hero_new .eg-content .eg-content-bottom .eg-ctas-group a { text-align: center; } html body .eg-hero_new .eg-trust-collection>.eg-badges { margin-top: 16px; } html body .eg-hero_new .eg-section-subheading { margin-bottom: 30px !important; } html body .eg-hero_new .eg-container_new { padding-top: 120px !important; padding-bottom: 30px !important; } html body .eg-hero_new .eg-content .eg-content-bottom>p { text-align: center; margin-top: 30px !important; margin-bottom: 20px !important; } html body .eg-hero_new .eg-content .eg-content-bottom { margin-top: 20px; } html body .eg-hero_new .eg-trust-collection>p { font-size: 15px; } html body .eg-hero_new .eg-content .eg-usps>li .eg-subheading { margin-left: calc(-1 * var(--pdleft)); line-height: 28px !important; margin-top: 5px !important; } } /* Podcast CSS */ .eg-checkout-podcast_new { width: 100% !important; max-width: 100% !important; background: radial-gradient(234.64% 192.04% at 50% 143.81%, #220200 11.16%, #800A02 55.19%, #8E0900 90.04%); } .eg-checkout-podcast_new>.eg-check-podcast { display: flex; flex-direction: row; justify-content: end; /* align-items: center; */ grid-gap: 160px; padding-top: 90px; padding-bottom: 85px; } .eg-checkout-podcast_new>.eg-check-podcast>.eg-join-our-podcast>div:last-child { display: flex; justify-content: center; align-items: center !important; } .eg-checkout-podcast_new .eg-podcast-content>.eg-podcast-listen:before { content: ''; background-image: url(https://sitetunershosting.com/clients/power/play.svg); width: 11px; height: 13px !important; display: inline-block; margin-right: 10px; } .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content span { margin-bottom: 30px; display: block; margin-top: 25px; } .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content { padding-top: 45px; } .eg-checkout-podcast_new .eg-join-our-podcast>h3 { font-family: Raleway; font-size: 36px; font-weight: 700; line-height: 42px; letter-spacing: 0em; text-align: center; color: #F8F7F7 !important; } .eg-checkout-podcast_new .eg-join-our-podcast>p { font-family: Lato; font-size: 24px; font-weight: 500; line-height: 29px; letter-spacing: 0em; text-align: center; color: #F8F7F7 !important; margin-bottom: 35px !important; } .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content p { font-family: Lato; font-size: 18px; font-weight: 500; line-height: 22px; letter-spacing: 0em; text-align: left; color: #F8EBEA !important; max-width: 604px !important; } .eg-checkout-podcast_new .eg-join-our-podcast img { width: 100% !important; max-width: 334px !important; height: 100% !important; max-height: 154px !important; } @media(max-width:768px) { .eg-checkout-podcast_new .eg-container_new { display: flex !important; flex-direction: column !important; align-items: baseline !important; } .eg-checkout-podcast_new>.eg-check-podcast { grid-gap: 20px; flex-direction: column; justify-content: center; align-items: center; } .eg-checkout-podcast_new .eg-join-our-podcast>h3, .eg-checkout-podcast_new .eg-join-our-podcast>p { text-align: left; } html body .eg-check-podcast .eg-join-our-podcast>.eg-content p { color: white; font-family: Lato; margin-bottom: 25px; } html body .eg-check-podcast .eg-join-our-podcast>.eg-content p span { display: block; margin-top: 11px; } html body .eg-checkout-podcast_new .eg-join-our-podcast>p { margin-bottom: 20px !important; } html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content, html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content a { display: block; width: 100%; text-align: center; } html body .eg-checkout-podcast_new>.eg-check-podcast>.eg-podcast-content { padding-top: 20px; } } /* Podcast end */ /* how it work section */ html body .eg-how-it-works_new { isolation: isolate; position: relative; overflow: hidden; --pdb: 90px; } html body .eg-how-it-works_new::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; pointer-events: none; background: linear-gradient(180deg, #220200 17.46%, #800A02 93.49%, #8E0900 103.07%); mix-blend-mode: multiply; z-index: 99; } html body .eg-how-it-works_new::after { content: ""; width: 407px; height: 482px; background: url('https://sitetunershosting.com/clients/power/football.png'); display: block; background-repeat: no-repeat; background-size: auto; position: absolute; right: calc(-1 * var(--pdb)); bottom: calc(-1 * var(--pdb)) !important; } html body .eg-how-it-works_new .eg-section-heading { --clr: #F8EBEA !important; } html body .eg-how-it-works_new .eg-section-subheading { --clr: #F8EBEA !important; width: 100%; } html body .eg-how-it-works_new .eg-usps { display: flex; flex-direction: row; grid-gap: 28px !important; margin-top: 43px !important; margin-bottom: 40px !important; padding-left: 0px !important; } html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspheading:before { content: ''; background-image: url(https://sitetunershosting.com/clients/power/howitworkstick.svg); width: 31px !important; height: 27px !important; display: inline-block; position: absolute; left: -37px; top: 8px; } .eg-how-it-works_new>.eg-container_new { width: 100% !important; max-width: 1400px !important; } html body .eg-how-it-works_new .eg-footer { color: #F8F7F7; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } html body .eg-how-it-works_new .eg-footer { color: #F8F7F7; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 30px; } html body .eg-how-it-works_new .eg-cta-group { display: flex; grid-gap: 25px; } html body .eg-how-it-works_new .eg-container_new { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 85px; padding-bottom: var(--pdb); z-index: 999999 !important; position: relative; } html body .eg-how-it-works_new .eg-usps>.eg-usp { display: flex; flex-direction: column; grid-gap: 10px !important; } html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspheading { color: #F8EBEA; font-family: Lato; font-size: 35px; font-style: normal; font-weight: 600; line-height: normal; position: relative !important; } html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspsubheading { color: #F8EBEA; font-family: Lato; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } html body .eg-how-it-works_new .eg-usps>.eg-usp .eg-uspdetail { color: #F8EBEA; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; } html body .eg-how-it-works_new .eg-trust-collection>.eg-badges span { color: white !important; } @media(min-width:768px) { .eg-how-it-works_new>.eg-container_new { padding-left: 50px !important; padding-right: 20px !important; } } @media(max-width:768px) { html body .eg-how-it-works_new .eg-usps { flex-direction: column; margin-top: 20px !important; margin-bottom: 25px !important; } html body .eg-how-it-works_new .eg-cta-group { flex-wrap: wrap; justify-content: center; } html body .eg-how-it-works_new .eg-container_new .eg-usps { padding-left: 45px !important; } } /* CLIENT TESTIMONIAL UPDATE */ html body .eg-testimonial_new .eg-section-heading { --clr: #19345C; } html body .eg-testimonial_new .eg-section-subheading { --clr: #191F28; margin-bottom: 54px; } html body #eg-carousel-eg-client-testimonials .eg-carousel-slide { border-radius: 4px; border: 1px solid rgba(100, 6, 0, 0.26); background: rgba(255, 255, 255, 0.81); box-shadow: 0px 1px 4px 0px rgba(211, 206, 205, 0.40); height: auto; padding: 21px 35px; } html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-img-wrapper { display: flex; justify-content: center; align-items: flex-start; isolation: isolate; margin-bottom: 16px; } html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-carousel-slide_img { width: 85px; height: 85px; border-radius: 100vmax; display: none !important; } html body #eg-carousel-eg-client-testimonials .eg-carousel-slide .eg-img-wrapper::before { content: ""; width: 56px; height: 45px; background: url('https://sitetunershosting.com/clients/power/quote.svg'); margin-right: -13px; background-repeat: no-repeat; background-size: contain !important; } html body #eg-carousel-eg-client-testimonials .eg-author-comment { color: #191F28; text-align: center; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 16px; } html body #eg-carousel-eg-client-testimonials .eg-author-name { color: #191F28; text-align: center; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } html body .eg-testimonial_new .eg-container_new { padding: 90px 35px; } @media(max-width:1024px) { html body .eg-testimonial_new .eg-container_new { padding-bottom: 58px !important; } } @media(max-width:768px) { html body .eg-testimonial_new .eg-container_new { padding-bottom: 53px !important; } html body .eg-testimonial_new .eg-section-heading, html body .eg-testimonial_new .eg-section-subheading { text-align: center; } } /* WHATS HOT CSS */ html body .eg-shop-whatshot_new { background: linear-gradient(to bottom right, #F9FBFF 27%, #F3F7FD 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F9FBFF 27%, #F3F7FD 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F9FBFF 27%, #F3F7FD 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F9FBFF 27%, #F3F7FD 50%) top right / 50% 50% no-repeat; } html body .eg-shop-whatshot_new .eg-container_new { padding-top: 85px; padding-bottom: 85px; padding-left: 35px; padding-right: 35px; } html body .eg-shop-whatshot_new .eg-section-heading { --clr: #19345C !important; } html body .eg-shop-whatshot_new .eg-section-subheading { --clr: #191F28; margin-bottom: 59px; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide { display: flex; flex-direction: column; grid-gap: 45px; height: auto !important; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper { display: flex; flex-direction: column; height: 100% !important; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-wrapper { border-radius: 2px; background: #FFF; box-shadow: 0px 4px 4px 0px rgba(36, 7, 5, 0.40); border: 1px solid #790800; --margin-tp: 41px; cursor: pointer; height: 100% !important; display: grid; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper>span { color: #191F28; text-align: center; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; display: block; width: 100%; margin-bottom: 13px; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text { margin: 0; color: #FFF !important; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; padding: 10px 7px; background: linear-gradient(180deg, #790800 62.67%, #000 144.18%); align-self: flex-end; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text span { color: white; display: flex; justify-content: center; align-items: center; padding: 13px; border-radius: 4px; border: 1px solid #FFF; background: rgba(222, 222, 222, 0.00); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.26); text-align: center; } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper img { margin-left: auto; margin-right: auto; display: block; margin-top: 18px; margin-bottom: 26px; width: 100%; max-width: 184.41px !important; height: 100%; max-height: 175.01px !important; object-fit: contain; } html body #eg-carousel-eg-whatshot-testimonials .swiper-pagination, html body #eg-carousel-eg-whatshot-testimonials [class^="swiper-button"] { display: none !important; } html body .eg-shop-whatshot_new .eg-content { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 72px; grid-gap: 38px; width: 100%; max-width: 595px; margin-left: auto; margin-right: auto; } html body .eg-shop-whatshot_new .eg-content .eg-cta-group { display: flex; grid-gap: 25px; width: fit-content; } html body .eg-shop-whatshot_new .eg-note { border-radius: 6px; background: linear-gradient(to bottom right, #F4F4F4 0%, #FFF 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F4F4F4 0%, #FFF 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F4F4F4 0%, #FFF 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F4F4F4 0%, #FFF 50%) top right / 50% 50% no-repeat; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.21); padding: 20px 41px; display: flex; align-items: center; grid-gap: 18px; text-align: center; } html body .eg-shop-whatshot_new .eg-note .eg-bold { color: #122D5D; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 800; line-height: 21px; /* 116.667% */ text-transform: capitalize; } html body .eg-shop-whatshot_new .eg-note .eg-text { color: #49566A; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 600; line-height: 21px; } @media(max-width:1085px) { html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper>span, html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide .eg-carousel-slide_wrapper .eg-text span { font-size: 13px; text-align: center; } } @media(max-width:768px) { html body .eg-shop-whatshot_new .eg-content { margin-top: 50px !important; } html body .eg-shop-whatshot_new .eg-content .eg-cta-group { flex-direction: column; } html body .eg-shop-whatshot_new .eg-content .eg-cta-group a { text-align: center; } html body .eg-shop-whatshot_new .eg-note { flex-wrap: wrap; justify-content: center; } html body .eg-shop-whatshot_new .eg-section-heading, html body .eg-shop-whatshot_new .eg-section-subheading { text-align: center; } html body #eg-carousel-eg-whatshot-testimonials .swiper-wrapper { box-sizing: border-box; display: grid !important; grid-template-columns: 1fr 1fr; grid-column-gap: 14px; --grid-rw-gap: 33px; grid-row-gap: var(--grid-rw-gap); } html body #eg-carousel-eg-whatshot-testimonials .eg-carousel-slide { grid-gap: var(--grid-rw-gap) !important; } html body #eg-carousel-eg-whatshot-testimonials.eg-slider-wrapper [class^="swiper-button"] { display: none; } } /* SHOP BY SPORT */ html body .eg-shop-by-sport_new::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; display: block; z-index: 1; bottom: 0; opacity: 0.95; background: url('https://sitetunershosting.com/clients/power/shop_by_sport_bg.jpg'); background-repeat: no-repeat; background-size: cover; } html body .eg-shop-by-sport_new { isolation: isolate; position: relative; } html body .eg-shop-by-sport_new .eg-container_new { z-index: 3; position: relative; padding: 85px 10px 90px; } html body .eg-shop-by-sport_new::after { content: ''; z-index: 2; position: relative; } html body .eg-shop-by-sport_new .eg-section-heading { --clr: #F8F7F7; } html body .eg-shop-by-sport_new .eg-section-subheading { --clr: #fff; margin-bottom: 58px; } html body .eg-shop-by-sport_new .eg-cards { display: flex; grid-gap: 74px; width: 100%; box-sizing: border-box; } html body .eg-shop-by-sport_new .eg-cards .eg-image-wrapper img { display: block; width: 100%; } html body .eg-shop-by-sport_new .eg-cards .eg-card { border-radius: 4px; border: 1px solid #FFCF22; background: linear-gradient(180deg, #640600 0%, #000 100%); box-shadow: 0px -2px 4px 0px rgba(211, 206, 205, 0.40); } html body .eg-shop-by-sport_new .eg-cards .eg-image-wrapper { display: flex; justify-content: center; align-items: center; padding: 3px 0 0; } html body .eg-shop-by-sport_new .eg-cards .eg-card-title { color: #FFF; text-align: center; font-family: Raleway; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; margin-top: 20px; margin-bottom: 17px !important; } html body .eg-shop-by-sport_new .eg-cards .eg-card-info { color: #FFF; text-align: center; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; padding: 0 28px; margin-bottom: 24px; } html body .eg-shop-by-sport_new .eg-cards .eg-cta-group { padding: 0 28px; display: flex; flex-direction: column; grid-gap: 16px; padding-bottom: 34px; } html body .eg-shop-by-sport_new .eg-footer { display: flex; flex-direction: column; grid-gap: 31px; align-items: center; margin-top: 54px; } html body .eg-shop-by-sport_new .eg-footer p { color: #F8F7F7; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 0; } html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer { display: flex; grid-gap: 26px; } @media(max-width:1024px) { html body .eg-shop-by-sport_new .eg-cards { grid-gap: 20px !important; flex-wrap: wrap; justify-content: center; align-items: center; } } @media(max-width:768px) { html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer { flex-direction: column; } html body .eg-shop-by-sport_new .eg-footer .eg-cta-group_footer a { text-align: center; } html body .eg-shop-by-sport_new .eg-section-heading, html body .eg-shop-by-sport_new .eg-section-subheading { text-align: center; } } /* AUTHENTICITY GURANTEED */ html body .eg-auth-guaranteed_new { background: linear-gradient(to bottom right, #F9FBFF 27%, #F3F7FD 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #F9FBFF 27%, #F3F7FD 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #F9FBFF 27%, #F3F7FD 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #F9FBFF 27%, #F3F7FD 50%) top right / 50% 50% no-repeat; } html body .eg-auth-guaranteed_new .eg-section-heading { --clr: #19345C; } html body .eg-auth-guaranteed_new .eg-section-subheading { --clr: #191F28; margin-bottom: 54px; } html body .eg-auth-guaranteed_new .eg-content { display: flex; grid-gap: 64px; } html body .eg-auth-guaranteed_new .eg-content>.eg-left { width: 50%; } html body .eg-auth-guaranteed_new .eg-content>.eg-right { width: 50%; padding-top: 38px; } html body .eg-auth-guaranteed_new .eg-content>.eg-right p { color: #191F28; font-family: Lato; font-size: 19px; font-style: normal; font-weight: 500; line-height: normal; } html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-bold { font-weight: 800; } html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-last { font-weight: 700; } html body .eg-auth-guaranteed_new .eg-content>.eg-left p { color: #191F28; font-family: Lato; font-size: 19px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; margin-bottom: 20px; } html body .eg-auth-guaranteed_new .eg-content .eg-video-wrapper { display: flex; width: 100%; aspect-ratio: 1/0.77; background: url('https://sitetunershosting.com/clients/power/videomask.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 4px; cursor: pointer; } html body .eg-auth-guaranteed_new .eg-container_new { padding: 85px 5px 90px; } html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group { display: flex; margin-top: 32px; grid-gap: 25px; } html body .eg-auth-guaranteed_new .eg-trust-collection>p { color: #FFF; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; } @media only screen and (min-width:1024px) and (max-width:1200px) { .eg-auth-guaranteed_new>div { padding-left: 13px !important; padding-right: 13px !important; } } @media(max-width: 768px) { html body .eg-auth-guaranteed_new .eg-content { grid-gap: 0; flex-direction: column; justify-content: center; align-items: center; } html body .eg-auth-guaranteed_new .eg-content>div { width: 100% !important; } html body .eg-auth-guaranteed_new .eg-content>.eg-right { padding-top: 20px; } html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group { flex-direction: column; } html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a { text-align: center; } html body .eg-auth-guaranteed_new .eg-content>.eg-right p.eg-last { text-align: center; border-top: 1px solid; padding-top: 12px; } } @media(min-width:768px) and (max-width:1032px) { html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group a { padding-left: 22px !important; padding-right: 22px !important; font-size: 14px; } html body .eg-auth-guaranteed_new .eg-content>.eg-right .eg-cta-group { grid-gap: 15px !important; } }
Editor is loading...
Leave a Comment