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