1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16<!doctype html> 17<!--[if IE 9]> <html class="ie9 no-js supports-no-cookies" lang="en"> <![endif]--> 18<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js supports-no-cookies " lang="en"> <!--<![endif]--> 19<head>
19<script data-source-attribution="shopify.event_observer.bootstrap"> 20(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//axispdc.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-ed358274.js").then(e=>e.$(_,y,f,i,`42811228311`)))})(); 21//# sourceURL=event-observer-collector.js 22</script>
22 23 24 <meta name="google-site-verification" content="4SGmhIWABpeZ_N4is3Ua5vt0dlHIutcmZPtjvDgCynU" /> 25 <!-- Basic and Helper page needs --> 26 <meta charset="utf-8"> 27 <meta http-equiv="x-ua-compatible" content="IE=edge"> 28 <meta name="viewport" content="width=device-width,initial-scale=1"> 29 <meta name="theme-color" content="#ec1e24"> 30 31 32 33 34 <link rel="preload" as="font" href="//axispdc.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2" type="font/woff2" crossorigin> 35 <link rel="preload" as="font" href="//axispdc.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2" type="font/woff2" crossorigin> 36 37 38 <link rel="preload" as="font" href="//axispdc.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2" type="font/woff2" crossorigin> 39 40 <link rel="canonical" href="https://axispdc.com/blogs/artist-roster"><link rel="shortcut icon" href="//axispdc.com/cdn/shop/files/AXIS_logo_USA_red_32x32.png?v=1659019446" type="image/png" /><!-- Title and description --> 41 42 <title> 43 Artist Roster 44 45 46 47 – AXiS Pedal & Drum Co. 48 49 </title><!-- Helpers --> 50 <!-- /snippets/social-meta-tags.liquid --> 51 52 53 <meta property="og:type" content="website"> 54 <meta property="og:title" content="Artist Roster"> 55 56 57<meta property="og:url" content="https://axispdc.com/blogs/artist-roster"> 58<meta property="og:site_name" content="AXiS Pedal & Drum Co."> 59 60 61 62 63 <meta name="twitter:card" content="summary"> 64 65 66 67 <!-- CSS --> 68 <link href="//axispdc.com/cdn/shop/t/9/assets/timber.scss.css?v=133802732335060763891704584180" rel="stylesheet" type="text/css" media="all" /> 69<link href="//axispdc.com/cdn/shop/t/9/assets/bootstrap.min.css?v=148578714325549562031655139432" rel="stylesheet" type="text/css" media="all" /> 70<link href="//axispdc.com/cdn/shop/t/9/assets/animate.min.css?v=169615475114364703181655139432" rel="stylesheet" type="text/css" media="all" /> 71<link href="//axispdc.com/cdn/shop/t/9/assets/font-awesome.min.css?v=21869632697367095781655139442" rel="stylesheet" type="text/css" media="all" /> 72<link href="//axispdc.com/cdn/shop/t/9/assets/owl.carousel.min.css?v=9938442685009986721666189725" rel="stylesheet" type="text/css" media="all" /> 73<link href="//axispdc.com/cdn/shop/t/9/assets/owl.theme.default.min.css?v=135046118358282713361655139455" rel="stylesheet" type="text/css" media="all" /> 74<link href="//axispdc.com/cdn/shop/t/9/assets/swiper-bundle.min.css?v=135979696646116016391655139462" rel="stylesheet" type="text/css" media="all" /> 75<link href="//axispdc.com/cdn/shop/t/9/assets/swiper.min.css?v=168954572340863736781655139463" rel="stylesheet" type="text/css" media="all" /> 76 77<link href="//axispdc.com/cdn/shop/t/9/assets/themify-icons.css?v=17828378678609318721655139465" rel="stylesheet" type="text/css" media="all" /> 78<link href="//axispdc.com/cdn/shop/t/9/assets/plugins.css?v=104516409424669372401655139456" rel="stylesheet" type="text/css" media="all" /> 79<link href="//axispdc.com/cdn/shop/t/9/assets/magnific-popup.css?v=52593353302364675501655139452" rel="stylesheet" type="text/css" media="all" /> 80<link href="//axispdc.com/cdn/shop/t/9/assets/et-line-icon.css?v=61802341352154038591655139436" rel="stylesheet" type="text/css" media="all" /> 81<link href="//axispdc.com/cdn/shop/t/9/assets/feather.css?v=92868303419586581901655139439" rel="stylesheet" type="text/css" media="all" /> 82 83<link href="//axispdc.com/cdn/shop/t/9/assets/style.css?v=128356564365523145811674501925" rel="stylesheet" type="text/css" media="all" /> 84<link href="//axispdc.com/cdn/shop/t/9/assets/skin-theme.css?v=16230300034538505121658077047" rel="stylesheet" type="text/css" media="all" /> 85<link href="//axispdc.com/cdn/shop/t/9/assets/theme-color.css?v=37902097455470689151716669715" rel="stylesheet" type="text/css" media="all" /><style>*,::after,::before{box-sizing:border-box}body{ font-family: var(--font-stack-body);font-weight: var(--font-weight-body);font-style: var(--font-style-body);}h1,h2,h3,h4,h5,h6{ font-family: var(--font-stack-header);font-weight: var(--font-weight-header);font-style: var(--font-style-header);} 86 87 @font-face { 88 font-family: Lato; 89 font-weight: 700; 90 font-style: normal; 91 font-display: swap; 92 src: url("//axispdc.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2
92151983f0a4a4d9d5dcf.woff2") format("woff2"), 93 url("//axispdc.com/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff"); 94} 95 96 97 98 @font-face { 99 font-family: Lato; 100 font-weight: 400; 101 font-style: normal; 102 font-display: swap; 103 src: url("//axispdc.com/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"), 104 url("//axispdc.com/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff"); 105} 106 107 108 @font-face { 109 font-family: Lato; 110 font-weight: 700; 111 font-style: normal; 112 font-display: swap; 113 src: url("//axispdc.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"), 114 url("//axispdc.com/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff"); 115} 116 117 @font-face { 118 font-family: Lato; 119 font-weight: 700; 120 font-style: normal; 121 font-display: swap; 122 src: url("//axispdc.com/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"), 123 url("//axispdc.com/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff"); 124} 125 126 @font-face { 127 font-family: Lato; 128 font-weight: 400; 129 font-style: italic; 130 font-display: swap; 131 src: url("//axispdc.com/cdn/fonts/lato/lato_i4.09c847adc47c2fefc3368f2e241a3712168bc4b6.woff2") format("woff2"), 132 url("//axispdc.com/cdn/fonts/lato/lato_i4.3c7d9eb6c1b0a2bf62d892c3ee4582b016d0f30c.woff") format("woff"); 133} 134 135 @font-face { 136 font-family: Lato; 137 font-weight: 700; 138 font-style: italic; 139 font-display: swap; 140 src: url("//axispdc.com/cdn/fonts/lato/lato_i7.16ba75868b37083a879b8dd9f2be44e067dfbf92.woff2") format("woff2"), 141 url("//axispdc.com/cdn/fonts/lato/lato_i7.4c07c2b3b7e64ab516aa2f2081d2bb0366b9dce8.woff") format("woff"); 142} 143 144 145 @font-face { 146 font-family: "Fjalla One"; 147 font-weight: 400; 148 font-style: normal; 149 font-display: swap; 150 src: url("//axispdc.com/cdn/fonts/fjalla_one/fjallaone_n4.262edaf1abaf5ed669f7ecd26fc3e24707a0ad85.woff2") format("woff2"), 151 url("//axispdc.com/cdn/fonts/fjalla_one/fjallaone_n4.f67f40342efd2b34cae019d50b4b5c4da6fc5da7.woff") format("woff"); 152} 153 154 155 </style> 156 <!-- Header hook for plugins --> 157 158
158<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
158<meta name="google-site-verification" content="DYSVU1gAYINKDiSSeGIRGKW0ni63nF6fv06s0Orpl6M"> 159<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/42811228311/digital_wallets/dialog"> 160<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/artist-roster.atom" />
161<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
161 162<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
163<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=42811228311" crossorigin="anonymous"></script>
vendor: 1 bytes, line 163
163
164<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":42811228311,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/42811228311","merchantName":"AXiS Pedal \u0026 Drum Co.","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"AXiS Pedal \u0026 Drum Co.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 164
164
165<script id="shopify-features" type="application/json">{"accessToken":"0aafc0fe52d42c59cb49405d6737a992","betas":["rich-media-storefront-analytics"],"domain":"axispdc.com","predictiveSearch":true,"shopId":42811228311,"locale":"en"}</script>
vendor: 1 bytes, line 165
165
166<script>var Shopify = Shopify || {}; 167Shopify.shop = "axis-percussion.myshopify.com"; 168Shopify.locale = "en"; 169Shopify.currency = {"active":"USD","rate":"1.0"}; 170Shopify.country = "US"; 171Shopify.theme = {"name":"Headphone","id":130043805847,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"}; 172Shopify.theme.handle = "null"; 173Shopify.theme.style = {"id":null,"handle":null}; 174Shopify.cdnHost = "axispdc.com/cdn"; 175Shopify.routes = Shopify.routes || {}; 176Shopify.routes.root = "/"; 177Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 178Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 179Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 180Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 180
180
181<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 181
181
182<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 182
182
183<script> 184 window.ShopifyPay = window.ShopifyPay || {}; 185 window.ShopifyPay.apiHost = "shop.app\/pay"; 186 window.ShopifyPay.redirectState = null; 187</script>
vendor: 1 bytes, line 187
187
188<script> 189 window.Shopify = window.Shopify || {}; 190 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 191 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 192 window.Shopify.SignInWithShop.eligible = true; 193</script>
vendor: 1 bytes, line 193
193
194<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 194
194
195<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 195
195
196<script type="module"> 197 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 198 199 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 200 201</script>
vendor: 1 bytes, line 201
201
202<script> 203 window.Shopify = window.Shopify || {}; 204 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 205 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 206</script>
vendor: 1 bytes, line 206
206
207<script>(function() { 208 var isLoaded = false; 209 function asyncLoad() { 210 if (isLoaded) return; 211 isLoaded = true; 212 var urls = ["https:\/\/gtranslate.io\/shopify\/gtranslate.js?shop=axis-percussion.myshopify.com","https:\/\/cdn.nfcube.com\/daae446f20390896040fa149395d6609.js?shop=axis-percussion.myshopify.com"]; 213 for (var i = 0; i < urls.length; i++) { 214 var s = document.createElement('script'); 215 s.type = 'text/javascript'; 216 s.async = true; 217 s.src = urls[i]; 218 var x = document.getElementsByTagName('script')[0]; 219 x.parentNode.insertBefore(s, x); 220 } 221 }; 222 if(window.attachEvent) { 223 window.attachEvent('onload', asyncLoad); 224 } else { 225 window.addEventListener('load', asyncLoad, false); 226 } 227})();</script>
vendor: 1 bytes, line 227
227
228<script id="__st">var __st={"a":42811228311,"offset":-25200,"reqid":"e699d336-1bbe-4335-a08b-bcf8f7f1f188-1791565750","pageurl":"axispdc.com\/blogs\/artist-roster","s":"blogs-67638984855","u":"bb81706b5e52","p":"blog","rtyp":"blog","rid":67638984855};</script>
vendor: 1 bytes, line 228
228
229<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 229
229
230<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 230
230
231<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//axispdc.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 231
231
232<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//axispdc.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
232<script crossorigin="anonymous" defer="defer" src="//axispdc.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 232
232
233<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 233
233
234<script> 235 window.Shopify = window.Shopify || {}; 236 window.Shopify.MCP = window.Shopify.MCP || {}; 237 window.Shopify.MCP.enabled = true; 238 window.Shopify.MCP.shop = "axis-percussion.myshopify.com"; 239 window.Shopify.MCP.mcpEndpoint = "https:\/\/axispdc.com\/api\/mcp"; 240 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 241</script>
vendor: 1 bytes, line 241
241
242<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/axispdc.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 243</script>
vendor: 1 bytes, line 243
243
244<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://axispdc.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 245</script>
vendor: 1 bytes, line 245
245
246<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 247 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 248</script>
vendor: 1 bytes, line 248
248
249<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 250</script>
vendor: 1 bytes, line 250
250
251<script id='scb4127' type='text/javascript' async='' src='https://axispdc.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
251<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://axispdc.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 252<style id="shopify-accelerated-checkout-cart"> 253 #shopify-buyer-consent { 254 margin-top: 1em; 255 display: inline-block; 256 width: 100%; 257} 258 259#shopify-buyer-consent.hidden { 260 display: none; 261} 262 263#shopify-subscription-policy-button { 264 background: none; 265 border: none; 266 padding: 0; 267 text-decoration: underline; 268 font-size: inherit; 269 cursor: pointer; 270} 271 272#shopify-subscription-policy-button::before { 273 box-shadow: none; 274} 275 276 </style> 277
278<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
278 279 <!-- "snippets/shogun-products.liquid" was not rendered, the associated app was uninstalled --> 280 281 <!-- /snippets/oldIE-js.liquid --> 282 283 284<!--[if lt IE 9]>
285<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js" type="text/javascript"></script>
vendor: 1 bytes, line 285
285
286<script src="//axispdc.com/cdn/shop/t/9/assets/respond.min.js?v=52248677837542619231655139458" type="text/javascript"></script>
286 287<link href="//axispdc.com/cdn/shop/t/9/assets/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> 288<link href="//axispdc.com/search?q=535fe603fb6da8f1a9406c6c6a60650e" id="respond-redirect" rel="respond-redirect" />
289<script src="//axispdc.com/search?q=535fe603fb6da8f1a9406c6c6a60650e" type="text/javascript"></script>
289 290<![endif]--> 291 292 293 <!-- JS -->
293<script src="//axispdc.com/cdn/shop/t/9/assets/modernizr-2.8.3.min.js?v=174727525422211915231655139453" type="text/javascript"></script>
vendor: 1 bytes, line 293
293
294<script src="//axispdc.com/cdn/shop/t/9/assets/jquery-1.12.0.min.js?v=180303338299147220221655139448" type="text/javascript"></script>
vendor: 1 bytes, line 294
294
295<script src="//axispdc.com/cdn/shop/t/9/assets/popper.min.js?v=183925064573163857831655139457" type="text/javascript"></script>
vendor: 1 bytes, line 295
295
296<script src="//axispdc.com/cdn/shop/t/9/assets/bootstrap.min.js?v=5901922990264580611655139433" type="text/javascript"></script>
vendor: 1 bytes, line 296
296
297<script src="//axispdc.com/cdn/shop/t/9/assets/plugins.js?v=13735872287495472721655139457" type="text/javascript"></script>
vendor: 1 bytes, line 297
297
298<script src="//axispdc.com/cdn/shop/t/9/assets/owl.carousel.min.js?v=97891440811553454251655139454" type="text/javascript"></script>
vendor: 1 bytes, line 298
298
299<script src="//axispdc.com/cdn/shop/t/9/assets/swiper-bundle.min.js?v=57822708457467767351655139462" type="text/javascript"></script>
vendor: 1 bytes, line 299
299
300<script src="//axispdc.com/cdn/shop/t/9/assets/swiper.min.js?v=125509845551321791351655139463" type="text/javascript"></script>
300 301
302<script src="//axispdc.com/cdn/shop/t/9/assets/jquery.lazyload.min.js?v=52017726365333097691655139450" type="text/javascript"></script>
vendor: 1 bytes, line 302
302
303<script src="//axispdc.com/cdn/shop/t/9/assets/imagesloaded.pkgd.min.js?v=58209854333173575541655139447" type="text/javascript"></script>
vendor: 1 bytes, line 303
303
304<script src="//axispdc.com/cdn/shop/t/9/assets/jquery.magnific-popup.min.js?v=62953174224872963371655139450" type="text/javascript"></script>
vendor: 1 bytes, line 304
304
305<script src="//axispdc.com/cdn/shop/t/9/assets/jquery.isotope.min.js?v=91911861347149225011655139449" type="text/javascript"></script>
vendor: 1 bytes, line 305
305
306<script src="//axispdc.com/cdn/shop/t/9/assets/jquery.waypoints.min.js?v=4418641721935119181655139451" type="text/javascript"></script>
vendor: 1 bytes, line 306
306
307<script src="//axispdc.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>
vendor: 1 bytes, line 307
307
308<script src="//axispdc.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" type="text/javascript"></script>
vendor: 1 bytes, line 308
308
309<script src="//axispdc.com/cdn/shop/t/9/assets/counter.js?v=91558200207281618801655139435" type="text/javascript"></script>
vendor: 1 bytes, line 309
309
310<script src="//axispdc.com/cdn/shop/t/9/assets/jquery.countTo.js?v=114738705482761559801655139449" type="text/javascript"></script>
vendor: 1 bytes, line 310
310
311<script src="//axispdc.com/cdn/shop/t/9/assets/wow.min.js?v=39643156713238791011655139468" type="text/javascript"></script>
vendor: 1 bytes, line 311
311
312<script src="//axispdc.com/cdn/shop/t/9/assets/main.js?v=159533127474692364941655139452" type="text/javascript"></script>
312 313 314
314<script src="//axispdc.com/cdn/shopifycloud/storefront/assets/themes_support/shopify_common-5f594365.js" type="text/javascript"></script>
314 315 316 317 <!-- "snippets/shogun-head.liquid" was not rendered, the associated app was uninstalled --> 318 319 <!-- Google Tag Manager -->
320<script>
vendor: 327 bytes, lines 320-324
320(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 321new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 322j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 323'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 324})(window,document,'script','dataLayer','
324GTM-5SC6PTS2
vendor: 3 bytes, line 324
324');
324</script>
324 325<!-- End Google Tag Manager --> 326 327 328<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 328-329
328 329<script async src="https://www.googletagmanager.com/gtag/js?id=
329AW-17079595985
vendor: 13 bytes, line 329
329"></script>
330<script>
vendor: 127 bytes, line 330
330window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
330AW-17079595985
vendor: 4 bytes, line 330
330');
330</script>
330 331
332<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
332 333<!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 334 335 336 337 338 339 340 341 342 343 344 345 346
346<script async src="https://static.klaviyo.com/onsite/js/XR8xmn/klaviyo.js?company_id=XR8xmn"></script>
346 347
347<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
347 348 349 350 351 352 353 354
354<script> 355 window.klaviyoReviewsProductDesignMode = false 356 </script>
356 357 358 359 360 361 362 363 364 365 366<!-- END app block --><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0428/1122/8311/files/AXIS_logo_USA_red.png?height=628&pad_color=fff&v=1659019446&width=1200" /> 367<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0428/1122/8311/files/AXIS_logo_USA_red.png?height=628&pad_color=fff&v=1659019446&width=1200" /> 368<meta property="og:image:width" content="1200" /> 369<meta property="og:image:height" content="628" /> 370<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
371<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 42811228311,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 371
371
372<script> 373 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 374</script>
vendor: 1 bytes, line 374
374
375<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
375).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 42811228311,storefrontBaseUrl: "https://axispdc.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://axispdc.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1860993175","configuration":"{\"storeIdentity\":\"axis-percussion.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
375,{"id":"1379434647","configuration":"{\"accountID\":\"XR8xmn\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1238761623","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\",\\\"GT-T9C766ZX\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/P9qzCMvokIcbENHnl9A_\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/EPjKCNfokIcbENHnl9A_\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-NGQTQVL8KP\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/azxgCNTokIcbENHnl9A_\\\",\\\"MC-W8XTJRJ6QY\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-NGQTQVL8KP\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/6EyBCMjokIcbENHnl9A_\\\",\\\"MC-W8XTJRJ6QY\\\",\\\"AW-17079595985\\\/xZSJCNTXneUaENHnl9A_\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/ACUNCNHokIcbENHnl9A_\\\",\\\"MC-W8XTJRJ6QY\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-NGQTQVL8KP\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/5hmyCNrokIcbENHnl9A_\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-NGQTQVL8KP\\\",\\\"AW-17079595985\\\/Cr9pCM7okIcbENHnl9A_\\\",\\\"AW-17079595985\\\/moKtCOemzscaENHnl9A_\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-NGQTQVL8KP\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1197506711","configuration":"{\"accountID\":\"axis-percussion\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1102938263","configuration":"{\"pixel_id\":\"1077456767693443\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"AXiS Pedal \u0026 Drum Co.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"axis-percussion.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/axispdc.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://axispdc.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"130043805847","themePublished":"true","eventMetadataId":"996d94ed-a42e-4fba-9a76-8d26075d318d","pageType":"blog","resourceId":"67638984855","shopId":"42811228311","storefrontBaseUrl":"https:\/\/axispdc.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
375<script> 376 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 377 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 378 window.ShopifyAnalytics.meta.currency = 'USD'; 379 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":67638984855,"requestId":"e699d336-1bbe-4335-a08b-bcf8f7f1f188-1791565750"}}; 380 for (var attr in meta) { 381 window.ShopifyAnalytics.meta[attr] = meta[attr]; 382 } 383</script>
vendor: 1 bytes, line 383
383
384<script class="analytics"> 385 (function () { 386 var customDocumentWrite = function(content) { 387 var jquery = null; 388 389 if (window.jQuery) { 390 jquery = window.jQuery; 391 } else if (window.Checkout && window.Checkout.$) { 392 jquery = window.Checkout.$; 393 } 394 395 if (jquery) { 396 jquery('body').append(content); 397 } 398 }; 399 400 var hasLoggedConversion = function(token) { 401 if (token) { 402 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 403 } 404 return false; 405 } 406 407 var setCookieIfConversion = function(token) { 408 if (token) { 409 var twoMonthsFromNow = new Date(Date.now()); 410 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 411 412 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 413 } 414 } 415 416 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 417 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 418 if (trekkie.integrations) { 419 return; 420 } 421 trekkie.methods = [ 422 'identify', 423 'page', 424 'ready', 425 'track', 426 'trackForm', 427 'trackLink' 428 ]; 429 trekkie.factory = function(method) { 430 return function() { 431 var args = Array.prototype.slice.call(arguments); 432 args.unshift(method); 433 trekkie.push(args); 434 if (method == 'track' || method == 'page') { 435 var pageUrl; 436 try { 437 pageUrl = window.location.href; 438 } catch (e) {} 439 var pageReferrer; 440 try { 441 pageReferrer = document.referrer; 442 } catch (e) {} 443 try { 444 if (window.__TREKKIE_SHIM_QUEUE == null) { 445 window.__TREKKIE_SHIM_QUEUE = []; 446 } 447 window.__TREKKIE_SHIM_QUEUE.push({ 448 from: 'trekkie-stub', 449 method: method, 450 args: args.slice(1), 451 pageContext: { 452 url: pageUrl, 453 referrer: pageReferrer 454 } 455 }); 456 } catch (e) { 457 // no-op 458 } 459 } 460 return trekkie; 461 }; 462 }; 463 for (var i = 0; i < trekkie.methods.length; i++) { 464 var key = trekkie.methods[i]; 465 trekkie[key] = trekkie.factory(key); 466 } 467 trekkie.load = function(config) { 468 trekkie.config = config || {}; 469 trekkie.config.initialDocumentCookie = document.cookie; 470 var first = document.getElementsByTagName('script')[0]; 471var script = document.createElement('script'); 472script.type = 'text/javascript'; 473script.onerror = function(e) { 474 var scriptFallback = document.createElement('script'); 475 scriptFallback.type = 'text/javascript'; 476 scriptFallback.onerror = function(error) { 477 var Monorail = { 478 produce: function produce(monorailDomain, schemaId, payload) { 479 var currentMs = new Date().getTime(); 480 var event = { 481 schema_id: schemaId, 482 payload: payload, 483 metadata: { 484 event_created_at_ms: currentMs, 485 event_sent_at_ms: currentMs 486 } 487 }; 488 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 489 }, 490 sendRequest: function sendRequest(endpointUrl, payload) { 491 // Try the sendBeacon API 492 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 493 var blobData = new window.Blob([payload], { 494 type: 'text/plain' 495 }); 496 497 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 498 return true; 499 } // sendBeacon was not successful 500 501 } // XHR beacon 502 503 var xhr = new XMLHttpRequest(); 504 505 try { 506 xhr.open('POST', endpointUrl); 507 xhr.setRequestHeader('Content-Type', 'text/plain'); 508 xhr.send(payload); 509 } catch (e) { 510 console.log(e); 511 } 512 513 return false; 514 }, 515 isIos12: function isIos12() { 516 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 517 } 518 }; 519 Monorail.produce('monorail-edge.shopifysvc.com', 520 'trekkie_storefront_load_errors/1.1', 521 {shop_id: 42811228311, 522 theme_id: 130043805847, 523 app_name: "storefront", 524 context_url: window.location.href, 525 source_url: "//axispdc.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 526 527 }; 528 scriptFallback.async = true; 529 scriptFallback.src = '//axispdc.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 530 first.parentNode.insertBefore(scriptFallback, first); 531}; 532script.async = true; 533script.src = '//axispdc.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 534first.parentNode.insertBefore(script, first); 535 536 }; 537 trekkie.load( 538 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":42811228311,"isMerchantRequest":null,"themeId":130043805847,"themeCityHash":"4250842152628417695","contentLanguage":"en","currency":"USD","eventMetadataId":"996d94ed-a42e-4fba-9a76-8d26075d318d"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 539 ); 540 541 var loaded = false;
542 trekkie.ready(function() { 543 if (loaded) return; 544 loaded = true; 545 546 window.ShopifyAnalytics.lib = window.trekkie; 547 548 var originalDocumentWrite = document.write; 549 document.write = customDocumentWrite; 550 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 551 document.write = originalDocumentWrite; 552 553 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 554 var token = match? match[1]: undefined; 555 if (!hasLoggedConversion(token)) { 556 setCookieIfConversion(token); 557 558 } 559 }); 560 561 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":67638984855,"requestId":"e699d336-1bbe-4335-a08b-bcf8f7f1f188-1791565750","shopifyEmitted":true}); 562 563 var eventsListenerScript = document.createElement('script'); 564 eventsListenerScript.async = true; 565 eventsListenerScript.src = "//axispdc.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 566 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 567})();</script>
vendor: 1 bytes, line 567
567
568<script 569 defer 570 src="https://axispdc.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 571 data-application="storefront-renderer" 572 data-shop-id="42811228311" 573 data-render-region="gcp-us-central1" 574 data-page-type="blog" 575 data-theme-instance-id="130043805847" 576 data-theme-name="" 577 data-theme-version="" 578 data-monorail-region="shop_domain" 579 data-resource-timing-sampling-rate="10" 580 data-shs="true" 581 data-shs-beacon="true" 582 data-shs-export-with-fetch="true" 583 data-shs-logs-sample-rate="1" 584 data-shs-beacon-endpoint="https://axispdc.com/api/collect" 585></script>
585 586<meta name="shopify-y" content="48ba1405-f543-48c7-a215-d3aeacb3cc32" data-expiration="1823123350000"><meta name="shopify-s" content="ce078d71-21f1-4277-a9e2-e33414bab749" data-expiration="1791567550000"> 587</head> 588<body id="artist-roster" class="template-blog"> 589 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 589-590
589 590<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
590GTM-5SC6PTS2
vendor: 83 bytes, lines 590-591
590" 591height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
592<!-- End Google Tag Manager (noscript) --> 593 594 <div id="shopify-section-header" class="shopify-section"><!-- header-area start --><div class="header-area"> 595 <div class="container-fluid header-col"> 596 <div class="row"> 597 <div class="col"> 598 <div class="header-main"> 599 <!-- logo --> 600 <div class="header-element logo"><a href="/" class="sticky-logo"> 601 <img src="//axispdc.com/cdn/shop/files/AXIS_logo_USA_red_web.png?v=1659019659" alt="AXiS Pedal & Drum Co."> 602</a><style> 603.logo a.shop-name span { 604 color: #000; 605 font-size: 24px; 606 font-weight: 600; 607} 608</style></div> 609 610 <!-- main menu --> 611 <div class="header-element megamenu-content"> 612 <div class="main-menu-area"> 613 <nav class="main-navigation navbar-expand-xl"> 614 <div class="box-header"> 615 <button class="close-box" type="button"><i class="ti-close"></i></button> 616 </div> 617 <div class="navbar-collapse" id="navbarContent"> 618 <div class="megamenu-content"> 619 <div class="mainwrap collapse" id="main-collapse"> 620 <ul class="main-menu"> 621 622 623 624 625 626<li class="menu-link parant"> 627 <a class="link-title " href="/collections/pedals"> 628 <span class="sp-link-title">PEDALS</span> 629 <i class="fa fa-angle-down"></i> 630 </a> 631 <a data-bs-toggle="collapse" href="#collapse-pedals" class="link-title link-title-lg"> 632 <span class="sp-link-title">PEDALS</span> 633 <i class="fa fa-angle-down"></i> 634 </a> 635 <ul class="dropdown-submenu collapse" id="collapse-pedals"> 636 <div class="container"> 637 638 639 640 641 <li class="submenu-li parant"> 642 <a href="/collections/longboards" class="sublink-title">Longboards</a> 643 </li> 644 645 646 647 648 649 650 <li class="submenu-li parant"> 651 <a href="/collections/shortboards" class="sublink-title">Shortboards</a> 652 </li> 653 654 655 656 657 658 659 <li class="submenu-li parant"> 660 <a href="/collections/wideboards" class="sublink-title">Wideboards</a> 661 </li> 662 663 664 665 666 667 668 <li class="submenu-li parant"> 669 <a href="/collections/carbon-fiber" class="sublink-title">Carbon Fibers</a> 670 </li> 671 672 673 674 675 676 677 <li class="submenu-li parant"> 678 <a href="/collections/signature" class="sublink-title">Signature Series</a> 679 </li> 680 681 682 683 684 685 686 <li class="submenu-li parant"> 687 <a href="/collections/double-left" class="sublink-title">Left Footed Pedals</a> 688 </li> 689 690 691 692 </div> 693 </ul> 694</li> 695
696<script> 697 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 698 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 699 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 700</script>
700 701 702 703 704 705 706<li class="menu-link"> 707 <a href="/collections/triggers" class="link-title "> 708 <span class="sp-link-title">TRIGGERS</span> 709 </a> 710 <a href="/collections/triggers" class="link-title link-title-lg"> 711 <span class="sp-link-title">TRIGGERS</span> 712 </a> 713</li> 714
715<script> 716 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 717 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 718 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 719</script>
719 720 721 722 723 724 725<li class="menu-link"> 726 <a href="/collections/beaters" class="link-title "> 727 <span class="sp-link-title">BEATERS</span> 728 </a> 729 <a href="/collections/beaters" class="link-title link-title-lg"> 730 <span class="sp-link-title">BEATERS</span> 731 </a> 732</li> 733
734<script> 735 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 736 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 737 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 738</script>
738 739 740 741 742 743 744<li class="menu-link"> 745 <a href="/collections/spare-parts" class="link-title "> 746 <span class="sp-link-title">PARTS</span> 747 </a> 748 <a href="/collections/spare-parts" class="link-title link-title-lg"> 749 <span class="sp-link-title">PARTS</span> 750 </a> 751</li> 752
753<script> 754 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 755 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 756 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 757</script>
757 758 759 760 761 762 763<li class="menu-link"> 764 <a href="/collections/accessories" class="link-title "> 765 <span class="sp-link-title">ACCESSORIES</span> 766 </a> 767 <a href="/collections/accessories" class="link-title link-title-lg"> 768 <span class="sp-link-title">ACCESSORIES</span> 769 </a> 770</li> 771
772<script> 773 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 774 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 775 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 776</script>
776 777 778 779 780 781 782<li class="menu-link"> 783 <a href="/blogs/artist-roster" aria-current="page" class="link-title active"> 784 <span class="sp-link-title">ARTISTS</span> 785 </a> 786 <a href="/blogs/artist-roster" class="link-title link-title-lg"> 787 <span class="sp-link-title">ARTISTS</span> 788 </a> 789</li> 790
791<script> 792 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 793 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 794 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 795</script>
795 796 797 798 799 800 801<li class="menu-link"> 802 <a href="/collections/axis-merch" class="link-title "> 803 <span class="sp-link-title">MERCHANDISE</span> 804 </a> 805 <a href="/collections/axis-merch" class="link-title link-title-lg"> 806 <span class="sp-link-title">MERCHANDISE</span> 807 </a> 808</li> 809
810<script> 811 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 812 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 813 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 814</script>
814 815 816 817 818 819 820<li class="menu-link"> 821 <a href="https://axispdc.com/apps/help-center" class="link-title "> 822 <span class="sp-link-title">FAQ</span> 823 </a> 824 <a href="https://axispdc.com/apps/help-center" class="link-title link-title-lg"> 825 <span class="sp-link-title">FAQ</span> 826 </a> 827</li> 828
829<script> 830 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 831 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 832 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 833</script>
833 834 835 836 </ul> 837 </div> 838 </div> 839 </div> 840 </nav> 841 </div> 842 </div> 843 844 <div class="header-element right-block-box"> 845 <ul class="shop-element"> 846 <li class="side-wrap toggler-wrap"> 847 <button class="navbar-toggler" type="button"> 848 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> 849 </button> 850 </li> 851 852 <!-- currency --><!-- search --> 853 <!-- <li class="side-wrap search-wrap"> 854<div class="search-rap"> 855 <a class="search-crap" data-bs-toggle="modal" href="#search-crap"> 856 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 857 <span>search</span> 858 </a> 859</div> 860 861<div class="search-rap-desktop"> 862 <form action="/search" method="get" class="input-group search-bar" role="search"> 863 <input type="hidden" name="type" value="product"> 864 <input type="search" name="q" placeholder="Search our store" value="" class="input-group-field" aria-label="Search our store" required> 865 866 <button type="submit" class="icon-fallback-text"> 867 <span class="icon icon-search" aria-hidden="true"></span> 868 <span class="fallback-text"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span> 869 </button> 870 </form> 871</div> 872 873<style> 874 /*search desktop*/ 875 .search-rap-desktop { 876 display: none; 877 max-width: 30%; 878 } 879 .search-rap-desktop form input{ 880 color: #353535; 881 font-size: 18px; 882 font-weight: 400; 883 border-radius: 0px; 884 border: none; 885 padding: 0; 886 text-transform: uppercase; 887 background-color: transparent; 888 } 889 .search-rap-desktop form input::placeholder{ 890 color: #353535; 891 } 892 .search-rap-desktop form button{ 893 color: #353535; 894 position: absolute; 895 896 right: 0px; 897 898 bottom: 50%; 899 font-size: 16px; 900 transform: translateY(50%); 901 } 902 .search-rap-desktop form button svg{ 903 height: 18px; 904 width: 18px; 905 } 906 .search-rap-desktop form button:hover{ 907 color: #232323; 908 } 909 910 /*search modal*/ 911 912 .search-rap a.search-crap {color: #232323;font-size: 15px; 913 font-weight: 400; 914 text-transform: uppercase; 915 letter-spacing: .5px; 916 display: flex; 917 align-items: center; 918 } 919 .is-sticky .search-rap a.search-crap{ 920 color: #232323; 921 } 922 923 .search-rap a.search-crap svg{ 924 color: #878787; 925 height: 18px; 926 width: 18px; 927 } 928 .search-rap a.search-crap span{ 929 930 margin-left: 8px; 931 932 } 933 @media(max-width: 1599px){ 934 .search-rap-desktop{ 935 max-width: 40%; 936 } 937 .search-rap-desktop form input{ 938 font-size: 16px; 939 } 940 .search-rap a.search-crap span{ 941 display: none; 942 } 943 } 944 @media(max-width: 1199px){ 945 .search-rap{ 946 display: block; 947 } 948 .search-rap-desktop { 949 display: none; 950 } 951 .search-rap a.search-crap{ 952 color: #232323; 953 } 954 .search-rap-desktop form button svg{ 955 stroke: #232323; 956 } 957 .search-rap-desktop form input::placeholder{ 958 color: #232323; 959 } 960 .search-rap-desktop form input{ 961 color: #232323; 962 border-bottom: 1px solid rgba(0,0,0,0.15); 963 } 964 @media(max-width: 991px){ 965 .search-rap { 966 display: block; 967 } 968 } 969</style> 970</li> --> 971 <!-- account --> 972 <li class="side-wrap user-wrap"><div class="acc-desk"> 973 <a class="user-mobile" href="/account"> 974 <span class="icon"> 975 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg> 976 </span> 977 <span class="account-title">Log-In</span> 978 </a> 979</div> 980<style> 981 .user-wrap .acc-desk{ 982 position: relative; 983 } 984 .user-wrap .acc-desk a.user-mobile span.icon{ 985 display: none; 986 } 987 .user-wrap .acc-desk a.user-mobile{ 988 color: #353535; 989 display: flex;
990 align-items: center; 991 font-size: 16px; 992 font-weight: 500; 993 } 994 .user-wrap .acc-desk a.user-mobile:hover{ 995 color: #232323; 996 } 997 .user-wrap .acc-desk a.user-mobile svg{ 998 height: 18px; 999 width: 18px; 1000 } 1001 .user-wrap .acc-desk a.user-mobile span.account-title{ 1002 1003 margin-left: 8px; 1004 1005 } 1006 .user-wrap .acc-desk a.acc-ti span.acc-icon{ 1007 line-height: 0; 1008 } 1009 .user-wrap .acc-desk a.acc-ti span.acc-detail{ 1010 1011 margin-left: 10px; 1012 1013 } 1014 .user-wrap .acc-desk a.acc-ti span.acc-detail span.acc-text{ 1015 display: block; 1016 font-size: 16px; 1017 font-weight: 500; 1018 text-transform: capitalize; 1019 } 1020 .user-wrap .acc-desk a.acc-ti span.acc-detail span.acc-user{ 1021 display: block; 1022 margin-top: 5px; 1023 text-transform: capitalize; 1024 } 1025 .user-wrap .acc-desk a.acc-ti::after{ 1026 display: none; 1027 content: "\f107"; 1028 font-family: FontAwesome; 1029 position: absolute; 1030 1031 right: 0; 1032 1033 bottom: 50%; 1034 transform: translateY(50%); 1035 } 1036 .user-wrap .acc-desk .acc-re-lo { 1037 display: none; 1038 } 1039 .user-wrap .acc-desk .acc-re-lo a:hover{ 1040 color: #fff; 1041 } 1042 .user-wrap .acc-desk .acc-re-lo a{ 1043 color: #f2f3e8; 1044 display: block; 1045 font-size: 15px; 1046 text-transform: uppercase; 1047 font-weight: 500; 1048 line-height: 1; 1049 } 1050 .user-wrap .acc-desk .acc-re-lo a:first-child{ 1051 1052 margin-left: 0px; 1053 1054 } 1055 .user-wrap .acc-desk .acc-re-lo a{ 1056 1057 margin-left: 40px; 1058 1059 } 1060 @media (max-width: 1599px) { 1061 .user-wrap .acc-desk a.user-mobile{ 1062 font-size: 14px; 1063 } 1064 } 1065 @media (max-width: 1199px) { 1066 .user-wrap .acc-desk a.user-mobile{ 1067 font-size: 14px; 1068 color: #232323; 1069 } 1070 .user-wrap .acc-desk a.acc-ti span.acc-detail{ 1071 display: none; 1072 } 1073 .user-wrap .acc-desk .acc-re-lo a{ 1074 font-size: 14px; 1075 1076 margin-left: 15px; 1077 1078 } 1079 .user-wrap .acc-desk a.user-mobile span.account-title{ 1080 display: none; 1081 } 1082 .user-wrap .acc-desk a.user-mobile span.icon{ 1083 display: block; 1084 } 1085 } 1086 @media(max-width: 767px){ 1087 .user-wrap .acc-desk a.user-mobile svg{ 1088 display: block; 1089 } 1090 } 1091</style></li> 1092 <!-- wishlist --> 1093 <!--<li class="side-wrap wishlist-wrap"><div class="wishlist"> 1094 1095 <a class="header-wishlist" href="/account/login"> 1096 <span class="wishlist-icon"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg></span> 1097 <span class="wishlist-title">Wishlist</span> 1098 <span class="wishlist-counter">0</span> 1099 </a> 1100 1101</div> 1102<style> 1103 .wishlist{ 1104 position: relative; 1105 } 1106 .wishlist a.header-wishlist span.wishlist-icon svg{ 1107 height: 18px; 1108 width: 18px; 1109 } 1110 .wishlist a.header-wishlist{ 1111 color: #353535; 1112 display: flex; 1113 position: relative; 1114 font-size: 18px; 1115 font-weight: 400; 1116 text-transform: uppercase; 1117 line-height: 1; 1118 align-items: center; 1119 justify-content: center; 1120 } 1121 .wishlist a.header-wishlist:hover{ 1122 color: #232323; 1123 } 1124 .wishlist a.header-wishlist span.wishlist-title{ 1125 display: none; 1126 } 1127 .wishlist a.header-wishlist span.wishlist-counter{ 1128 display: none; 1129 1130 margin-left: 5px; 1131 1132 } 1133 @media(max-width: 1599px){ 1134 .wishlist a.header-wishlist{ 1135 font-size: 16px; 1136 } 1137 } 1138 1139 @media(max-width: 1199px){ 1140 .wishlist a.header-wishlist{ 1141 color: #232323; 1142 } 1143 .wishlist a.header-wishlist{ 1144 font-size: 14px; 1145 } 1146 .wishlist a.header-wishlist span.wishlist-counter{ 1147 color: #fff; 1148 font-size: 10px; 1149 position: absolute; 1150 top: -8px; 1151 right: -8px; 1152 width: 17px; 1153 height: 17px; 1154 display: flex; 1155 align-items: center; 1156 justify-content: center; 1157 border-radius: 50%; 1158 line-height: 1px; 1159 border: none; 1160 1161 margin-left: 15px; 1162 1163 background-color: #ec1e24; 1164 } 1165 } 1166 1167 @media(max-width: 767px){ 1168 .wishlist a.header-wishlist span.wishlist-title{ 1169 display: none; 1170 } 1171 .wishlist a.header-wishlist span.wishlist-icon svg{ 1172 display: block; 1173 } 1174 } 1175</style></li> --> 1176 <!-- shopping cart --> 1177 <li class="side-wrap cart-wrap"> 1178 1179 1180<div class="shopping-widget"> 1181 <div class="shopping-cart"> 1182 <a class="cart-count" data-bs-toggle="collapse" href="#cart">
1183 <span class="cart-icon"> 1184 <svg viewbox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg> 1185 </span> 1186 <span class="cart-title">Cart</span> 1187 <span id="cart-total" class="bigcounter">0</span> 1188 <span id="cart-total" class="subtotal-price">$0.00</span> 1189 </a> 1190 <div class="mini-cart collapse" id="cart"> 1191 <div class="cart-tempty-title" style="display:block;"> 1192 1193 <ul class="cart-item-loop-empty"> 1194 <li class="cart-item-empty"> 1195 <span><svg viewbox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1"><circle cx="9" cy="21" r="1"></circle><circle cx="20" cy="21" r="1"></circle><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path></svg></span> 1196 <p>No products in the cart.</p> 1197 </li> 1198 </ul> 1199 </div> 1200 <ul class="cart-item-loop" style="display:none;"> 1201 1202 </ul> 1203 <ul class="subtotal-title-area" style="display:none;"> 1204 <li class="subtotal-info"> 1205 <div class="subtotal-titles"> 1206 <h3>Sub Total:</h3> 1207 <span id="cart-total" class="subtotal-price">$0.00</span> 1208 </div> 1209 </li> 1210 <li class="mini-cart-btns"> 1211 <div class="cart-btns"> 1212 <a href="/cart" class="btn btn-style2">View Cart</a> 1213 <a href="/checkout" class="btn btn-style2 style2-diff">Checkout</a> 1214 </div> 1215 </li> 1216 </ul> 1217 </div> 1218 </div> 1219</div> 1220<style> 1221 .shopping-widget .shopping-cart{ 1222 position: relative; 1223 } 1224 .shopping-widget .shopping-cart > a{ 1225 color: #353535; 1226 display: flex; 1227 align-items: center; 1228 font-size: 16px; 1229 font-weight: 500; 1230 } 1231 .shopping-widget .shopping-cart > a:hover{ 1232 color: #232323; 1233 } 1234 .shopping-widget .shopping-cart > a .cart-icon{ 1235 display: none; 1236 } 1237 .shopping-widget .shopping-cart > a svg{ 1238 height: 18px; 1239 width: 18px; 1240 } 1241 .shopping-widget .shopping-cart > a span.bigcounter{ 1242 font-size: 14px; 1243 width: 38px; 1244 height: 38px; 1245 display: flex; 1246 align-items: center; 1247 justify-content: center; 1248 border: 1px solid rgb(0 0 0 / 30%); 1249 border-radius: 100%; 1250 } 1251 .shopping-widget .shopping-cart > a span.cart-title, 1252 .shopping-widget .shopping-cart > a span.bigcounter{ 1253 1254 margin-left: 15px; 1255 1256 } 1257 .shopping-widget .shopping-cart > a span.subtotal-price{ 1258 display: none; 1259 1260 margin-left: 10px; 1261 1262 } 1263 .shopping-widget .shopping-cart a span.cart-detail{ 1264 display: none; 1265 1266 margin-left: 5px; 1267 1268 } 1269 .shopping-widget .shopping-cart a span.cart-detail span.cart-title{ 1270 display: block; 1271 color: #fff; 1272 font-size: 16px; 1273 font-weight: 500; 1274 text-transform: capitalize; 1275 } 1276 .shopping-widget .shopping-cart a span.cart-detail span.subtotal-price{ 1277 display: block; 1278 color: #ddd; 1279 margin-top: 5px; 1280 text-transform: capitalize; 1281 } 1282 @media (max-width: 1599px) { 1283 .shopping-widget .shopping-cart > a{ 1284 font-size: 15px; 1285 } 1286 } 1287 @media (max-width: 1199px) { 1288 .shopping-widget .shopping-cart > a{ 1289 color: #232323; 1290 } 1291 .shopping-widget .shopping-cart > a{ 1292 font-size: 14px; 1293 } 1294 .shopping-widget .shopping-cart > a .cart-icon{ 1295 display: block; 1296 } 1297 .shopping-widget .shopping-cart a span.cart-detail{ 1298 display: none; 1299 } 1300 .shopping-widget .shopping-cart > a span.bigcounter{ 1301 color: #fff; 1302 font-size: 10px; 1303 position: absolute; 1304 top: -8px; 1305 right: -8px; 1306 width: 17px; 1307 height: 17px; 1308 display: flex; 1309 align-items: center; 1310 justify-content: center; 1311 border-radius: 50%; 1312 line-height: 1px; 1313 border: none; 1314 1315 margin-left: 15px; 1316 1317 background-color: #ec1e24; 1318 } 1319 .shopping-widget .shopping-cart > a span.cart-title{ 1320 display: none; 1321 } 1322 } 1323 @media (max-width: 767px) { 1324 .shopping-widget .shopping-cart > a svg{ 1325 display: block; 1326 } 1327 .shopping-widget .shopping-cart > a span.subtotal-price, 1328 } 1329 1330 /* mini cart item css */ 1331 .shopping-cart .mini-cart { 1332 position: absolute; 1333 1334 right: 0; 1335 1336 top: calc(100% - -15px); 1337 width: 250px; 1338 background-color: #fff; 1339 z-index: 3; 1340 box-shadow: 0 0 35px rgb(0 0 0 / 10%); 1341 border-radius: 4px; 1342 } 1343 .shopping-cart .mini-cart .cart-tempty-title p{ 1344 color: #232323; 1345 font-size: 13px; 1346 font-weight: 400; 1347 margin-top: 15px; 1348 } 1349 .shopping-cart .mini-cart .cart-item-title p span.cart-count-item{ 1350 color: #232323; 1351 font-weight: 600; 1352 } 1353 1354 /* mini cart empty css */ 1355 .mini-cart .cart-tempty-title ul.cart-item-loop-empty{ 1356 text-align: center; 1357 } 1358 .mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty{ 1359 padding: 40px 15px; 1360 display: flex; 1361 align-items: center; 1362 flex-direction: column; 1363 } 1364 .mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty span{ 1365 display: block; 1366 font-size: 90px; 1367 opacity: 0.5; 1368 line-height: 0; 1369 } 1370 .mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty span svg{ 1371 width: 40px; 1372 height: 40px; 1373 } 1374 .mini-cart .cart-tempty-title ul.cart-item-loop-empty li.cart-item-empty a{ 1375 margin-top: 15px; 1376 } 1377 1378 /* scroll css */ 1379 .mini-cart ul.cart-item-loop{ 1380 max-height: 234px; 1381 overflow-y: auto; 1382 } 1383 .mini-cart ul.cart-item-loop li.cart-item { 1384 position: relative; 1385 width: 100%; 1386 display: flex; 1387 align-items: center; 1388 padding: 15px; 1389 border-bottom: 1px solid #ededed; 1390 } 1391 .mini-cart ul.cart-item-loop li.cart-item:last-child{ 1392 border-bottom: none; 1393 } 1394 .mini-cart ul.cart-item-loop li.cart-item .cart-image { 1395 width: 70px; 1396 } 1397 .mini-cart ul.cart-item-loop li.cart-item .cart-title { 1398 width: calc(100% - 85px); 1399 1400 margin-left: 15px; 1401 1402 overflow: hidden; 1403 } 1404 .mini-cart ul.cart-item-loop li.cart-item .cart-title > a{ 1405 font-size: 13px; 1406 line-height: 18px; 1407 } 1408 .mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info { 1409 display: flex; 1410 align-items: center; 1411 margin-top: 5px; 1412 } 1413 .mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info span{ 1414 font-size: 13px; 1415 } 1416 .mini-cart ul.cart-item-loop li.cart-item .cart-title .cart-pro-info span.new-price{ 1417 1418 margin-left: 5px; 1419 1420 } 1421 .mini-cart ul.cart-item-loop li.cart-item a.remove_from_cart { 1422 font-size: 16px; 1423 line-height: 1; 1424 position: absolute; 1425 1426 right: 15px; 1427 1428 top: 15px; 1429 font-weight: 400; 1430 opacity: .5; 1431 } 1432 .mini-cart ul.subtotal-title-area { 1433 display: flex; 1434 flex-direction: column; 1435 background-color: #f7f7f7; 1436 padding: 15px; 1437 border-top: 1px solid #ededed; 1438 } 1439 .mini-cart ul.subtotal-title-area li .subtotal-titles { 1440 display: flex; 1441 align-items: center; 1442 justify-content: space-between; 1443 } 1444 .mini-cart ul.subtotal-title-area li .subtotal-titles h3 { 1445 font-size: 14px; 1446 font-weight: 400; 1447 text-transform: uppercase; 1448 } 1449 .mini-cart ul.subtotal-title-area li .subtotal-titles span.subtotal-price { 1450 color: #232323; 1451 font-weight: 500; 1452 } 1453 .mini-cart ul.subtotal-title-area li.mini-cart-btns{ 1454 margin-top: 15px; 1455 } 1456 .mini-cart ul.subtotal-title-area li .cart-btns a:first-child { 1457 margin-top: 0; 1458 } 1459 .mini-cart ul.subtotal-title-area li .cart-btns a { 1460 width: 100%; 1461 margin-top: 8px; 1462 } 1463</style> 1464 </li> 1465 </ul> 1466 </div> 1467 </div> 1468 </div> 1469 </div> 1470 </div> 1471 </div><!-- header mobile --> 1472<div class="header-bottom-area"> 1473 <div class="main-menu-area"> 1474 <nav class="main-navigation navbar-expand-xl"> 1475 <div class="box-header"> 1476 <button class="close-box" type="button"><i class="ti-close"></i></button> 1477 </div> 1478 <div class="megamenu-content"> 1479 <div class="mainwrap"> 1480 <ul class="main-menu"> 1481 1482 1483 1484 1485 1486<li class="menu-link parant"> 1487 <a class="link-title " href="/collections/pedals"> 1488 <span class="sp-link-title">PEDALS</span> 1489 <i class="fa fa-angle-down"></i> 1490 </a> 1491 <a data-bs-toggle="collapse" href="#collapse-pedals" class="link-title link-title-lg"> 1492 <span class="sp-link-title">PEDALS</span> 1493 <i class="fa fa-angle-down"></i> 1494 </a> 1495 <ul class="dropdown-submenu collapse" id="collapse-pedals"> 1496 <div class="container"> 1497 1498 1499 1500 1501 <li class="submenu-li parant"> 1502 <a href="/collections/longboards" class="sublink-title">Longboards</a> 1503 </li> 1504 1505 1506 1507 1508 1509 1510 <li class="submenu-li parant"> 1511 <a href="/collections/shortboards" class="sublink-title">Shortboards</a> 1512 </li> 1513 1514 1515 1516 1517 1518 1519 <li class="submenu-li parant"> 1520 <a href="/collections/wideboards" class="sublink-title">Wideboards</a> 1521 </li> 1522 1523 1524 1525 1526 1527 1528 <li class="submenu-li parant"> 1529 <a href="/collections/carbon-fiber" class="sublink-title">Carbon Fibers</a> 1530 </li> 1531 1532 1533 1534 1535 1536 1537 <li class="submenu-li parant"> 1538 <a href="/collections/signature" class="sublink-title">Signature Series</a> 1539 </li> 1540 1541 1542 1543 1544 1545 1546 <li class="submenu-li parant"> 1547 <a href="/collections/double-left" class="sublink-title">Left Footed Pedals</a> 1548 </li> 1549 1550 1551 1552 </div> 1553 </ul> 1554</li> 1555
1556<script> 1557 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1558 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1559 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1560</script>
1560 1561 1562 1563 1564 1565 1566<li class="menu-link"> 1567 <a href="/collections/triggers" class="link-title "> 1568 <span class="sp-link-title">TRIGGERS</span> 1569 </a> 1570 <a href="/collections/triggers" class="link-title link-title-lg"> 1571 <span class="sp-link-title">TRIGGERS</span> 1572 </a> 1573</li> 1574
1575<script> 1576 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1577 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1578 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1579</script>
1579 1580 1581 1582 1583 1584 1585<li class="menu-link"> 1586 <a href="/collections/beaters" class="link-title "> 1587 <span class="sp-link-title">BEATERS</span> 1588 </a> 1589 <a href="/collections/beaters" class="link-title link-title-lg"> 1590 <span class="sp-link-title">BEATERS</span> 1591 </a> 1592</li> 1593
1594<script> 1595 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1596 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1597 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1598</script>
1598 1599 1600 1601 1602 1603 1604<li class="menu-link"> 1605 <a href="/collections/spare-parts" class="link-title "> 1606 <span class="sp-link-title">PARTS</span> 1607 </a> 1608 <a href="/collections/spare-parts" class="link-title link-title-lg"> 1609 <span class="sp-link-title">PARTS</span> 1610 </a> 1611</li> 1612
1613<script> 1614 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1615 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1616 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1617</script>
1617 1618 1619 1620 1621 1622 1623<li class="menu-link"> 1624 <a href="/collections/accessories" class="link-title "> 1625 <span class="sp-link-title">ACCESSORIES</span> 1626 </a> 1627 <a href="/collections/accessories" class="link-title link-title-lg"> 1628 <span class="sp-link-title">ACCESSORIES</span> 1629 </a> 1630</li> 1631
1632<script> 1633 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1634 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1635 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1636</script>
1636 1637 1638 1639 1640 1641 1642<li class="menu-link"> 1643 <a href="/blogs/artist-roster" aria-current="page" class="link-title active"> 1644 <span class="sp-link-title">ARTISTS</span> 1645 </a> 1646 <a href="/blogs/artist-roster" class="link-title link-title-lg"> 1647 <span class="sp-link-title">ARTISTS</span> 1648 </a> 1649</li> 1650
1651<script> 1652 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1653 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1654 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1655</script>
1655 1656 1657 1658 1659 1660 1661<li class="menu-link"> 1662 <a href="/collections/axis-merch" class="link-title "> 1663 <span class="sp-link-title">MERCHANDISE</span> 1664 </a> 1665 <a href="/collections/axis-merch" class="link-title link-title-lg"> 1666 <span class="sp-link-title">MERCHANDISE</span> 1667 </a> 1668</li> 1669
1670<script> 1671 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1672 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1673 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1674</script>
1674 1675 1676 1677 1678 1679 1680<li class="menu-link"> 1681 <a href="https://axispdc.com/apps/help-center" class="link-title "> 1682 <span class="sp-link-title">FAQ</span> 1683 </a> 1684 <a href="https://axispdc.com/apps/help-center" class="link-title link-title-lg"> 1685 <span class="sp-link-title">FAQ</span> 1686 </a> 1687</li> 1688
1689<script> 1690 $('.megamenu-li').parent().parent('ul').addClass('mega-menu'); 1691 $('.menu-banner').parent().parent('ul').addClass('banner-menu'); 1692 $('.submenu-li').parent().parent('ul').addClass('sub-menu'); 1693</script>
1693 1694 1695 1696 </ul></div> 1697 </div> 1698 </nav> 1699 </div> 1700</div> 1701 1702<div class="crap-search fade modal" id="search-crap"> 1703 <div class="modal-dialog"> 1704 <div class="modal-content"> 1705 <div class="modal-body"> 1706 <form action="/search" method="get" class="search-bar" role="search"> 1707 <div class="form-search"> 1708 <input type="hidden" name="type" value="product"> 1709 <input type="hidden" name="options[unavailable_products]" value="show"> 1710 <input type="hidden" name="options[prefix]" value="last"> 1711 <input type="search" name="q" placeholder="Search our store" value="" id="search" class="input-text" aria-label="Search our store" required> 1712 <button class="search-btn" type="submit"> 1713 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 1714 </button> 1715 </div> 1716 </form> 1717 <button type="button" class="btn close" data-bs-dismiss="modal"><i class="ti-close"></i></button> 1718 </div> 1719 </div> 1720 </div> 1721</div> 1722<style> 1723 .crap-search{ 1724 width: 100%; 1725 padding: 0px!important; 1726 } 1727 .crap-search .modal-content{ 1728 border: none; 1729 border-radius: 0px; 1730 } 1731 .crap-search .modal-dialog{ 1732 max-width: 100%; 1733 margin: 0px; 1734 } 1735 .crap-search .modal-content .search-bar{ 1736 width: 50%; 1737 margin-left: auto; 1738 margin-right: auto; 1739 } 1740 .crap-search .modal-dialog .modal-body{ 1741 padding: 120px 15px; 1742 } 1743 .crap-search .form-search{ 1744 position: relative; 1745 } 1746 .crap-search .form-search input.input-text{ 1747 font-size: 16px; 1748 color: #232323; 1749 width: 100%; 1750 border: none; 1751 border-bottom: 1px solid #e2e2e2; 1752 padding: 0; 1753 padding-bottom: 10px; 1754 } 1755 .crap-search .form-search input.input-text::placeholder{ 1756 color: #232323; 1757 } 1758 .crap-search .form-search button{ 1759 font-size: 14px; 1760 position: absolute; 1761 top: 0px; 1762 1763 right: 0; 1764 1765 display: flex;
1766 align-items: center; 1767 justify-content: center; 1768 } 1769 .crap-search .form-search button svg{ 1770 width: 18px; 1771 height: 18px; 1772 } 1773 .crap-search .modal-dialog .modal-body button.close{ 1774 font-size: 16px; 1775 line-height: 0; 1776 opacity: 1; 1777 padding: 0; 1778 position: absolute; 1779 top: 30px; 1780 1781 right: 30px; 1782 1783 } 1784 .crap-search .modal-dialog .modal-body button.close:hover{ 1785 color: #ec1e24; 1786 } 1787 @media (max-width: 767px) { 1788 .crap-search .modal-dialog .modal-body{ 1789 padding: 60px 15px; 1790 } 1791 .crap-search .modal-content .search-bar{ 1792 width: 100%; 1793 } 1794 .crap-search .modal-dialog .modal-body button.close{ 1795 font-size: 12px; 1796 position: absolute; 1797 top: 15px; 1798 1799 right: 15px; 1800 1801 } 1802 } 1803</style> 1804<!-- header-area end --> 1805 1806
1807<script></script>
1807 1808<style> 1809 .header-area { 1810 background-color: #ffffff; 1811 }.header-col{ 1812 padding-right: 160px; 1813 padding-left: 160px; 1814 } 1815 @media (max-width: 1599px) { 1816 .header-col{ 1817 padding-right: 60px; 1818 padding-left: 60px; 1819 } 1820 } 1821 @media (max-width: 1199px) { 1822 .header-col{ 1823 padding-right: 30px; 1824 padding-left: 30px; 1825 } 1826 } 1827 @media (max-width: 767px) { 1828 .header-col{ 1829 padding-right: 15px; 1830 padding-left: 15px; 1831 } 1832 } 1833 /* sticky menu css */ 1834 #shopify-section-header .header-area{ 1835 width: 100%; 1836 transition: transform .4s,background-color .2s; 1837 } 1838 #shopify-section-header.stuck .header-area{ 1839 position: fixed; 1840 top: 0; 1841 left: 0; 1842 z-index: 9; 1843 background-color: #fff; 1844 box-shadow: 0 4px 20px rgb(0 0 0 / 4%); 1845 } 1846 #shopify-section-header.stuck.scroll-up .header-area{ 1847 transform: none; 1848 } 1849 #shopify-section-header.stuck.scroll-down .header-area{ 1850 transform: translate3d(0,-100%,0); 1851 } 1852 1853 /* logo */ 1854 .header-area.is-sticky .header-main .header-element.logo .theme-logo{ 1855 display: none; 1856 } 1857 .header-area.is-sticky .header-main .header-element.logo .sticky-logo{ 1858 display: block; 1859 }@media(max-width: 1199px){ 1860 .header-area .header-main .header-element.logo .sticky-logo{ 1861 display: block; 1862 } 1863 .header-area .header-main .header-element.logo .theme-logo{ 1864 display: none; 1865 } 1866 } 1867 1868 /*currency */ 1869 .right-block-box ul.shop-element li.side-wrap.currency-wrapper { 1870 position: relative;padding-right: 30px;display: flex; 1871 align-items: center; 1872 } 1873 .right-block-box ul.shop-element li.side-wrap.currency-wrapper::after{ 1874 color: #353535; 1875 position: absolute;right: 0;content: "/"; 1876 font-size: 12px; 1877 line-height: 1; 1878 } 1879 .right-block-box ul.shop-element li.side-wrap.currency-wrapper select{color: #232323;padding: 0; 1880 border: none; 1881 display: block; 1882 font-size: 16px; 1883 font-weight: 600; 1884 background: none; 1885 } 1886 .is-sticky .right-block-box ul.shop-element li.side-wrap.currency-wrapper select{ 1887 color: #232323; 1888 } 1889 1890 @media(max-width: 1199px){ 1891 .right-block-box ul.shop-element li.side-wrap.currency-wrapper select{ 1892 color: #232323; 1893 } 1894 .right-block-box ul.shop-element li.side-wrap.currency-wrapper { 1895 position: relative;padding-right: 15px;} 1896 .right-block-box ul.shop-element li.side-wrap.currency-wrapper{ 1897 display: none; 1898 } 1899 } 1900 1901</style> 1902</div> 1903<div class="container"> 1904<ul class="fw--breadcrumbs fw--blocks list spacing--2y font--paragraph"> 1905 <li class="font--block-link"><a href="/">Home</a></li> 1906 1907 <li class="font--accent">Artist Roster</li> 1908 1909</ul> 1910</div> 1911<!-- breadcrumb-area start --> 1912 1913<!-- breadcrumb-area end --> 1914<style> 1915 .breadcrumbs { 1916 padding-bottom: 10px; } 1917 /* Breadcrumbs */ 1918.breadcrumbs { 1919 display: -webkit-box; 1920 display: -ms-flexbox; 1921 display: flex; 1922 padding: 0.5625em 0.875em 0.5625em 0; 1923 overflow: hidden; 1924 margin-left: 0; 1925 list-style: none; 1926 border-style: solid; 1927 border-width: 1px; 1928 background-color: #f6f6f6; 1929 border-color: gainsboro; 1930 border-radius: 3px; } 1931 1932.breadcrumbs > * { 1933 display: -webkit-inline-box; 1934 display: -ms-inline-flexbox; 1935 display: inline-flex; 1936 -webkit-box-align: center; 1937 -ms-flex-align: center; 1938 align-items: center; } 1939 1940.breadcrumbs > *.current { 1941 cursor: default; 1942 color: #333; } 1943 1944.breadcrumbs > *.current a { 1945 cursor: default; 1946 color: #333; } 1947 1948.breadcrumbs > *.unavailable { 1949 color: #999; } 1950 1951.breadcrumbs > *.unavailable a { 1952 color: #999; } 1953 1954.breadcrumbs > *:before { 1955 content: "/"; 1956 color: #aaa; 1957 margin: 0 0.75em; 1958 position: relative; 1959 top: 1px; } 1960 1961.breadcrumbs > *:first-child:before { 1962 content: ' '; 1963 margin: 0; } 1964 @media only screen and (min-width: 768px) { 1965 1966.fw--breadcrumbs { 1967 width: 100%; } 1968 1969.fw--breadcrumbs li { 1970 display:inline; 1971 margin: 0; } 1972 1973.fw--breadcrumbs li:not(:last-of-type):after { 1974 content: ' /'; } 1975 1976 } 1977 1978.breadcrumb-area { 1979 padding-top: 35px; 1980 padding-bottom: 35px; 1981 1982 min-height:300px; 1983 margin-top:16px; 1984 1985 background-image: url('//axispdc.com/cdn/shop/files/AXIS_Site_1920x300_Banner_ARTISTS_PAGE.png?v=1660059963'); 1986 background-repeat: no-repeat; 1987 background-position: center; 1988 background-size: cover; 1989 1990 1991 position: relative; 1992 1993 1994} 1995 1996.breadcrumb-area::before { 1997 content: ""; 1998 position: absolute; 1999 top: 0; 2000 2001 left: 0; 2002 2003 width: 100%; 2004 height: 100%; 2005 background-color: rgba(0,0,0,0); 2006 opacity: 0; 2007} 2008 2009@media (max-width: 1199px) { 2010 .breadcrumb-area { 2011 padding-top: 60px; 2012 padding-bottom: 60px; 2013 } 2014} 2015@media (max-width: 767px) { 2016 .breadcrumb-area { 2017 padding-top: 15px; 2018 padding-bottom: 15px; 2019 display:none; 2020 } 2021} 2022 2023} 2024</style> 2025<main role="main"> 2026 <div id="shopify-section-template--15614207000727__blog-template" class="shopify-section"> 2027<section class="blog-content-wrap section-ptb"> 2028 <div class="container"> 2029 <div class="row "><div class="col"> 2030 <ul class="single-blog-area"> 2031 2032
2033 <li class="blog-slider wow animate__fadeIn"> 2034 <div class="blog-post"> 2035 <div class="blog-img-post"> 2036 2037 2038 2039 <a href="/blogs/artist-roster/alex-nourse" class="blog-img"> 2040 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/1000030187_400x413_crop_center.jpg?v=1787875807" alt="ALEX NOURSE" /> 2041 <span class="date-time"> 2042 <span class="date">27</span> 2043 <span class="time">Aug</span> 2044 <span class="year">2026</span> 2045 </span> 2046 </a> 2047 2048 2049 </div> 2050 <div class="blog-post-content"> 2051 <h2 class="blog-title">ALEX NOURSE</h2> 2052 <p class="blog-desc">AXiS Gear List 2053AXiS Longboard A-CAM LINK 2054AXiS Drive Shaft LINK 2055Marksman Beaters LINK 2056Detonator Tr...</p> 2057 2058 2059 <ul class="post-tag"> 2060 2061 </ul> 2062 2063 </div> 2064 2065</div> 2066<style type="text/css"> 2067 /* blog post css */ 2068 .blog-post { 2069 width:100%} 2070.blog-post .blog-img{ 2071 width: 100%; 2072} 2073.blog-post .blog-img-post{ 2074 position: relative; 2075 overflow: hidden; 2076 display: flex; 2077 align-items: center; 2078 justify-content: center; 2079} 2080.blog-post a.blog-img img{ 2081 transition: all 0.2s ease-in-out; 2082 -moz-transition: all 0.2s ease-in-out; 2083 -webkit-transition: all 0.2s ease-in-out; 2084 -ms-transition: all 0.2s ease-in-out; 2085 -o-transition: all 0.2s ease-in-out; 2086 object-fit:cover; 2087 height:250px; 2088 width:100%; 2089} 2090.blog-post a.blog-img:hover img{ 2091 -webkit-transform: scale(1.1); 2092 -ms-transform: scale(1.1); 2093 transform: scale(1.1); 2094} 2095.blog-post a.blog-img::after{ 2096 content: ""; 2097 position: absolute; 2098 top: 0;left: 0;width: 100%; 2099 height: 100%; 2100 background-color: rgb(0 0 0 / 12%); 2101 opacity: 0; 2102 visibility: hidden; 2103} 2104.blog-post:hover a.blog-img::after{ 2105 opacity: 1; 2106 visibility: visible; 2107} 2108.blog-post a.blog-video-button{ 2109 font-size: 16px; 2110 color: #ec1e24; 2111 background-color: #fff; 2112 position: absolute; 2113 z-index: 1; 2114 width: 70px; 2115 height: 70px; 2116 margin: 0 auto; 2117 display: flex; 2118 align-items: center; 2119 justify-content: center; 2120 border-radius: 100%; 2121} 2122 2123.blog-post:hover a.blog-img span.blog-icon{ 2124 opacity: 1; 2125 visibility: visible; 2126} 2127.blog-post a.blog-img span.date-time{ display:none !important; 2128 position: absolute; 2129 z-index: 1;left: 0px;top: 0; 2130 color: #888; 2131 font-size: 15px; 2132 font-weight: 400; 2133 line-height: 1; 2134 display: flex; 2135 padding: 15px 30px; 2136 background-color: #fff; 2137 border-radius: 0; 2138 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 2139 -webkit-transition: all 0.3s ease-in-out 0s; 2140 -o-transition: all 0.3s ease-in-out 0s; 2141 transition: all 0.3s ease-in-out 0s; 2142} 2143.blog-post a.blog-img:hover span.date-time{ 2144 color: #fff; 2145 background-color: #ec1e24; 2146} 2147.blog-post a.blog-img span.date-time span{ 2148 display: block;margin-left: 3px;text-align: center; 2149} 2150.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 2151.blog-post a.blog-img::after, 2152.blog-post:hover a.blog-img::after, 2153.blog-post a.blog-img span.blog-icon, 2154.blog-post:hover a.blog-img span.blog-icon, 2155.blog-post a.blog-img span.blog-icon:hover{ 2156 -webkit-transition: all 0.3s ease-in-out 0s; 2157 -o-transition: all 0.3s ease-in-out 0s; 2158 transition: all 0.3s ease-in-out 0s; 2159} 2160.blog-post .blog-post-content{ 2161 padding-top: 40px; 2162} 2163.blog-post .blog-post-content h2{ 2164 color: #2e405d; 2165 font-size: 18px; 2166 font-weight: 500; 2167 width: 95%; 2168} 2169.blog-post .blog-post-content p{ 2170 display: none; 2171 color: #666; 2172 font-size: 16px; 2173 margin-top: 16px; 2174} 2175.blog-post .blog-post-content a.read-btn{ 2176 font-size: 14px; 2177 display: flex; 2178 align-items: baseline; 2179 margin-top: 20px; 2180 text-transform: capitalize; 2181 font-weight: 500; 2182 line-height: 1; 2183} 2184.blog-post .blog-post-content a.read-btn span{ 2185 display: block; 2186} 2187.blog-post .blog-post-content a.read-btn:hover i{ 2188 animation-name: arrow; 2189 animation-duration: 0.55s; 2190} 2191.blog-post .blog-post-content ul.post-tag{ 2192 display: none !important; 2193 align-items: center; 2194 line-height: 1; 2195 margin-top: 25px; 2196} 2197.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 2198.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 2199.blog-post .blog-post-content ul.post-tag li a{ 2200 color: #888; 2201 font-size: 14px; 2202 text-transform: uppercase; 2203} 2204 2205@media (max-width: 1599px){ 2206 .blog-post .blog-post-content h2{ 2207 font-size: 16px; 2208 width: 100%; 2209 } 2210} 2211@media (max-width: 1199px){ 2212 .blog-post .blog-post-content{ 2213 padding-top: 30px; 2214 } 2215 .blog-post .blog-post-content h2{ 2216 font-size: 16px; 2217 } 2218} 2219@media (max-width: 767px){ 2220 .blog-post .blog-post-content{ 2221 padding-top: 15px; 2222 } 2223 .blog-post .blog-post-content p{ 2224 margin-top: 6px; 2225 font-size: 14px; 2226 } 2227 .blog-post .blog-post-content a.read-btn{ 2228 font-size: 14px; 2229 margin-top: 10px; 2230 } 2231} 2232</style> 2233 </li> 2234 2235
2236 <li class="blog-slider wow animate__fadeIn"> 2237 <div class="blog-post"> 2238 <div class="blog-img-post"> 2239 2240 2241 2242 <a href="/blogs/artist-roster/byron-london" class="blog-img"> 2243 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/crownmagnetar-20230420-wayneedwards-photography-04_400x413_crop_center.jpg?v=1777524019" alt="BYRON LONDON" /> 2244 <span class="date-time"> 2245 <span class="date">29</span> 2246 <span class="time">Apr</span> 2247 <span class="year">2026</span> 2248 </span> 2249 </a> 2250 2251 2252 </div> 2253 <div class="blog-post-content"> 2254 <h2 class="blog-title">BYRON LONDON</h2> 2255 <p class="blog-desc">Â 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266AXiS Gear List 2267AXiS Longboard A-CAM LINK 2268 2269AXiS Drive Shaft LINK 2270Marksman Beaters LINK...</p> 2271 2272 2273 <ul class="post-tag"> 2274 2275 </ul> 2276 2277 </div> 2278 2279</div> 2280<style type="text/css"> 2281 /* blog post css */ 2282 .blog-post { 2283 width:100%} 2284.blog-post .blog-img{ 2285 width: 100%; 2286} 2287.blog-post .blog-img-post{ 2288 position: relative; 2289 overflow: hidden; 2290 display: flex; 2291 align-items: center; 2292 justify-content: center; 2293} 2294.blog-post a.blog-img img{ 2295 transition: all 0.2s ease-in-out; 2296 -moz-transition: all 0.2s ease-in-out; 2297 -webkit-transition: all 0.2s ease-in-out; 2298 -ms-transition: all 0.2s ease-in-out; 2299 -o-transition: all 0.2s ease-in-out; 2300 object-fit:cover; 2301 height:250px; 2302 width:100%; 2303} 2304.blog-post a.blog-img:hover img{ 2305 -webkit-transform: scale(1.1); 2306 -ms-transform: scale(1.1); 2307 transform: scale(1.1); 2308} 2309.blog-post a.blog-img::after{ 2310 content: ""; 2311 position: absolute; 2312 top: 0;left: 0;width: 100%; 2313 height: 100%; 2314 background-color: rgb(0 0 0 / 12%); 2315 opacity: 0; 2316 visibility: hidden; 2317} 2318.blog-post:hover a.blog-img::after{ 2319 opacity: 1; 2320 visibility: visible; 2321} 2322.blog-post a.blog-video-button{ 2323 font-size: 16px; 2324 color: #ec1e24; 2325 background-color: #fff; 2326 position: absolute; 2327 z-index: 1; 2328 width: 70px; 2329 height: 70px; 2330 margin: 0 auto; 2331 display: flex; 2332 align-items: center; 2333 justify-content: center; 2334 border-radius: 100%; 2335} 2336 2337.blog-post:hover a.blog-img span.blog-icon{ 2338 opacity: 1; 2339 visibility: visible; 2340} 2341.blog-post a.blog-img span.date-time{ display:none !important; 2342 position: absolute; 2343 z-index: 1;left: 0px;top: 0; 2344 color: #888; 2345 font-size: 15px; 2346 font-weight: 400; 2347 line-height: 1; 2348 display: flex; 2349 padding: 15px 30px; 2350 background-color: #fff; 2351 border-radius: 0; 2352 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 2353 -webkit-transition: all 0.3s ease-in-out 0s; 2354 -o-transition: all 0.3s ease-in-out 0s; 2355 transition: all 0.3s ease-in-out 0s; 2356} 2357.blog-post a.blog-img:hover span.date-time{ 2358 color: #fff; 2359 background-color: #ec1e24; 2360} 2361.blog-post a.blog-img span.date-time span{ 2362 display: block;margin-left: 3px;text-align: center; 2363} 2364.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 2365.blog-post a.blog-img::after, 2366.blog-post:hover a.blog-img::after, 2367.blog-post a.blog-img span.blog-icon, 2368.blog-post:hover a.blog-img span.blog-icon, 2369.blog-post a.blog-img span.blog-icon:hover{ 2370 -webkit-transition: all 0.3s ease-in-out 0s; 2371 -o-transition: all 0.3s ease-in-out 0s; 2372 transition: all 0.3s ease-in-out 0s; 2373} 2374.blog-post .blog-post-content{ 2375 padding-top: 40px; 2376} 2377.blog-post .blog-post-content h2{ 2378 color: #2e405d; 2379 font-size: 18px; 2380 font-weight: 500; 2381 width: 95%; 2382} 2383.blog-post .blog-post-content p{ 2384 display: none; 2385 color: #666; 2386 font-size: 16px; 2387 margin-top: 16px; 2388} 2389.blog-post .blog-post-content a.read-btn{ 2390 font-size: 14px; 2391 display: flex; 2392 align-items: baseline; 2393 margin-top: 20px; 2394 text-transform: capitalize; 2395 font-weight: 500; 2396 line-height: 1; 2397} 2398.blog-post .blog-post-content a.read-btn span{ 2399 display: block; 2400} 2401.blog-post .blog-post-content a.read-btn:hover i{ 2402 animation-name: arrow; 2403 animation-duration: 0.55s; 2404} 2405.blog-post .blog-post-content ul.post-tag{ 2406 display: none !important; 2407 align-items: center; 2408 line-height: 1; 2409 margin-top: 25px; 2410} 2411.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 2412.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 2413.blog-post .blog-post-content ul.post-tag li a{ 2414 color: #888; 2415 font-size: 14px; 2416 text-transform: uppercase; 2417} 2418 2419@media (max-width: 1599px){ 2420 .blog-post .blog-post-content h2{ 2421 font-size: 16px; 2422 width: 100%; 2423 } 2424} 2425@media (max-width: 1199px){ 2426 .blog-post .blog-post-content{ 2427 padding-top: 30px; 2428 } 2429 .blog-post .blog-post-content h2{ 2430 font-size: 16px; 2431 } 2432} 2433@media (max-width: 767px){ 2434 .blog-post .blog-post-content{ 2435 padding-top: 15px; 2436 } 2437 .blog-post .blog-post-content p{ 2438 margin-top: 6px; 2439 font-size: 14px; 2440 } 2441 .blog-post .blog-post-content a.read-btn{ 2442 font-size: 14px; 2443 margin-top: 10px; 2444 } 2445} 2446</style> 2447 </li> 2448 2449
2450 <li class="blog-slider wow animate__fadeIn"> 2451 <div class="blog-post"> 2452 <div class="blog-img-post"> 2453 2454 2455 2456 <a href="/blogs/artist-roster/charlie-koryn" class="blog-img"> 2457 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/7ce08c_f1dce98c64f24c22b3e6eead04b9a480_mv2_9531e793-0c7b-410f-b5aa-1ad9c32b827d_400x413_crop_center.png?v=1775229750" alt="CHARLIE KORYN" /> 2458 <span class="date-time"> 2459 <span class="date">11</span> 2460 <span class="time">Apr</span> 2461 <span class="year">2026</span> 2462 </span> 2463 </a> 2464 2465 2466 </div> 2467 <div class="blog-post-content"> 2468 <h2 class="blog-title">CHARLIE KORYN</h2> 2469 <p class="blog-desc">Â 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480AXiS Gear List 2481AXiS Longboard A-CAM LINK 2482Standard Spring Assembly LINK 2483Â 2484Charlie's Dr...</p> 2485 2486 2487 <ul class="post-tag"> 2488 2489 </ul> 2490 2491 </div> 2492 2493</div> 2494<style type="text/css"> 2495 /* blog post css */ 2496 .blog-post { 2497 width:100%} 2498.blog-post .blog-img{ 2499 width: 100%; 2500} 2501.blog-post .blog-img-post{ 2502 position: relative; 2503 overflow: hidden; 2504 display: flex; 2505 align-items: center; 2506 justify-content: center; 2507} 2508.blog-post a.blog-img img{ 2509 transition: all 0.2s ease-in-out; 2510 -moz-transition: all 0.2s ease-in-out; 2511 -webkit-transition: all 0.2s ease-in-out; 2512 -ms-transition: all 0.2s ease-in-out; 2513 -o-transition: all 0.2s ease-in-out; 2514 object-fit:cover; 2515 height:250px; 2516 width:100%; 2517} 2518.blog-post a.blog-img:hover img{ 2519 -webkit-transform: scale(1.1); 2520 -ms-transform: scale(1.1); 2521 transform: scale(1.1); 2522} 2523.blog-post a.blog-img::after{ 2524 content: ""; 2525 position: absolute; 2526 top: 0;left: 0;width: 100%; 2527 height: 100%; 2528 background-color: rgb(0 0 0 / 12%); 2529 opacity: 0; 2530 visibility: hidden; 2531} 2532.blog-post:hover a.blog-img::after{ 2533 opacity: 1; 2534 visibility: visible; 2535} 2536.blog-post a.blog-video-button{ 2537 font-size: 16px; 2538 color: #ec1e24; 2539 background-color: #fff; 2540 position: absolute; 2541 z-index: 1; 2542 width: 70px; 2543 height: 70px; 2544 margin: 0 auto; 2545 display: flex; 2546 align-items: center; 2547 justify-content: center; 2548 border-radius: 100%; 2549} 2550 2551.blog-post:hover a.blog-img span.blog-icon{ 2552 opacity: 1; 2553 visibility: visible; 2554} 2555.blog-post a.blog-img span.date-time{ display:none !important; 2556 position: absolute; 2557 z-index: 1;left: 0px;top: 0; 2558 color: #888; 2559 font-size: 15px; 2560 font-weight: 400; 2561 line-height: 1; 2562 display: flex; 2563 padding: 15px 30px; 2564 background-color: #fff; 2565 border-radius: 0; 2566 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 2567 -webkit-transition: all 0.3s ease-in-out 0s; 2568 -o-transition: all 0.3s ease-in-out 0s; 2569 transition: all 0.3s ease-in-out 0s; 2570} 2571.blog-post a.blog-img:hover span.date-time{ 2572 color: #fff; 2573 background-color: #ec1e24; 2574} 2575.blog-post a.blog-img span.date-time span{ 2576 display: block;margin-left: 3px;text-align: center; 2577} 2578.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 2579.blog-post a.blog-img::after, 2580.blog-post:hover a.blog-img::after, 2581.blog-post a.blog-img span.blog-icon, 2582.blog-post:hover a.blog-img span.blog-icon, 2583.blog-post a.blog-img span.blog-icon:hover{ 2584 -webkit-transition: all 0.3s ease-in-out 0s; 2585 -o-transition: all 0.3s ease-in-out 0s; 2586 transition: all 0.3s ease-in-out 0s; 2587} 2588.blog-post .blog-post-content{ 2589 padding-top: 40px; 2590} 2591.blog-post .blog-post-content h2{ 2592 color: #2e405d; 2593 font-size: 18px; 2594 font-weight: 500; 2595 width: 95%; 2596} 2597.blog-post .blog-post-content p{ 2598 display: none; 2599 color: #666; 2600 font-size: 16px; 2601 margin-top: 16px; 2602} 2603.blog-post .blog-post-content a.read-btn{ 2604 font-size: 14px; 2605 display: flex; 2606 align-items: baseline; 2607 margin-top: 20px; 2608 text-transform: capitalize; 2609 font-weight: 500; 2610 line-height: 1; 2611} 2612.blog-post .blog-post-content a.read-btn span{ 2613 display: block; 2614} 2615.blog-post .blog-post-content a.read-btn:hover i{ 2616 animation-name: arrow; 2617 animation-duration: 0.55s; 2618} 2619.blog-post .blog-post-content ul.post-tag{ 2620 display: none !important; 2621 align-items: center; 2622 line-height: 1; 2623 margin-top: 25px; 2624} 2625.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 2626.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 2627.blog-post .blog-post-content ul.post-tag li a{ 2628 color: #888; 2629 font-size: 14px; 2630 text-transform: uppercase; 2631} 2632 2633@media (max-width: 1599px){ 2634 .blog-post .blog-post-content h2{ 2635 font-size: 16px; 2636 width: 100%; 2637 } 2638} 2639@media (max-width: 1199px){ 2640 .blog-post .blog-post-content{ 2641 padding-top: 30px; 2642 } 2643 .blog-post .blog-post-content h2{ 2644 font-size: 16px; 2645 } 2646} 2647@media (max-width: 767px){ 2648 .blog-post .blog-post-content{ 2649 padding-top: 15px; 2650 } 2651 .blog-post .blog-post-content p{ 2652 margin-top: 6px; 2653 font-size: 14px; 2654 } 2655 .blog-post .blog-post-content a.read-btn{ 2656 font-size: 14px; 2657 margin-top: 10px; 2658 } 2659} 2660</style> 2661 </li> 2662 2663
2664 <li class="blog-slider wow animate__fadeIn"> 2665 <div class="blog-post"> 2666 <div class="blog-img-post"> 2667 2668 2669 2670 <a href="/blogs/artist-roster/gabe-seeber-1" class="blog-img"> 2671 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/IMG_2776_1_400x413_crop_center.jpg?v=1754682622" alt="GABE SEEBER" /> 2672 <span class="date-time"> 2673 <span class="date">11</span> 2674 <span class="time">Apr</span> 2675 <span class="year">2026</span> 2676 </span> 2677 </a> 2678 2679 2680 </div> 2681 <div class="blog-post-content"> 2682 <h2 class="blog-title">GABE SEEBER</h2> 2683 <p class="blog-desc">Gabe Seeber is a long-time AXiS Artist and a master of modern extreme drumming. 2684His unmatched pre...</p> 2685 2686 2687 <ul class="post-tag"> 2688 2689 </ul> 2690 2691 </div> 2692 2693</div> 2694<style type="text/css"> 2695 /* blog post css */ 2696 .blog-post { 2697 width:100%} 2698.blog-post .blog-img{ 2699 width: 100%; 2700} 2701.blog-post .blog-img-post{ 2702 position: relative; 2703 overflow: hidden; 2704 display: flex; 2705 align-items: center; 2706 justify-content: center; 2707} 2708.blog-post a.blog-img img{ 2709 transition: all 0.2s ease-in-out; 2710 -moz-transition: all 0.2s ease-in-out; 2711 -webkit-transition: all 0.2s ease-in-out; 2712 -ms-transition: all 0.2s ease-in-out; 2713 -o-transition: all 0.2s ease-in-out; 2714 object-fit:cover; 2715 height:250px; 2716 width:100%; 2717} 2718.blog-post a.blog-img:hover img{ 2719 -webkit-transform: scale(1.1); 2720 -ms-transform: scale(1.1); 2721 transform: scale(1.1); 2722} 2723.blog-post a.blog-img::after{ 2724 content: ""; 2725 position: absolute; 2726 top: 0;left: 0;width: 100%; 2727 height: 100%; 2728 background-color: rgb(0 0 0 / 12%); 2729 opacity: 0; 2730 visibility: hidden; 2731} 2732.blog-post:hover a.blog-img::after{ 2733 opacity: 1; 2734 visibility: visible; 2735} 2736.blog-post a.blog-video-button{ 2737 font-size: 16px; 2738 color: #ec1e24; 2739 background-color: #fff; 2740 position: absolute; 2741 z-index: 1; 2742 width: 70px; 2743 height: 70px; 2744 margin: 0 auto; 2745 display: flex; 2746 align-items: center; 2747 justify-content: center; 2748 border-radius: 100%; 2749} 2750 2751.blog-post:hover a.blog-img span.blog-icon{ 2752 opacity: 1; 2753 visibility: visible; 2754} 2755.blog-post a.blog-img span.date-time{ display:none !important; 2756 position: absolute; 2757 z-index: 1;left: 0px;top: 0; 2758 color: #888; 2759 font-size: 15px; 2760 font-weight: 400; 2761 line-height: 1; 2762 display: flex; 2763 padding: 15px 30px; 2764 background-color: #fff; 2765 border-radius: 0; 2766 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 2767 -webkit-transition: all 0.3s ease-in-out 0s; 2768 -o-transition: all 0.3s ease-in-out 0s; 2769 transition: all 0.3s ease-in-out 0s; 2770} 2771.blog-post a.blog-img:hover span.date-time{ 2772 color: #fff; 2773 background-color: #ec1e24; 2774} 2775.blog-post a.blog-img span.date-time span{ 2776 display: block;margin-left: 3px;text-align: center; 2777} 2778.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 2779.blog-post a.blog-img::after, 2780.blog-post:hover a.blog-img::after, 2781.blog-post a.blog-img span.blog-icon, 2782.blog-post:hover a.blog-img span.blog-icon, 2783.blog-post a.blog-img span.blog-icon:hover{ 2784 -webkit-transition: all 0.3s ease-in-out 0s; 2785 -o-transition: all 0.3s ease-in-out 0s; 2786 transition: all 0.3s ease-in-out 0s; 2787} 2788.blog-post .blog-post-content{ 2789 padding-top: 40px; 2790} 2791.blog-post .blog-post-content h2{ 2792 color: #2e405d; 2793 font-size: 18px; 2794 font-weight: 500; 2795 width: 95%; 2796} 2797.blog-post .blog-post-content p{ 2798 display: none; 2799 color: #666; 2800 font-size: 16px; 2801 margin-top: 16px; 2802} 2803.blog-post .blog-post-content a.read-btn{ 2804 font-size: 14px; 2805 display: flex; 2806 align-items: baseline; 2807 margin-top: 20px; 2808 text-transform: capitalize; 2809 font-weight: 500; 2810 line-height: 1; 2811} 2812.blog-post .blog-post-content a.read-btn span{ 2813 display: block; 2814} 2815.blog-post .blog-post-content a.read-btn:hover i{ 2816 animation-name: arrow; 2817 animation-duration: 0.55s; 2818} 2819.blog-post .blog-post-content ul.post-tag{ 2820 display: none !important; 2821 align-items: center; 2822 line-height: 1; 2823 margin-top: 25px; 2824} 2825.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 2826.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 2827.blog-post .blog-post-content ul.post-tag li a{ 2828 color: #888; 2829 font-size: 14px; 2830 text-transform: uppercase; 2831} 2832 2833@media (max-width: 1599px){ 2834 .blog-post .blog-post-content h2{ 2835 font-size: 16px; 2836 width: 100%; 2837 } 2838} 2839@media (max-width: 1199px){ 2840 .blog-post .blog-post-content{ 2841 padding-top: 30px; 2842 } 2843 .blog-post .blog-post-content h2{ 2844 font-size: 16px; 2845 } 2846} 2847@media (max-width: 767px){ 2848 .blog-post .blog-post-content{ 2849 padding-top: 15px; 2850 } 2851 .blog-post .blog-post-content p{ 2852 margin-top: 6px; 2853 font-size: 14px; 2854 } 2855 .blog-post .blog-post-content a.read-btn{ 2856 font-size: 14px; 2857 margin-top: 10px; 2858 } 2859} 2860</style> 2861 </li> 2862 2863
2864 <li class="blog-slider wow animate__fadeIn"> 2865 <div class="blog-post"> 2866 <div class="blog-img-post"> 2867 2868 2869 2870 <a href="/blogs/artist-roster/flo-mounier-cryptopsy" class="blog-img"> 2871 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/maxresdefault_baee0f91-7220-47ff-940f-6619ecf5fcbb_400x413_crop_center.jpg?v=1746920760" alt="FLO MOUNIER | CRYPTOPSY" /> 2872 <span class="date-time"> 2873 <span class="date">11</span> 2874 <span class="time">Apr</span> 2875 <span class="year">2026</span> 2876 </span> 2877 </a> 2878 2879 2880 </div> 2881 <div class="blog-post-content"> 2882 <h2 class="blog-title">FLO MOUNIER | CRYPTOPSY</h2> 2883 <p class="blog-desc">Â 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894AXiS Gear List 2895AXiS Longboard A-CAM LINK 2896Standard Spring Assembly LINK 2897AXiS Drive Sha...</p> 2898 2899 2900 <ul class="post-tag"> 2901 2902 </ul> 2903 2904 </div> 2905 2906</div> 2907<style type="text/css"> 2908 /* blog post css */ 2909 .blog-post { 2910 width:100%} 2911.blog-post .blog-img{ 2912 width: 100%; 2913} 2914.blog-post .blog-img-post{ 2915 position: relative; 2916 overflow: hidden; 2917 display: flex; 2918 align-items: center; 2919 justify-content: center; 2920} 2921.blog-post a.blog-img img{ 2922 transition: all 0.2s ease-in-out; 2923 -moz-transition: all 0.2s ease-in-out; 2924 -webkit-transition: all 0.2s ease-in-out; 2925 -ms-transition: all 0.2s ease-in-out; 2926 -o-transition: all 0.2s ease-in-out; 2927 object-fit:cover; 2928 height:250px; 2929 width:100%; 2930} 2931.blog-post a.blog-img:hover img{ 2932 -webkit-transform: scale(1.1); 2933 -ms-transform: scale(1.1); 2934 transform: scale(1.1); 2935} 2936.blog-post a.blog-img::after{ 2937 content: ""; 2938 position: absolute; 2939 top: 0;left: 0;width: 100%; 2940 height: 100%; 2941 background-color: rgb(0 0 0 / 12%); 2942 opacity: 0; 2943 visibility: hidden; 2944} 2945.blog-post:hover a.blog-img::after{ 2946 opacity: 1; 2947 visibility: visible; 2948} 2949.blog-post a.blog-video-button{ 2950 font-size: 16px; 2951 color: #ec1e24; 2952 background-color: #fff; 2953 position: absolute; 2954 z-index: 1; 2955 width: 70px; 2956 height: 70px; 2957 margin: 0 auto; 2958 display: flex; 2959 align-items: center; 2960 justify-content: center; 2961 border-radius: 100%; 2962} 2963 2964.blog-post:hover a.blog-img span.blog-icon{ 2965 opacity: 1; 2966 visibility: visible; 2967} 2968.blog-post a.blog-img span.date-time{ display:none !important; 2969 position: absolute; 2970 z-index: 1;left: 0px;top: 0; 2971 color: #888; 2972 font-size: 15px; 2973 font-weight: 400; 2974 line-height: 1; 2975 display: flex; 2976 padding: 15px 30px; 2977 background-color: #fff; 2978 border-radius: 0; 2979 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 2980 -webkit-transition: all 0.3s ease-in-out 0s; 2981 -o-transition: all 0.3s ease-in-out 0s; 2982 transition: all 0.3s ease-in-out 0s; 2983} 2984.blog-post a.blog-img:hover span.date-time{ 2985 color: #fff; 2986 background-color: #ec1e24; 2987} 2988.blog-post a.blog-img span.date-time span{ 2989 display: block;margin-left: 3px;text-align: center; 2990} 2991.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 2992.blog-post a.blog-img::after, 2993.blog-post:hover a.blog-img::after, 2994.blog-post a.blog-img span.blog-icon, 2995.blog-post:hover a.blog-img span.blog-icon, 2996.blog-post a.blog-img span.blog-icon:hover{ 2997 -webkit-transition: all 0.3s ease-in-out 0s; 2998 -o-transition: all 0.3s ease-in-out 0s; 2999 transition: all 0.3s ease-in-out 0s; 3000} 3001.blog-post .blog-post-content{ 3002 padding-top: 40px; 3003} 3004.blog-post .blog-post-content h2{ 3005 color: #2e405d; 3006 font-size: 18px; 3007 font-weight: 500; 3008 width: 95%; 3009} 3010.blog-post .blog-post-content p{ 3011 display: none; 3012 color: #666; 3013 font-size: 16px; 3014 margin-top: 16px; 3015} 3016.blog-post .blog-post-content a.read-btn{ 3017 font-size: 14px; 3018 display: flex; 3019 align-items: baseline; 3020 margin-top: 20px; 3021 text-transform: capitalize; 3022 font-weight: 500; 3023 line-height: 1; 3024} 3025.blog-post .blog-post-content a.read-btn span{ 3026 display: block; 3027} 3028.blog-post .blog-post-content a.read-btn:hover i{ 3029 animation-name: arrow; 3030 animation-duration: 0.55s; 3031} 3032.blog-post .blog-post-content ul.post-tag{ 3033 display: none !important; 3034 align-items: center; 3035 line-height: 1; 3036 margin-top: 25px; 3037} 3038.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 3039.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 3040.blog-post .blog-post-content ul.post-tag li a{ 3041 color: #888; 3042 font-size: 14px; 3043 text-transform: uppercase; 3044} 3045 3046@media (max-width: 1599px){ 3047 .blog-post .blog-post-content h2{ 3048 font-size: 16px; 3049 width: 100%; 3050 } 3051} 3052@media (max-width: 1199px){ 3053 .blog-post .blog-post-content{ 3054 padding-top: 30px; 3055 } 3056 .blog-post .blog-post-content h2{ 3057 font-size: 16px; 3058 } 3059} 3060@media (max-width: 767px){ 3061 .blog-post .blog-post-content{ 3062 padding-top: 15px; 3063 } 3064 .blog-post .blog-post-content p{ 3065 margin-top: 6px; 3066 font-size: 14px; 3067 } 3068 .blog-post .blog-post-content a.read-btn{ 3069 font-size: 14px; 3070 margin-top: 10px; 3071 } 3072} 3073</style> 3074 </li> 3075 3076
3077 <li class="blog-slider wow animate__fadeIn"> 3078 <div class="blog-post"> 3079 <div class="blog-img-post"> 3080 3081 3082 3083 <a href="/blogs/artist-roster/andrew-baird" class="blog-img"> 3084 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/Andrew-Baird_400x413_crop_center.jpg?v=1775229732" alt="ANDREW BAIRD" /> 3085 <span class="date-time"> 3086 <span class="date">11</span> 3087 <span class="time">Apr</span> 3088 <span class="year">2026</span> 3089 </span> 3090 </a> 3091 3092 3093 </div> 3094 <div class="blog-post-content"> 3095 <h2 class="blog-title">ANDREW BAIRD</h2> 3096 <p class="blog-desc">Â 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107AXiS Gear List 3108AXiS Shortboard A-CAM LINK 3109Standard Spring Assembly LINK 3110AXiS Marksman...</p> 3111 3112 3113 <ul class="post-tag"> 3114 3115 </ul> 3116 3117 </div> 3118 3119</div> 3120<style type="text/css"> 3121 /* blog post css */ 3122 .blog-post { 3123 width:100%} 3124.blog-post .blog-img{ 3125 width: 100%; 3126} 3127.blog-post .blog-img-post{ 3128 position: relative; 3129 overflow: hidden; 3130 display: flex; 3131 align-items: center; 3132 justify-content: center; 3133} 3134.blog-post a.blog-img img{ 3135 transition: all 0.2s ease-in-out; 3136 -moz-transition: all 0.2s ease-in-out; 3137 -webkit-transition: all 0.2s ease-in-out; 3138 -ms-transition: all 0.2s ease-in-out; 3139 -o-transition: all 0.2s ease-in-out; 3140 object-fit:cover; 3141 height:250px; 3142 width:100%; 3143} 3144.blog-post a.blog-img:hover img{ 3145 -webkit-transform: scale(1.1); 3146 -ms-transform: scale(1.1); 3147 transform: scale(1.1); 3148} 3149.blog-post a.blog-img::after{ 3150 content: ""; 3151 position: absolute; 3152 top: 0;left: 0;width: 100%; 3153 height: 100%; 3154 background-color: rgb(0 0 0 / 12%); 3155 opacity: 0; 3156 visibility: hidden; 3157} 3158.blog-post:hover a.blog-img::after{ 3159 opacity: 1; 3160 visibility: visible; 3161} 3162.blog-post a.blog-video-button{ 3163 font-size: 16px; 3164 color: #ec1e24; 3165 background-color: #fff; 3166 position: absolute; 3167 z-index: 1; 3168 width: 70px; 3169 height: 70px; 3170 margin: 0 auto; 3171 display: flex; 3172 align-items: center; 3173 justify-content: center; 3174 border-radius: 100%; 3175} 3176 3177.blog-post:hover a.blog-img span.blog-icon{ 3178 opacity: 1; 3179 visibility: visible; 3180} 3181.blog-post a.blog-img span.date-time{ display:none !important; 3182 position: absolute; 3183 z-index: 1;left: 0px;top: 0; 3184 color: #888; 3185 font-size: 15px; 3186 font-weight: 400; 3187 line-height: 1; 3188 display: flex; 3189 padding: 15px 30px; 3190 background-color: #fff; 3191 border-radius: 0; 3192 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 3193 -webkit-transition: all 0.3s ease-in-out 0s; 3194 -o-transition: all 0.3s ease-in-out 0s; 3195 transition: all 0.3s ease-in-out 0s; 3196} 3197.blog-post a.blog-img:hover span.date-time{ 3198 color: #fff; 3199 background-color: #ec1e24; 3200} 3201.blog-post a.blog-img span.date-time span{ 3202 display: block;margin-left: 3px;text-align: center; 3203} 3204.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 3205.blog-post a.blog-img::after, 3206.blog-post:hover a.blog-img::after, 3207.blog-post a.blog-img span.blog-icon, 3208.blog-post:hover a.blog-img span.blog-icon, 3209.blog-post a.blog-img span.blog-icon:hover{ 3210 -webkit-transition: all 0.3s ease-in-out 0s; 3211 -o-transition: all 0.3s ease-in-out 0s; 3212 transition: all 0.3s ease-in-out 0s; 3213} 3214.blog-post .blog-post-content{ 3215 padding-top: 40px; 3216} 3217.blog-post .blog-post-content h2{ 3218 color: #2e405d; 3219 font-size: 18px; 3220 font-weight: 500; 3221 width: 95%; 3222} 3223.blog-post .blog-post-content p{ 3224 display: none; 3225 color: #666; 3226 font-size: 16px; 3227 margin-top: 16px; 3228} 3229.blog-post .blog-post-content a.read-btn{ 3230 font-size: 14px; 3231 display: flex; 3232 align-items: baseline; 3233 margin-top: 20px; 3234 text-transform: capitalize; 3235 font-weight: 500; 3236 line-height: 1; 3237} 3238.blog-post .blog-post-content a.read-btn span{ 3239 display: block; 3240} 3241.blog-post .blog-post-content a.read-btn:hover i{ 3242 animation-name: arrow; 3243 animation-duration: 0.55s; 3244} 3245.blog-post .blog-post-content ul.post-tag{ 3246 display: none !important; 3247 align-items: center; 3248 line-height: 1; 3249 margin-top: 25px; 3250} 3251.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 3252.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 3253.blog-post .blog-post-content ul.post-tag li a{ 3254 color: #888; 3255 font-size: 14px; 3256 text-transform: uppercase; 3257} 3258 3259@media (max-width: 1599px){ 3260 .blog-post .blog-post-content h2{ 3261 font-size: 16px; 3262 width: 100%; 3263 } 3264} 3265@media (max-width: 1199px){ 3266 .blog-post .blog-post-content{ 3267 padding-top: 30px; 3268 } 3269 .blog-post .blog-post-content h2{ 3270 font-size: 16px; 3271 } 3272} 3273@media (max-width: 767px){ 3274 .blog-post .blog-post-content{ 3275 padding-top: 15px; 3276 } 3277 .blog-post .blog-post-content p{ 3278 margin-top: 6px; 3279 font-size: 14px; 3280 } 3281 .blog-post .blog-post-content a.read-btn{ 3282 font-size: 14px; 3283 margin-top: 10px; 3284 } 3285} 3286</style> 3287 </li> 3288 3289
3290 <li class="blog-slider wow animate__fadeIn"> 3291 <div class="blog-post"> 3292 <div class="blog-img-post"> 3293 3294 3295 3296 <a href="/blogs/artist-roster/ruston-grosse-skeletal-remains" class="blog-img"> 3297 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/images_ab147ee8-64a8-413b-a898-e86c5a6a8a67_400x413_crop_center.jpg?v=1746835631" alt="RUSTON GROSSE | SKELETAL REMAINS" /> 3298 <span class="date-time"> 3299 <span class="date">11</span> 3300 <span class="time">Apr</span> 3301 <span class="year">2026</span> 3302 </span> 3303 </a> 3304 3305 3306 </div> 3307 <div class="blog-post-content"> 3308 <h2 class="blog-title">RUSTON GROSSE | SKELETAL REMAINS</h2> 3309 <p class="blog-desc">Â 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320AXiS Gear List 3321AXiS Wideboard A-CAMÂ 3322Standard Spring Assembly (deep rocker position) ...</p> 3323 3324 3325 <ul class="post-tag"> 3326 3327 </ul> 3328 3329 </div> 3330 3331</div> 3332<style type="text/css"> 3333 /* blog post css */ 3334 .blog-post { 3335 width:100%} 3336.blog-post .blog-img{ 3337 width: 100%; 3338} 3339.blog-post .blog-img-post{ 3340 position: relative; 3341 overflow: hidden; 3342 display: flex; 3343 align-items: center; 3344 justify-content: center; 3345} 3346.blog-post a.blog-img img{ 3347 transition: all 0.2s ease-in-out; 3348 -moz-transition: all 0.2s ease-in-out; 3349 -webkit-transition: all 0.2s ease-in-out; 3350 -ms-transition: all 0.2s ease-in-out; 3351 -o-transition: all 0.2s ease-in-out; 3352 object-fit:cover; 3353 height:250px; 3354 width:100%; 3355} 3356.blog-post a.blog-img:hover img{ 3357 -webkit-transform: scale(1.1); 3358 -ms-transform: scale(1.1); 3359 transform: scale(1.1); 3360} 3361.blog-post a.blog-img::after{ 3362 content: ""; 3363 position: absolute; 3364 top: 0;left: 0;width: 100%; 3365 height: 100%; 3366 background-color: rgb(0 0 0 / 12%); 3367 opacity: 0; 3368 visibility: hidden; 3369} 3370.blog-post:hover a.blog-img::after{ 3371 opacity: 1; 3372 visibility: visible; 3373} 3374.blog-post a.blog-video-button{ 3375 font-size: 16px; 3376 color: #ec1e24; 3377 background-color: #fff; 3378 position: absolute; 3379 z-index: 1; 3380 width: 70px; 3381 height: 70px; 3382 margin: 0 auto; 3383 display: flex; 3384 align-items: center; 3385 justify-content: center; 3386 border-radius: 100%; 3387} 3388 3389.blog-post:hover a.blog-img span.blog-icon{ 3390 opacity: 1; 3391 visibility: visible; 3392} 3393.blog-post a.blog-img span.date-time{ display:none !important; 3394 position: absolute; 3395 z-index: 1;left: 0px;top: 0; 3396 color: #888; 3397 font-size: 15px; 3398 font-weight: 400; 3399 line-height: 1; 3400 display: flex; 3401 padding: 15px 30px; 3402 background-color: #fff; 3403 border-radius: 0; 3404 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 3405 -webkit-transition: all 0.3s ease-in-out 0s; 3406 -o-transition: all 0.3s ease-in-out 0s; 3407 transition: all 0.3s ease-in-out 0s; 3408} 3409.blog-post a.blog-img:hover span.date-time{ 3410 color: #fff; 3411 background-color: #ec1e24; 3412} 3413.blog-post a.blog-img span.date-time span{ 3414 display: block;margin-left: 3px;text-align: center; 3415} 3416.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 3417.blog-post a.blog-img::after, 3418.blog-post:hover a.blog-img::after, 3419.blog-post a.blog-img span.blog-icon, 3420.blog-post:hover a.blog-img span.blog-icon, 3421.blog-post a.blog-img span.blog-icon:hover{ 3422 -webkit-transition: all 0.3s ease-in-out 0s; 3423 -o-transition: all 0.3s ease-in-out 0s; 3424 transition: all 0.3s ease-in-out 0s; 3425} 3426.blog-post .blog-post-content{ 3427 padding-top: 40px; 3428} 3429.blog-post .blog-post-content h2{ 3430 color: #2e405d; 3431 font-size: 18px; 3432 font-weight: 500; 3433 width: 95%; 3434} 3435.blog-post .blog-post-content p{ 3436 display: none; 3437 color: #666; 3438 font-size: 16px; 3439 margin-top: 16px; 3440} 3441.blog-post .blog-post-content a.read-btn{ 3442 font-size: 14px; 3443 display: flex; 3444 align-items: baseline; 3445 margin-top: 20px; 3446 text-transform: capitalize; 3447 font-weight: 500; 3448 line-height: 1; 3449} 3450.blog-post .blog-post-content a.read-btn span{ 3451 display: block; 3452} 3453.blog-post .blog-post-content a.read-btn:hover i{ 3454 animation-name: arrow; 3455 animation-duration: 0.55s; 3456} 3457.blog-post .blog-post-content ul.post-tag{ 3458 display: none !important; 3459 align-items: center; 3460 line-height: 1; 3461 margin-top: 25px; 3462} 3463.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 3464.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 3465.blog-post .blog-post-content ul.post-tag li a{ 3466 color: #888; 3467 font-size: 14px; 3468 text-transform: uppercase; 3469} 3470 3471@media (max-width: 1599px){ 3472 .blog-post .blog-post-content h2{ 3473 font-size: 16px; 3474 width: 100%; 3475 } 3476} 3477@media (max-width: 1199px){ 3478 .blog-post .blog-post-content{ 3479 padding-top: 30px; 3480 } 3481 .blog-post .blog-post-content h2{ 3482 font-size: 16px; 3483 } 3484} 3485@media (max-width: 767px){ 3486 .blog-post .blog-post-content{ 3487 padding-top: 15px; 3488 } 3489 .blog-post .blog-post-content p{ 3490 margin-top: 6px; 3491 font-size: 14px; 3492 } 3493 .blog-post .blog-post-content a.read-btn{ 3494 font-size: 14px; 3495 margin-top: 10px; 3496 } 3497} 3498</style> 3499 </li> 3500 3501
3502 <li class="blog-slider wow animate__fadeIn"> 3503 <div class="blog-post"> 3504 <div class="blog-img-post"> 3505 3506 3507 3508 <a href="/blogs/artist-roster/bryan-hitt" class="blog-img"> 3509 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/rs_w_1300_h_800_400x413_crop_center.webp?v=1746834096" alt="BRYAN HITT | REO SPEEDWAGON" /> 3510 <span class="date-time"> 3511 <span class="date">11</span> 3512 <span class="time">Apr</span> 3513 <span class="year">2026</span> 3514 </span> 3515 </a> 3516 3517 3518 </div> 3519 <div class="blog-post-content"> 3520 <h2 class="blog-title">BRYAN HITT | REO SPEEDWAGON</h2> 3521 <p class="blog-desc">Â 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532Â 3533Â 3534Â 3535Â 3536 3537 3538 3539 3540 3541 3542 3543Bryan Hitt is the powerhouse drummer best known for holding down the r...</p> 3544 3545 3546 <ul class="post-tag"> 3547 3548 </ul> 3549 3550 </div> 3551 3552</div> 3553<style type="text/css"> 3554 /* blog post css */ 3555 .blog-post { 3556 width:100%} 3557.blog-post .blog-img{ 3558 width: 100%; 3559} 3560.blog-post .blog-img-post{ 3561 position: relative; 3562 overflow: hidden; 3563 display: flex; 3564 align-items: center; 3565 justify-content: center; 3566} 3567.blog-post a.blog-img img{ 3568 transition: all 0.2s ease-in-out; 3569 -moz-transition: all 0.2s ease-in-out; 3570 -webkit-transition: all 0.2s ease-in-out; 3571 -ms-transition: all 0.2s ease-in-out; 3572 -o-transition: all 0.2s ease-in-out; 3573 object-fit:cover; 3574 height:250px; 3575 width:100%; 3576} 3577.blog-post a.blog-img:hover img{ 3578 -webkit-transform: scale(1.1); 3579 -ms-transform: scale(1.1); 3580 transform: scale(1.1); 3581} 3582.blog-post a.blog-img::after{ 3583 content: ""; 3584 position: absolute; 3585 top: 0;left: 0;width: 100%; 3586 height: 100%; 3587 background-color: rgb(0 0 0 / 12%); 3588 opacity: 0; 3589 visibility: hidden; 3590} 3591.blog-post:hover a.blog-img::after{ 3592 opacity: 1; 3593 visibility: visible; 3594} 3595.blog-post a.blog-video-button{ 3596 font-size: 16px; 3597 color: #ec1e24; 3598 background-color: #fff; 3599 position: absolute; 3600 z-index: 1; 3601 width: 70px; 3602 height: 70px; 3603 margin: 0 auto; 3604 display: flex; 3605 align-items: center; 3606 justify-content: center; 3607 border-radius: 100%; 3608} 3609 3610.blog-post:hover a.blog-img span.blog-icon{ 3611 opacity: 1; 3612 visibility: visible; 3613} 3614.blog-post a.blog-img span.date-time{ display:none !important; 3615 position: absolute; 3616 z-index: 1;left: 0px;top: 0; 3617 color: #888; 3618 font-size: 15px; 3619 font-weight: 400; 3620 line-height: 1; 3621 display: flex; 3622 padding: 15px 30px; 3623 background-color: #fff; 3624 border-radius: 0; 3625 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 3626 -webkit-transition: all 0.3s ease-in-out 0s; 3627 -o-transition: all 0.3s ease-in-out 0s; 3628 transition: all 0.3s ease-in-out 0s; 3629} 3630.blog-post a.blog-img:hover span.date-time{ 3631 color: #fff; 3632 background-color: #ec1e24; 3633} 3634.blog-post a.blog-img span.date-time span{ 3635 display: block;margin-left: 3px;text-align: center; 3636} 3637.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 3638.blog-post a.blog-img::after, 3639.blog-post:hover a.blog-img::after, 3640.blog-post a.blog-img span.blog-icon, 3641.blog-post:hover a.blog-img span.blog-icon, 3642.blog-post a.blog-img span.blog-icon:hover{ 3643 -webkit-transition: all 0.3s ease-in-out 0s; 3644 -o-transition: all 0.3s ease-in-out 0s; 3645 transition: all 0.3s ease-in-out 0s; 3646} 3647.blog-post .blog-post-content{ 3648 padding-top: 40px; 3649} 3650.blog-post .blog-post-content h2{ 3651 color: #2e405d; 3652 font-size: 18px; 3653 font-weight: 500; 3654 width: 95%; 3655} 3656.blog-post .blog-post-content p{ 3657 display: none; 3658 color: #666; 3659 font-size: 16px; 3660 margin-top: 16px; 3661} 3662.blog-post .blog-post-content a.read-btn{ 3663 font-size: 14px; 3664 display: flex; 3665 align-items: baseline; 3666 margin-top: 20px; 3667 text-transform: capitalize; 3668 font-weight: 500; 3669 line-height: 1; 3670} 3671.blog-post .blog-post-content a.read-btn span{ 3672 display: block; 3673} 3674.blog-post .blog-post-content a.read-btn:hover i{ 3675 animation-name: arrow; 3676 animation-duration: 0.55s; 3677} 3678.blog-post .blog-post-content ul.post-tag{ 3679 display: none !important; 3680 align-items: center; 3681 line-height: 1; 3682 margin-top: 25px; 3683} 3684.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 3685.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 3686.blog-post .blog-post-content ul.post-tag li a{ 3687 color: #888; 3688 font-size: 14px; 3689 text-transform: uppercase; 3690} 3691 3692@media (max-width: 1599px){ 3693 .blog-post .blog-post-content h2{ 3694 font-size: 16px; 3695 width: 100%; 3696 } 3697} 3698@media (max-width: 1199px){ 3699 .blog-post .blog-post-content{ 3700 padding-top: 30px; 3701 } 3702 .blog-post .blog-post-content h2{ 3703 font-size: 16px; 3704 } 3705} 3706@media (max-width: 767px){ 3707 .blog-post .blog-post-content{ 3708 padding-top: 15px; 3709 } 3710 .blog-post .blog-post-content p{ 3711 margin-top: 6px; 3712 font-size: 14px; 3713 } 3714 .blog-post .blog-post-content a.read-btn{ 3715 font-size: 14px; 3716 margin-top: 10px; 3717 } 3718} 3719</style> 3720 </li> 3721 3722
3723 <li class="blog-slider wow animate__fadeIn"> 3724 <div class="blog-post"> 3725 <div class="blog-img-post"> 3726 3727 3728 3729 <a href="/blogs/artist-roster/septimiu-harsan-septimus" class="blog-img"> 3730 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/septimiu-harsan_400x413_crop_center.webp?v=1698693446" alt="SEPTIMIU HÄRÅAN (SEPTIMUS)" /> 3731 <span class="date-time"> 3732 <span class="date">11</span> 3733 <span class="time">Apr</span> 3734 <span class="year">2026</span> 3735 </span> 3736 </a> 3737 3738 3739 </div> 3740 <div class="blog-post-content"> 3741 <h2 class="blog-title">SEPTIMIU HÄRÅAN (SEPTIMUS)</h2> 3742 <p class="blog-desc">DISAVOWED 3743 3744 3745Â 3746 3747 3748 3749 3750 3751 3752Â 3753FB: @SSSEPTIMUSSS 3754 3755 3756 3757 3758 3759 3760 3761Â 3762AXIS EQUIPMENT & SETUPÂ 3763 3764Axis Longboard A</p> 3765 3766 3767 <ul class="post-tag"> 3768 3769 <li><a href="/blogs/news/tagged/romania">Romania</a></li> 3770 3771 </ul> 3772 3773 </div> 3774 3775</div> 3776<style type="text/css"> 3777 /* blog post css */ 3778 .blog-post { 3779 width:100%} 3780.blog-post .blog-img{ 3781 width: 100%; 3782} 3783.blog-post .blog-img-post{ 3784 position: relative; 3785 overflow: hidden; 3786 display: flex; 3787 align-items: center; 3788 justify-content: center; 3789} 3790.blog-post a.blog-img img{ 3791 transition: all 0.2s ease-in-out; 3792 -moz-transition: all 0.2s ease-in-out; 3793 -webkit-transition: all 0.2s ease-in-out; 3794 -ms-transition: all 0.2s ease-in-out; 3795 -o-transition: all 0.2s ease-in-out; 3796 object-fit:cover; 3797 height:250px; 3798 width:100%; 3799} 3800.blog-post a.blog-img:hover img{ 3801 -webkit-transform: scale(1.1); 3802 -ms-transform: scale(1.1); 3803 transform: scale(1.1); 3804} 3805.blog-post a.blog-img::after{ 3806 content: ""; 3807 position: absolute; 3808 top: 0;left: 0;width: 100%; 3809 height: 100%; 3810 background-color: rgb(0 0 0 / 12%); 3811 opacity: 0; 3812 visibility: hidden; 3813} 3814.blog-post:hover a.blog-img::after{ 3815 opacity: 1; 3816 visibility: visible; 3817} 3818.blog-post a.blog-video-button{ 3819 font-size: 16px; 3820 color: #ec1e24; 3821 background-color: #fff; 3822 position: absolute; 3823 z-index: 1; 3824 width: 70px; 3825 height: 70px; 3826 margin: 0 auto; 3827 display: flex; 3828 align-items: center; 3829 justify-content: center; 3830 border-radius: 100%; 3831} 3832 3833.blog-post:hover a.blog-img span.blog-icon{ 3834 opacity: 1; 3835 visibility: visible; 3836} 3837.blog-post a.blog-img span.date-time{ display:none !important; 3838 position: absolute; 3839 z-index: 1;left: 0px;top: 0; 3840 color: #888; 3841 font-size: 15px; 3842 font-weight: 400; 3843 line-height: 1; 3844 display: flex; 3845 padding: 15px 30px; 3846 background-color: #fff; 3847 border-radius: 0; 3848 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 3849 -webkit-transition: all 0.3s ease-in-out 0s; 3850 -o-transition: all 0.3s ease-in-out 0s; 3851 transition: all 0.3s ease-in-out 0s; 3852} 3853.blog-post a.blog-img:hover span.date-time{ 3854 color: #fff; 3855 background-color: #ec1e24; 3856} 3857.blog-post a.blog-img span.date-time span{ 3858 display: block;margin-left: 3px;text-align: center; 3859} 3860.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 3861.blog-post a.blog-img::after, 3862.blog-post:hover a.blog-img::after, 3863.blog-post a.blog-img span.blog-icon, 3864.blog-post:hover a.blog-img span.blog-icon, 3865.blog-post a.blog-img span.blog-icon:hover{ 3866 -webkit-transition: all 0.3s ease-in-out 0s; 3867 -o-transition: all 0.3s ease-in-out 0s; 3868 transition: all 0.3s ease-in-out 0s; 3869} 3870.blog-post .blog-post-content{ 3871 padding-top: 40px; 3872} 3873.blog-post .blog-post-content h2{ 3874 color: #2e405d; 3875 font-size: 18px; 3876 font-weight: 500; 3877 width: 95%; 3878} 3879.blog-post .blog-post-content p{ 3880 display: none; 3881 color: #666; 3882 font-size: 16px; 3883 margin-top: 16px; 3884} 3885.blog-post .blog-post-content a.read-btn{ 3886 font-size: 14px; 3887 display: flex; 3888 align-items: baseline; 3889 margin-top: 20px; 3890 text-transform: capitalize; 3891 font-weight: 500; 3892 line-height: 1; 3893} 3894.blog-post .blog-post-content a.read-btn span{ 3895 display: block; 3896} 3897.blog-post .blog-post-content a.read-btn:hover i{ 3898 animation-name: arrow; 3899 animation-duration: 0.55s; 3900} 3901.blog-post .blog-post-content ul.post-tag{ 3902 display: none !important; 3903 align-items: center; 3904 line-height: 1; 3905 margin-top: 25px; 3906} 3907.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 3908.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 3909.blog-post .blog-post-content ul.post-tag li a{ 3910 color: #888; 3911 font-size: 14px; 3912 text-transform: uppercase; 3913} 3914 3915@media (max-width: 1599px){ 3916 .blog-post .blog-post-content h2{ 3917 font-size: 16px; 3918 width: 100%; 3919 } 3920} 3921@media (max-width: 1199px){ 3922 .blog-post .blog-post-content{ 3923 padding-top: 30px; 3924 } 3925 .blog-post .blog-post-content h2{ 3926 font-size: 16px; 3927 } 3928} 3929@media (max-width: 767px){ 3930 .blog-post .blog-post-content{ 3931 padding-top: 15px; 3932 } 3933 .blog-post .blog-post-content p{ 3934 margin-top: 6px; 3935 font-size: 14px; 3936 } 3937 .blog-post .blog-post-content a.read-btn{ 3938 font-size: 14px; 3939 margin-top: 10px; 3940 } 3941} 3942</style> 3943 </li> 3944 3945
3946 <li class="blog-slider wow animate__fadeIn"> 3947 <div class="blog-post"> 3948 <div class="blog-img-post"> 3949 3950 3951 3952 <a href="/blogs/artist-roster/trey-williams" class="blog-img"> 3953 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/trey_williams_cee64a18-d94f-4d10-a174-7a74b7bbfa9f_400x413_crop_center.jpg?v=1738867586" alt="TREY WILLIAMS" /> 3954 <span class="date-time"> 3955 <span class="date">11</span> 3956 <span class="time">Apr</span> 3957 <span class="year">2026</span> 3958 </span> 3959 </a> 3960 3961 3962 </div> 3963 <div class="blog-post-content"> 3964 <h2 class="blog-title">TREY WILLIAMS</h2> 3965 <p class="blog-desc">DYING FETUS 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981The newest drummer for Dying Fetus is Trey Williams, from the local ...</p> 3982 3983 3984 <ul class="post-tag"> 3985 3986 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 3987 3988 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 3989 3990 <li><a href="/blogs/news/tagged/usa">USA</a></li> 3991 3992 </ul> 3993 3994 </div> 3995 3996</div> 3997<style type="text/css"> 3998 /* blog post css */ 3999 .blog-post { 4000 width:100%} 4001.blog-post .blog-img{ 4002 width: 100%; 4003} 4004.blog-post .blog-img-post{ 4005 position: relative; 4006 overflow: hidden; 4007 display: flex; 4008 align-items: center; 4009 justify-content: center; 4010} 4011.blog-post a.blog-img img{ 4012 transition: all 0.2s ease-in-out; 4013 -moz-transition: all 0.2s ease-in-out; 4014 -webkit-transition: all 0.2s ease-in-out; 4015 -ms-transition: all 0.2s ease-in-out; 4016 -o-transition: all 0.2s ease-in-out; 4017 object-fit:cover; 4018 height:250px; 4019 width:100%; 4020} 4021.blog-post a.blog-img:hover img{ 4022 -webkit-transform: scale(1.1); 4023 -ms-transform: scale(1.1); 4024 transform: scale(1.1); 4025} 4026.blog-post a.blog-img::after{ 4027 content: ""; 4028 position: absolute; 4029 top: 0;left: 0;width: 100%; 4030 height: 100%; 4031 background-color: rgb(0 0 0 / 12%); 4032 opacity: 0; 4033 visibility: hidden; 4034} 4035.blog-post:hover a.blog-img::after{ 4036 opacity: 1; 4037 visibility: visible; 4038} 4039.blog-post a.blog-video-button{ 4040 font-size: 16px; 4041 color: #ec1e24; 4042 background-color: #fff; 4043 position: absolute; 4044 z-index: 1; 4045 width: 70px; 4046 height: 70px; 4047 margin: 0 auto; 4048 display: flex; 4049 align-items: center; 4050 justify-content: center; 4051 border-radius: 100%; 4052} 4053 4054.blog-post:hover a.blog-img span.blog-icon{ 4055 opacity: 1; 4056 visibility: visible; 4057} 4058.blog-post a.blog-img span.date-time{ display:none !important; 4059 position: absolute; 4060 z-index: 1;left: 0px;top: 0; 4061 color: #888; 4062 font-size: 15px; 4063 font-weight: 400; 4064 line-height: 1; 4065 display: flex; 4066 padding: 15px 30px; 4067 background-color: #fff; 4068 border-radius: 0; 4069 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 4070 -webkit-transition: all 0.3s ease-in-out 0s; 4071 -o-transition: all 0.3s ease-in-out 0s; 4072 transition: all 0.3s ease-in-out 0s; 4073} 4074.blog-post a.blog-img:hover span.date-time{ 4075 color: #fff; 4076 background-color: #ec1e24; 4077} 4078.blog-post a.blog-img span.date-time span{ 4079 display: block;margin-left: 3px;text-align: center; 4080} 4081.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 4082.blog-post a.blog-img::after, 4083.blog-post:hover a.blog-img::after, 4084.blog-post a.blog-img span.blog-icon, 4085.blog-post:hover a.blog-img span.blog-icon, 4086.blog-post a.blog-img span.blog-icon:hover{ 4087 -webkit-transition: all 0.3s ease-in-out 0s; 4088 -o-transition: all 0.3s ease-in-out 0s; 4089 transition: all 0.3s ease-in-out 0s; 4090} 4091.blog-post .blog-post-content{ 4092 padding-top: 40px; 4093} 4094.blog-post .blog-post-content h2{ 4095 color: #2e405d; 4096 font-size: 18px; 4097 font-weight: 500; 4098 width: 95%; 4099} 4100.blog-post .blog-post-content p{ 4101 display: none; 4102 color: #666; 4103 font-size: 16px; 4104 margin-top: 16px; 4105} 4106.blog-post .blog-post-content a.read-btn{ 4107 font-size: 14px; 4108 display: flex; 4109 align-items: baseline; 4110 margin-top: 20px; 4111 text-transform: capitalize; 4112 font-weight: 500; 4113 line-height: 1; 4114} 4115.blog-post .blog-post-content a.read-btn span{ 4116 display: block; 4117} 4118.blog-post .blog-post-content a.read-btn:hover i{ 4119 animation-name: arrow; 4120 animation-duration: 0.55s; 4121} 4122.blog-post .blog-post-content ul.post-tag{ 4123 display: none !important; 4124 align-items: center; 4125 line-height: 1; 4126 margin-top: 25px; 4127} 4128.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 4129.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 4130.blog-post .blog-post-content ul.post-tag li a{ 4131 color: #888; 4132 font-size: 14px; 4133 text-transform: uppercase; 4134} 4135 4136@media (max-width: 1599px){ 4137 .blog-post .blog-post-content h2{ 4138 font-size: 16px; 4139 width: 100%; 4140 } 4141} 4142@media (max-width: 1199px){ 4143 .blog-post .blog-post-content{ 4144 padding-top: 30px; 4145 } 4146 .blog-post .blog-post-content h2{ 4147 font-size: 16px; 4148 } 4149} 4150@media (max-width: 767px){ 4151 .blog-post .blog-post-content{ 4152 padding-top: 15px; 4153 } 4154 .blog-post .blog-post-content p{ 4155 margin-top: 6px; 4156 font-size: 14px; 4157 } 4158 .blog-post .blog-post-content a.read-btn{ 4159 font-size: 14px; 4160 margin-top: 10px; 4161 } 4162} 4163</style> 4164 </li> 4165 4166
4167 <li class="blog-slider wow animate__fadeIn"> 4168 <div class="blog-post"> 4169 <div class="blog-img-post"> 4170 4171 4172 4173 <a href="/blogs/artist-roster/stephan-stocki-stockburger" class="blog-img"> 4174 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/stocki_2_400x413_crop_center.jpg?v=1698693306" alt="STEPHAN "STOCKI" STOCKBURGER" /> 4175 <span class="date-time"> 4176 <span class="date">11</span> 4177 <span class="time">Apr</span> 4178 <span class="year">2026</span> 4179 </span> 4180 </a> 4181 4182 4183 </div> 4184 <div class="blog-post-content"> 4185 <h2 class="blog-title">STEPHAN "STOCKI" STOCKBURGER</h2> 4186 <p class="blog-desc">CYTOTOXIN 4187 4188 4189Â 4190 4191 4192 4193 4194 4195 4196FB:Â @STOCKIDRUMS 4197 4198YT:Â @STOCKICYTOTOXIN 4199 4200WEBSITE 4201 4202 4203 4204 4205 4206 4207 4208 4209Drummer for Cytotox...</p> 4210 4211 4212 <ul class="post-tag"> 4213 4214 <li><a href="/blogs/news/tagged/extrememetal">#ExtremeMetal</a></li> 4215 4216 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 4217 4218 <li><a href="/blogs/news/tagged/germany">Germany</a></li> 4219 4220 </ul> 4221 4222 </div> 4223 4224</div> 4225<style type="text/css"> 4226 /* blog post css */ 4227 .blog-post { 4228 width:100%} 4229.blog-post .blog-img{ 4230 width: 100%; 4231} 4232.blog-post .blog-img-post{ 4233 position: relative; 4234 overflow: hidden; 4235 display: flex; 4236 align-items: center; 4237 justify-content: center; 4238} 4239.blog-post a.blog-img img{ 4240 transition: all 0.2s ease-in-out; 4241 -moz-transition: all 0.2s ease-in-out; 4242 -webkit-transition: all 0.2s ease-in-out; 4243 -ms-transition: all 0.2s ease-in-out; 4244 -o-transition: all 0.2s ease-in-out; 4245 object-fit:cover; 4246 height:250px; 4247 width:100%; 4248} 4249.blog-post a.blog-img:hover img{ 4250 -webkit-transform: scale(1.1); 4251 -ms-transform: scale(1.1); 4252 transform: scale(1.1); 4253} 4254.blog-post a.blog-img::after{ 4255 content: ""; 4256 position: absolute; 4257 top: 0;left: 0;width: 100%; 4258 height: 100%; 4259 background-color: rgb(0 0 0 / 12%); 4260 opacity: 0; 4261 visibility: hidden; 4262} 4263.blog-post:hover a.blog-img::after{ 4264 opacity: 1; 4265 visibility: visible; 4266} 4267.blog-post a.blog-video-button{ 4268 font-size: 16px; 4269 color: #ec1e24; 4270 background-color: #fff; 4271 position: absolute; 4272 z-index: 1; 4273 width: 70px; 4274 height: 70px; 4275 margin: 0 auto; 4276 display: flex; 4277 align-items: center; 4278 justify-content: center; 4279 border-radius: 100%; 4280} 4281 4282.blog-post:hover a.blog-img span.blog-icon{ 4283 opacity: 1; 4284 visibility: visible; 4285} 4286.blog-post a.blog-img span.date-time{ display:none !important; 4287 position: absolute; 4288 z-index: 1;left: 0px;top: 0; 4289 color: #888; 4290 font-size: 15px; 4291 font-weight: 400; 4292 line-height: 1; 4293 display: flex; 4294 padding: 15px 30px; 4295 background-color: #fff; 4296 border-radius: 0; 4297 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 4298 -webkit-transition: all 0.3s ease-in-out 0s; 4299 -o-transition: all 0.3s ease-in-out 0s; 4300 transition: all 0.3s ease-in-out 0s; 4301} 4302.blog-post a.blog-img:hover span.date-time{ 4303 color: #fff; 4304 background-color: #ec1e24; 4305} 4306.blog-post a.blog-img span.date-time span{ 4307 display: block;margin-left: 3px;text-align: center; 4308} 4309.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 4310.blog-post a.blog-img::after, 4311.blog-post:hover a.blog-img::after, 4312.blog-post a.blog-img span.blog-icon, 4313.blog-post:hover a.blog-img span.blog-icon, 4314.blog-post a.blog-img span.blog-icon:hover{ 4315 -webkit-transition: all 0.3s ease-in-out 0s; 4316 -o-transition: all 0.3s ease-in-out 0s; 4317 transition: all 0.3s ease-in-out 0s; 4318} 4319.blog-post .blog-post-content{ 4320 padding-top: 40px; 4321} 4322.blog-post .blog-post-content h2{ 4323 color: #2e405d; 4324 font-size: 18px; 4325 font-weight: 500; 4326 width: 95%; 4327} 4328.blog-post .blog-post-content p{ 4329 display: none; 4330 color: #666; 4331 font-size: 16px; 4332 margin-top: 16px; 4333} 4334.blog-post .blog-post-content a.read-btn{ 4335 font-size: 14px; 4336 display: flex; 4337 align-items: baseline; 4338 margin-top: 20px; 4339 text-transform: capitalize; 4340 font-weight: 500; 4341 line-height: 1; 4342} 4343.blog-post .blog-post-content a.read-btn span{ 4344 display: block; 4345} 4346.blog-post .blog-post-content a.read-btn:hover i{ 4347 animation-name: arrow; 4348 animation-duration: 0.55s; 4349} 4350.blog-post .blog-post-content ul.post-tag{
4351 display: none !important; 4352 align-items: center; 4353 line-height: 1; 4354 margin-top: 25px; 4355} 4356.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 4357.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 4358.blog-post .blog-post-content ul.post-tag li a{ 4359 color: #888; 4360 font-size: 14px; 4361 text-transform: uppercase; 4362} 4363 4364@media (max-width: 1599px){ 4365 .blog-post .blog-post-content h2{ 4366 font-size: 16px; 4367 width: 100%; 4368 } 4369} 4370@media (max-width: 1199px){ 4371 .blog-post .blog-post-content{ 4372 padding-top: 30px; 4373 } 4374 .blog-post .blog-post-content h2{ 4375 font-size: 16px; 4376 } 4377} 4378@media (max-width: 767px){ 4379 .blog-post .blog-post-content{ 4380 padding-top: 15px; 4381 } 4382 .blog-post .blog-post-content p{ 4383 margin-top: 6px; 4384 font-size: 14px; 4385 } 4386 .blog-post .blog-post-content a.read-btn{ 4387 font-size: 14px; 4388 margin-top: 10px; 4389 } 4390} 4391</style> 4392 </li> 4393 4394 4395 <li class="blog-slider wow animate__fadeIn"> 4396 <div class="blog-post"> 4397 <div class="blog-img-post"> 4398 4399 4400 4401 <a href="/blogs/artist-roster/spencer-prewett" class="blog-img"> 4402 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/spencer_5_400x413_crop_center.jpg?v=1698693245" alt="SPENCER PREWETT" /> 4403 <span class="date-time"> 4404 <span class="date">11</span> 4405 <span class="time">Apr</span> 4406 <span class="year">2026</span> 4407 </span> 4408 </a> 4409 4410 4411 </div> 4412 <div class="blog-post-content"> 4413 <h2 class="blog-title">SPENCER PREWETT</h2> 4414 <p class="blog-desc">ARCHISPIRE 4415 4416 4417Â 4418 4419 4420 4421 4422 4423Â 4424IG: @SPENCER_PREWETT 4425 4426 4427 4428 4429 4430 4431 4432Â </p> 4433 4434 4435 <ul class="post-tag"> 4436 4437 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 4438 4439 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 4440 4441 <li><a href="/blogs/news/tagged/technicaldeathmetal">#TechnicalDeathMetal</a></li> 4442 4443 <li><a href="/blogs/news/tagged/canada">Canada</a></li> 4444 4445 </ul> 4446 4447 </div> 4448 4449</div> 4450<style type="text/css"> 4451 /* blog post css */ 4452 .blog-post { 4453 width:100%} 4454.blog-post .blog-img{ 4455 width: 100%; 4456} 4457.blog-post .blog-img-post{ 4458 position: relative; 4459 overflow: hidden; 4460 display: flex; 4461 align-items: center; 4462 justify-content: center; 4463} 4464.blog-post a.blog-img img{ 4465 transition: all 0.2s ease-in-out; 4466 -moz-transition: all 0.2s ease-in-out; 4467 -webkit-transition: all 0.2s ease-in-out; 4468 -ms-transition: all 0.2s ease-in-out; 4469 -o-transition: all 0.2s ease-in-out; 4470 object-fit:cover; 4471 height:250px; 4472 width:100%; 4473} 4474.blog-post a.blog-img:hover img{ 4475 -webkit-transform: scale(1.1); 4476 -ms-transform: scale(1.1); 4477 transform: scale(1.1); 4478} 4479.blog-post a.blog-img::after{ 4480 content: ""; 4481 position: absolute; 4482 top: 0;left: 0;width: 100%; 4483 height: 100%; 4484 background-color: rgb(0 0 0 / 12%); 4485 opacity: 0; 4486 visibility: hidden; 4487} 4488.blog-post:hover a.blog-img::after{ 4489 opacity: 1; 4490 visibility: visible; 4491} 4492.blog-post a.blog-video-button{ 4493 font-size: 16px; 4494 color: #ec1e24; 4495 background-color: #fff; 4496 position: absolute; 4497 z-index: 1; 4498 width: 70px; 4499 height: 70px; 4500 margin: 0 auto; 4501 display: flex; 4502 align-items: center; 4503 justify-content: center; 4504 border-radius: 100%; 4505} 4506 4507.blog-post:hover a.blog-img span.blog-icon{ 4508 opacity: 1; 4509 visibility: visible; 4510} 4511.blog-post a.blog-img span.date-time{ display:none !important; 4512 position: absolute; 4513 z-index: 1;left: 0px;top: 0; 4514 color: #888; 4515 font-size: 15px; 4516 font-weight: 400; 4517 line-height: 1; 4518 display: flex; 4519 padding: 15px 30px; 4520 background-color: #fff; 4521 border-radius: 0; 4522 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 4523 -webkit-transition: all 0.3s ease-in-out 0s; 4524 -o-transition: all 0.3s ease-in-out 0s; 4525 transition: all 0.3s ease-in-out 0s; 4526} 4527.blog-post a.blog-img:hover span.date-time{ 4528 color: #fff; 4529 background-color: #ec1e24; 4530} 4531.blog-post a.blog-img span.date-time span{ 4532 display: block;margin-left: 3px;text-align: center; 4533} 4534.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 4535.blog-post a.blog-img::after, 4536.blog-post:hover a.blog-img::after, 4537.blog-post a.blog-img span.blog-icon, 4538.blog-post:hover a.blog-img span.blog-icon, 4539.blog-post a.blog-img span.blog-icon:hover{ 4540 -webkit-transition: all 0.3s ease-in-out 0s; 4541 -o-transition: all 0.3s ease-in-out 0s; 4542 transition: all 0.3s ease-in-out 0s; 4543} 4544.blog-post .blog-post-content{ 4545 padding-top: 40px; 4546} 4547.blog-post .blog-post-content h2{ 4548 color: #2e405d; 4549 font-size: 18px; 4550 font-weight: 500; 4551 width: 95%; 4552} 4553.blog-post .blog-post-content p{ 4554 display: none; 4555 color: #666; 4556 font-size: 16px; 4557 margin-top: 16px; 4558} 4559.blog-post .blog-post-content a.read-btn{ 4560 font-size: 14px; 4561 display: flex; 4562 align-items: baseline; 4563 margin-top: 20px; 4564 text-transform: capitalize; 4565 font-weight: 500; 4566 line-height: 1; 4567} 4568.blog-post .blog-post-content a.read-btn span{ 4569 display: block; 4570} 4571.blog-post .blog-post-content a.read-btn:hover i{ 4572 animation-name: arrow; 4573 animation-duration: 0.55s; 4574} 4575.blog-post .blog-post-content ul.post-tag{
4576 display: none !important; 4577 align-items: center; 4578 line-height: 1; 4579 margin-top: 25px; 4580} 4581.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 4582.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 4583.blog-post .blog-post-content ul.post-tag li a{ 4584 color: #888; 4585 font-size: 14px; 4586 text-transform: uppercase; 4587} 4588 4589@media (max-width: 1599px){ 4590 .blog-post .blog-post-content h2{ 4591 font-size: 16px; 4592 width: 100%; 4593 } 4594} 4595@media (max-width: 1199px){ 4596 .blog-post .blog-post-content{ 4597 padding-top: 30px; 4598 } 4599 .blog-post .blog-post-content h2{ 4600 font-size: 16px; 4601 } 4602} 4603@media (max-width: 767px){ 4604 .blog-post .blog-post-content{ 4605 padding-top: 15px; 4606 } 4607 .blog-post .blog-post-content p{ 4608 margin-top: 6px; 4609 font-size: 14px; 4610 } 4611 .blog-post .blog-post-content a.read-btn{ 4612 font-size: 14px; 4613 margin-top: 10px; 4614 } 4615} 4616</style> 4617 </li> 4618 4619 4620 <li class="blog-slider wow animate__fadeIn"> 4621 <div class="blog-post"> 4622 <div class="blog-img-post"> 4623 4624 4625 4626 <a href="/blogs/artist-roster/steve-asheim" class="blog-img"> 4627 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/ashiem_1_400x413_crop_center.jpg?v=1698693193" alt="STEVE ASHEIM" /> 4628 <span class="date-time"> 4629 <span class="date">11</span> 4630 <span class="time">Apr</span> 4631 <span class="year">2026</span> 4632 </span> 4633 </a> 4634 4635 4636 </div> 4637 <div class="blog-post-content"> 4638 <h2 class="blog-title">STEVE ASHEIM</h2> 4639 <p class="blog-desc">DEICIDE 4640 4641 4642Â 4643 4644 4645 4646 4647 4648Â Photo credit Steve-Graphics.com 4649FB: @STEVEASHEIMOFFICIALÂ 4650TW: @STEVEASHEIM 4651 4652 4653 4654 4655...</p> 4656 4657 4658 <ul class="post-tag"> 4659 4660 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 4661 4662 <li><a href="/blogs/news/tagged/usa">USA</a></li> 4663 4664 </ul> 4665 4666 </div> 4667 4668</div> 4669<style type="text/css"> 4670 /* blog post css */ 4671 .blog-post { 4672 width:100%} 4673.blog-post .blog-img{ 4674 width: 100%; 4675} 4676.blog-post .blog-img-post{ 4677 position: relative; 4678 overflow: hidden; 4679 display: flex; 4680 align-items: center; 4681 justify-content: center; 4682} 4683.blog-post a.blog-img img{ 4684 transition: all 0.2s ease-in-out; 4685 -moz-transition: all 0.2s ease-in-out; 4686 -webkit-transition: all 0.2s ease-in-out; 4687 -ms-transition: all 0.2s ease-in-out; 4688 -o-transition: all 0.2s ease-in-out; 4689 object-fit:cover; 4690 height:250px; 4691 width:100%; 4692} 4693.blog-post a.blog-img:hover img{ 4694 -webkit-transform: scale(1.1); 4695 -ms-transform: scale(1.1); 4696 transform: scale(1.1); 4697} 4698.blog-post a.blog-img::after{ 4699 content: ""; 4700 position: absolute; 4701 top: 0;left: 0;width: 100%; 4702 height: 100%; 4703 background-color: rgb(0 0 0 / 12%); 4704 opacity: 0; 4705 visibility: hidden; 4706} 4707.blog-post:hover a.blog-img::after{ 4708 opacity: 1; 4709 visibility: visible; 4710} 4711.blog-post a.blog-video-button{ 4712 font-size: 16px; 4713 color: #ec1e24; 4714 background-color: #fff; 4715 position: absolute; 4716 z-index: 1; 4717 width: 70px; 4718 height: 70px; 4719 margin: 0 auto; 4720 display: flex; 4721 align-items: center; 4722 justify-content: center; 4723 border-radius: 100%; 4724} 4725 4726.blog-post:hover a.blog-img span.blog-icon{ 4727 opacity: 1; 4728 visibility: visible; 4729} 4730.blog-post a.blog-img span.date-time{ display:none !important; 4731 position: absolute; 4732 z-index: 1;left: 0px;top: 0; 4733 color: #888; 4734 font-size: 15px; 4735 font-weight: 400; 4736 line-height: 1; 4737 display: flex; 4738 padding: 15px 30px; 4739 background-color: #fff; 4740 border-radius: 0; 4741 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 4742 -webkit-transition: all 0.3s ease-in-out 0s; 4743 -o-transition: all 0.3s ease-in-out 0s; 4744 transition: all 0.3s ease-in-out 0s; 4745} 4746.blog-post a.blog-img:hover span.date-time{ 4747 color: #fff; 4748 background-color: #ec1e24; 4749} 4750.blog-post a.blog-img span.date-time span{ 4751 display: block;margin-left: 3px;text-align: center; 4752} 4753.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 4754.blog-post a.blog-img::after, 4755.blog-post:hover a.blog-img::after, 4756.blog-post a.blog-img span.blog-icon, 4757.blog-post:hover a.blog-img span.blog-icon, 4758.blog-post a.blog-img span.blog-icon:hover{ 4759 -webkit-transition: all 0.3s ease-in-out 0s; 4760 -o-transition: all 0.3s ease-in-out 0s; 4761 transition: all 0.3s ease-in-out 0s; 4762} 4763.blog-post .blog-post-content{ 4764 padding-top: 40px; 4765} 4766.blog-post .blog-post-content h2{ 4767 color: #2e405d; 4768 font-size: 18px; 4769 font-weight: 500; 4770 width: 95%; 4771} 4772.blog-post .blog-post-content p{ 4773 display: none; 4774 color: #666; 4775 font-size: 16px; 4776 margin-top: 16px; 4777} 4778.blog-post .blog-post-content a.read-btn{ 4779 font-size: 14px; 4780 display: flex; 4781 align-items: baseline; 4782 margin-top: 20px; 4783 text-transform: capitalize; 4784 font-weight: 500; 4785 line-height: 1; 4786} 4787.blog-post .blog-post-content a.read-btn span{ 4788 display: block; 4789} 4790.blog-post .blog-post-content a.read-btn:hover i{ 4791 animation-name: arrow; 4792 animation-duration: 0.55s; 4793} 4794.blog-post .blog-post-content ul.post-tag{
4795 display: none !important; 4796 align-items: center; 4797 line-height: 1; 4798 margin-top: 25px; 4799} 4800.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 4801.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 4802.blog-post .blog-post-content ul.post-tag li a{ 4803 color: #888; 4804 font-size: 14px; 4805 text-transform: uppercase; 4806} 4807 4808@media (max-width: 1599px){ 4809 .blog-post .blog-post-content h2{ 4810 font-size: 16px; 4811 width: 100%; 4812 } 4813} 4814@media (max-width: 1199px){ 4815 .blog-post .blog-post-content{ 4816 padding-top: 30px; 4817 } 4818 .blog-post .blog-post-content h2{ 4819 font-size: 16px; 4820 } 4821} 4822@media (max-width: 767px){ 4823 .blog-post .blog-post-content{ 4824 padding-top: 15px; 4825 } 4826 .blog-post .blog-post-content p{ 4827 margin-top: 6px; 4828 font-size: 14px; 4829 } 4830 .blog-post .blog-post-content a.read-btn{ 4831 font-size: 14px; 4832 margin-top: 10px; 4833 } 4834} 4835</style> 4836 </li> 4837 4838 4839 <li class="blog-slider wow animate__fadeIn"> 4840 <div class="blog-post"> 4841 <div class="blog-img-post"> 4842 4843 4844 4845 <a href="/blogs/artist-roster/angel-cotte" class="blog-img"> 4846 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/angel_cotte_drums_400x413_crop_center.jpg?v=1698693113" alt="ANGEL COTTE" /> 4847 <span class="date-time"> 4848 <span class="date">11</span> 4849 <span class="time">Apr</span> 4850 <span class="year">2026</span> 4851 </span> 4852 </a> 4853 4854 4855 </div> 4856 <div class="blog-post-content"> 4857 <h2 class="blog-title">ANGEL COTTE</h2> 4858 <p class="blog-desc">DEMOLITION HAMMER 4859 4860 4861Â 4862 4863 4864 4865 4866 4867 4868 4869WEBSITE YOUTUBE CHANNEL 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882Â </p> 4883 4884 4885 <ul class="post-tag"> 4886 4887 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 4888 4889 <li><a href="/blogs/news/tagged/thrashmetal">#ThrashMetal</a></li> 4890 4891 <li><a href="/blogs/news/tagged/usa">USA</a></li> 4892 4893 </ul> 4894 4895 </div> 4896 4897</div> 4898<style type="text/css"> 4899 /* blog post css */ 4900 .blog-post { 4901 width:100%} 4902.blog-post .blog-img{ 4903 width: 100%; 4904} 4905.blog-post .blog-img-post{ 4906 position: relative; 4907 overflow: hidden; 4908 display: flex; 4909 align-items: center; 4910 justify-content: center; 4911} 4912.blog-post a.blog-img img{ 4913 transition: all 0.2s ease-in-out; 4914 -moz-transition: all 0.2s ease-in-out; 4915 -webkit-transition: all 0.2s ease-in-out; 4916 -ms-transition: all 0.2s ease-in-out; 4917 -o-transition: all 0.2s ease-in-out; 4918 object-fit:cover; 4919 height:250px; 4920 width:100%; 4921} 4922.blog-post a.blog-img:hover img{ 4923 -webkit-transform: scale(1.1); 4924 -ms-transform: scale(1.1); 4925 transform: scale(1.1); 4926} 4927.blog-post a.blog-img::after{ 4928 content: ""; 4929 position: absolute; 4930 top: 0;left: 0;width: 100%; 4931 height: 100%; 4932 background-color: rgb(0 0 0 / 12%); 4933 opacity: 0; 4934 visibility: hidden; 4935} 4936.blog-post:hover a.blog-img::after{ 4937 opacity: 1; 4938 visibility: visible; 4939} 4940.blog-post a.blog-video-button{ 4941 font-size: 16px; 4942 color: #ec1e24; 4943 background-color: #fff; 4944 position: absolute; 4945 z-index: 1; 4946 width: 70px; 4947 height: 70px; 4948 margin: 0 auto; 4949 display: flex; 4950 align-items: center; 4951 justify-content: center; 4952 border-radius: 100%; 4953} 4954 4955.blog-post:hover a.blog-img span.blog-icon{ 4956 opacity: 1; 4957 visibility: visible; 4958} 4959.blog-post a.blog-img span.date-time{ display:none !important; 4960 position: absolute; 4961 z-index: 1;left: 0px;top: 0; 4962 color: #888; 4963 font-size: 15px; 4964 font-weight: 400; 4965 line-height: 1; 4966 display: flex; 4967 padding: 15px 30px; 4968 background-color: #fff; 4969 border-radius: 0; 4970 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 4971 -webkit-transition: all 0.3s ease-in-out 0s; 4972 -o-transition: all 0.3s ease-in-out 0s; 4973 transition: all 0.3s ease-in-out 0s; 4974} 4975.blog-post a.blog-img:hover span.date-time{ 4976 color: #fff; 4977 background-color: #ec1e24; 4978} 4979.blog-post a.blog-img span.date-time span{ 4980 display: block;margin-left: 3px;text-align: center; 4981} 4982.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 4983.blog-post a.blog-img::after, 4984.blog-post:hover a.blog-img::after, 4985.blog-post a.blog-img span.blog-icon, 4986.blog-post:hover a.blog-img span.blog-icon, 4987.blog-post a.blog-img span.blog-icon:hover{ 4988 -webkit-transition: all 0.3s ease-in-out 0s; 4989 -o-transition: all 0.3s ease-in-out 0s; 4990 transition: all 0.3s ease-in-out 0s; 4991} 4992.blog-post .blog-post-content{ 4993 padding-top: 40px; 4994} 4995.blog-post .blog-post-content h2{ 4996 color: #2e405d; 4997 font-size: 18px; 4998 font-weight: 500; 4999 width: 95%; 5000} 5001.blog-post .blog-post-content p{ 5002 display: none; 5003 color: #666; 5004 font-size: 16px; 5005 margin-top: 16px; 5006} 5007.blog-post .blog-post-content a.read-btn{ 5008 font-size: 14px; 5009 display: flex; 5010 align-items: baseline; 5011 margin-top: 20px; 5012 text-transform: capitalize; 5013 font-weight: 500; 5014 line-height: 1; 5015} 5016.blog-post .blog-post-content a.read-btn span{ 5017 display: block; 5018} 5019.blog-post .blog-post-content a.read-btn:hover i{ 5020 animation-name: arrow; 5021 animation-duration: 0.55s; 5022} 5023.blog-post .blog-post-content ul.post-tag{
5024 display: none !important; 5025 align-items: center; 5026 line-height: 1; 5027 margin-top: 25px; 5028} 5029.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 5030.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 5031.blog-post .blog-post-content ul.post-tag li a{ 5032 color: #888; 5033 font-size: 14px; 5034 text-transform: uppercase; 5035} 5036 5037@media (max-width: 1599px){ 5038 .blog-post .blog-post-content h2{ 5039 font-size: 16px; 5040 width: 100%; 5041 } 5042} 5043@media (max-width: 1199px){ 5044 .blog-post .blog-post-content{ 5045 padding-top: 30px; 5046 } 5047 .blog-post .blog-post-content h2{ 5048 font-size: 16px; 5049 } 5050} 5051@media (max-width: 767px){ 5052 .blog-post .blog-post-content{ 5053 padding-top: 15px; 5054 } 5055 .blog-post .blog-post-content p{ 5056 margin-top: 6px; 5057 font-size: 14px; 5058 } 5059 .blog-post .blog-post-content a.read-btn{ 5060 font-size: 14px; 5061 margin-top: 10px; 5062 } 5063} 5064</style> 5065 </li> 5066 5067 5068 <li class="blog-slider wow animate__fadeIn"> 5069 <div class="blog-post"> 5070 <div class="blog-img-post"> 5071 5072 5073 5074 <a href="/blogs/artist-roster/dave-ferrara" class="blog-img"> 5075 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/David_F_400x413_crop_center.jpg?v=1698693001" alt="DAVE FERRARA" /> 5076 <span class="date-time"> 5077 <span class="date">11</span> 5078 <span class="time">Apr</span> 5079 <span class="year">2026</span> 5080 </span> 5081 </a> 5082 5083 5084 </div> 5085 <div class="blog-post-content"> 5086 <h2 class="blog-title">DAVE FERRARA</h2> 5087 <p class="blog-desc">PETER NOONE 5088 5089 5090Â 5091 5092 5093 5094 5095 5096 5097 5098IG: @FERRARADRUM 5099 5100 5101 5102BAND WEBSITE Â 5103Â 5104 5105 5106 5107 5108AXIS EQUIPMENT & SETUP 5109 5110Axis...</p> 5111 5112 5113 <ul class="post-tag"> 5114 5115 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 5116 5117 <li><a href="/blogs/news/tagged/uk">UK</a></li> 5118 5119 </ul> 5120 5121 </div> 5122 5123</div> 5124<style type="text/css"> 5125 /* blog post css */ 5126 .blog-post { 5127 width:100%} 5128.blog-post .blog-img{ 5129 width: 100%; 5130} 5131.blog-post .blog-img-post{ 5132 position: relative; 5133 overflow: hidden; 5134 display: flex; 5135 align-items: center; 5136 justify-content: center; 5137} 5138.blog-post a.blog-img img{ 5139 transition: all 0.2s ease-in-out; 5140 -moz-transition: all 0.2s ease-in-out; 5141 -webkit-transition: all 0.2s ease-in-out; 5142 -ms-transition: all 0.2s ease-in-out; 5143 -o-transition: all 0.2s ease-in-out; 5144 object-fit:cover; 5145 height:250px; 5146 width:100%; 5147} 5148.blog-post a.blog-img:hover img{ 5149 -webkit-transform: scale(1.1); 5150 -ms-transform: scale(1.1); 5151 transform: scale(1.1); 5152} 5153.blog-post a.blog-img::after{ 5154 content: ""; 5155 position: absolute; 5156 top: 0;left: 0;width: 100%; 5157 height: 100%; 5158 background-color: rgb(0 0 0 / 12%); 5159 opacity: 0; 5160 visibility: hidden; 5161} 5162.blog-post:hover a.blog-img::after{ 5163 opacity: 1; 5164 visibility: visible; 5165} 5166.blog-post a.blog-video-button{ 5167 font-size: 16px; 5168 color: #ec1e24; 5169 background-color: #fff; 5170 position: absolute; 5171 z-index: 1; 5172 width: 70px; 5173 height: 70px; 5174 margin: 0 auto; 5175 display: flex; 5176 align-items: center; 5177 justify-content: center; 5178 border-radius: 100%; 5179} 5180 5181.blog-post:hover a.blog-img span.blog-icon{ 5182 opacity: 1; 5183 visibility: visible; 5184} 5185.blog-post a.blog-img span.date-time{ display:none !important; 5186 position: absolute; 5187 z-index: 1;left: 0px;top: 0; 5188 color: #888; 5189 font-size: 15px; 5190 font-weight: 400; 5191 line-height: 1; 5192 display: flex; 5193 padding: 15px 30px; 5194 background-color: #fff; 5195 border-radius: 0; 5196 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 5197 -webkit-transition: all 0.3s ease-in-out 0s; 5198 -o-transition: all 0.3s ease-in-out 0s; 5199 transition: all 0.3s ease-in-out 0s; 5200} 5201.blog-post a.blog-img:hover span.date-time{ 5202 color: #fff; 5203 background-color: #ec1e24; 5204} 5205.blog-post a.blog-img span.date-time span{ 5206 display: block;margin-left: 3px;text-align: center; 5207} 5208.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 5209.blog-post a.blog-img::after, 5210.blog-post:hover a.blog-img::after, 5211.blog-post a.blog-img span.blog-icon, 5212.blog-post:hover a.blog-img span.blog-icon, 5213.blog-post a.blog-img span.blog-icon:hover{ 5214 -webkit-transition: all 0.3s ease-in-out 0s; 5215 -o-transition: all 0.3s ease-in-out 0s; 5216 transition: all 0.3s ease-in-out 0s; 5217} 5218.blog-post .blog-post-content{ 5219 padding-top: 40px; 5220} 5221.blog-post .blog-post-content h2{ 5222 color: #2e405d; 5223 font-size: 18px; 5224 font-weight: 500; 5225 width: 95%; 5226} 5227.blog-post .blog-post-content p{ 5228 display: none; 5229 color: #666; 5230 font-size: 16px; 5231 margin-top: 16px; 5232} 5233.blog-post .blog-post-content a.read-btn{ 5234 font-size: 14px; 5235 display: flex; 5236 align-items: baseline; 5237 margin-top: 20px; 5238 text-transform: capitalize; 5239 font-weight: 500; 5240 line-height: 1; 5241} 5242.blog-post .blog-post-content a.read-btn span{ 5243 display: block; 5244} 5245.blog-post .blog-post-content a.read-btn:hover i{ 5246 animation-name: arrow; 5247 animation-duration: 0.55s; 5248} 5249.blog-post .blog-post-content ul.post-tag{
5250 display: none !important; 5251 align-items: center; 5252 line-height: 1; 5253 margin-top: 25px; 5254} 5255.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 5256.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 5257.blog-post .blog-post-content ul.post-tag li a{ 5258 color: #888; 5259 font-size: 14px; 5260 text-transform: uppercase; 5261} 5262 5263@media (max-width: 1599px){ 5264 .blog-post .blog-post-content h2{ 5265 font-size: 16px; 5266 width: 100%; 5267 } 5268} 5269@media (max-width: 1199px){ 5270 .blog-post .blog-post-content{ 5271 padding-top: 30px; 5272 } 5273 .blog-post .blog-post-content h2{ 5274 font-size: 16px; 5275 } 5276} 5277@media (max-width: 767px){ 5278 .blog-post .blog-post-content{ 5279 padding-top: 15px; 5280 } 5281 .blog-post .blog-post-content p{ 5282 margin-top: 6px; 5283 font-size: 14px; 5284 } 5285 .blog-post .blog-post-content a.read-btn{ 5286 font-size: 14px; 5287 margin-top: 10px; 5288 } 5289} 5290</style> 5291 </li> 5292 5293 5294 <li class="blog-slider wow animate__fadeIn"> 5295 <div class="blog-post"> 5296 <div class="blog-img-post"> 5297 5298 5299 5300 <a href="/blogs/artist-roster/nils-dominator-fjellstrom" class="blog-img"> 5301 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/119785467_327772325333518_8516698454717977229_n_400x413_crop_center.jpg?v=1698692329" alt="NILS "DOMINATOR" FJELLSTRÃM" /> 5302 <span class="date-time"> 5303 <span class="date">11</span> 5304 <span class="time">Apr</span> 5305 <span class="year">2026</span> 5306 </span> 5307 </a> 5308 5309 5310 </div> 5311 <div class="blog-post-content"> 5312 <h2 class="blog-title">NILS "DOMINATOR" FJELLSTRÃM</h2> 5313 <p class="blog-desc">HORDE OF HEL 5314 5315 5316Â 5317 5318 5319 5320 5321 5322 5323 5324IG: @NFJELLSTROMFB: NILSDOMINATORFJELLSTROM 5325 5326 5327 5328 5329 5330 5331 5332 5333Â AXIS EQUIPMENT &...</p> 5334 5335 5336 <ul class="post-tag"> 5337 5338 <li><a href="/blogs/news/tagged/blackmetal">#BlackMetal</a></li> 5339 5340 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 5341 5342 <li><a href="/blogs/news/tagged/sweden">Sweden</a></li> 5343 5344 </ul> 5345 5346 </div> 5347 5348</div> 5349<style type="text/css"> 5350 /* blog post css */ 5351 .blog-post { 5352 width:100%} 5353.blog-post .blog-img{ 5354 width: 100%; 5355} 5356.blog-post .blog-img-post{ 5357 position: relative; 5358 overflow: hidden; 5359 display: flex; 5360 align-items: center; 5361 justify-content: center; 5362} 5363.blog-post a.blog-img img{ 5364 transition: all 0.2s ease-in-out; 5365 -moz-transition: all 0.2s ease-in-out; 5366 -webkit-transition: all 0.2s ease-in-out; 5367 -ms-transition: all 0.2s ease-in-out; 5368 -o-transition: all 0.2s ease-in-out; 5369 object-fit:cover; 5370 height:250px; 5371 width:100%; 5372} 5373.blog-post a.blog-img:hover img{ 5374 -webkit-transform: scale(1.1); 5375 -ms-transform: scale(1.1); 5376 transform: scale(1.1); 5377} 5378.blog-post a.blog-img::after{ 5379 content: ""; 5380 position: absolute; 5381 top: 0;left: 0;width: 100%; 5382 height: 100%; 5383 background-color: rgb(0 0 0 / 12%); 5384 opacity: 0; 5385 visibility: hidden; 5386} 5387.blog-post:hover a.blog-img::after{ 5388 opacity: 1; 5389 visibility: visible; 5390} 5391.blog-post a.blog-video-button{ 5392 font-size: 16px; 5393 color: #ec1e24; 5394 background-color: #fff; 5395 position: absolute; 5396 z-index: 1; 5397 width: 70px; 5398 height: 70px; 5399 margin: 0 auto; 5400 display: flex; 5401 align-items: center; 5402 justify-content: center; 5403 border-radius: 100%; 5404} 5405 5406.blog-post:hover a.blog-img span.blog-icon{ 5407 opacity: 1; 5408 visibility: visible; 5409} 5410.blog-post a.blog-img span.date-time{ display:none !important; 5411 position: absolute; 5412 z-index: 1;left: 0px;top: 0; 5413 color: #888; 5414 font-size: 15px; 5415 font-weight: 400; 5416 line-height: 1; 5417 display: flex; 5418 padding: 15px 30px; 5419 background-color: #fff; 5420 border-radius: 0; 5421 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 5422 -webkit-transition: all 0.3s ease-in-out 0s; 5423 -o-transition: all 0.3s ease-in-out 0s; 5424 transition: all 0.3s ease-in-out 0s; 5425} 5426.blog-post a.blog-img:hover span.date-time{ 5427 color: #fff; 5428 background-color: #ec1e24; 5429} 5430.blog-post a.blog-img span.date-time span{ 5431 display: block;margin-left: 3px;text-align: center; 5432} 5433.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 5434.blog-post a.blog-img::after, 5435.blog-post:hover a.blog-img::after, 5436.blog-post a.blog-img span.blog-icon, 5437.blog-post:hover a.blog-img span.blog-icon, 5438.blog-post a.blog-img span.blog-icon:hover{ 5439 -webkit-transition: all 0.3s ease-in-out 0s; 5440 -o-transition: all 0.3s ease-in-out 0s; 5441 transition: all 0.3s ease-in-out 0s; 5442} 5443.blog-post .blog-post-content{ 5444 padding-top: 40px; 5445} 5446.blog-post .blog-post-content h2{ 5447 color: #2e405d; 5448 font-size: 18px; 5449 font-weight: 500; 5450 width: 95%; 5451} 5452.blog-post .blog-post-content p{ 5453 display: none; 5454 color: #666; 5455 font-size: 16px; 5456 margin-top: 16px; 5457} 5458.blog-post .blog-post-content a.read-btn{ 5459 font-size: 14px; 5460 display: flex; 5461 align-items: baseline; 5462 margin-top: 20px; 5463 text-transform: capitalize; 5464 font-weight: 500; 5465 line-height: 1; 5466} 5467.blog-post .blog-post-content a.read-btn span{ 5468 display: block; 5469} 5470.blog-post .blog-post-content a.read-btn:hover i{ 5471 animation-name: arrow; 5472 animation-duration: 0.55s; 5473} 5474.blog-post .blog-post-content ul.post-tag{
5475 display: none !important; 5476 align-items: center; 5477 line-height: 1; 5478 margin-top: 25px; 5479} 5480.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 5481.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 5482.blog-post .blog-post-content ul.post-tag li a{ 5483 color: #888; 5484 font-size: 14px; 5485 text-transform: uppercase; 5486} 5487 5488@media (max-width: 1599px){ 5489 .blog-post .blog-post-content h2{ 5490 font-size: 16px; 5491 width: 100%; 5492 } 5493} 5494@media (max-width: 1199px){ 5495 .blog-post .blog-post-content{ 5496 padding-top: 30px; 5497 } 5498 .blog-post .blog-post-content h2{ 5499 font-size: 16px; 5500 } 5501} 5502@media (max-width: 767px){ 5503 .blog-post .blog-post-content{ 5504 padding-top: 15px; 5505 } 5506 .blog-post .blog-post-content p{ 5507 margin-top: 6px; 5508 font-size: 14px; 5509 } 5510 .blog-post .blog-post-content a.read-btn{ 5511 font-size: 14px; 5512 margin-top: 10px; 5513 } 5514} 5515</style> 5516 </li> 5517 5518 5519 <li class="blog-slider wow animate__fadeIn"> 5520 <div class="blog-post"> 5521 <div class="blog-img-post"> 5522 5523 5524 5525 <a href="/blogs/artist-roster/austin-archey" class="blog-img"> 5526 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/austin_3_400x413_crop_center.jpg?v=1698691922" alt="AUSTIN ARCHEY" /> 5527 <span class="date-time"> 5528 <span class="date">11</span> 5529 <span class="time">Apr</span> 5530 <span class="year">2026</span> 5531 </span> 5532 </a> 5533 5534 5535 </div> 5536 <div class="blog-post-content"> 5537 <h2 class="blog-title">AUSTIN ARCHEY</h2> 5538 <p class="blog-desc">LORNA SHORE 5539 5540 5541Â 5542 5543 5544 5545 5546 5547Â 5548IG: @AUSTINARCHEY 5549BAND WEBSITE 5550Â 5551 5552 5553 5554 5555AXIS EQUIPMENT & SETUPÂ 5556 5557Axis Lon...</p> 5558 5559 5560 <ul class="post-tag"> 5561 5562 <li><a href="/blogs/news/tagged/extrememetal">#ExtremeMetal</a></li> 5563 5564 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 5565 5566 <li><a href="/blogs/news/tagged/usa">USA</a></li> 5567 5568 </ul> 5569 5570 </div> 5571 5572</div> 5573<style type="text/css"> 5574 /* blog post css */ 5575 .blog-post { 5576 width:100%} 5577.blog-post .blog-img{ 5578 width: 100%; 5579} 5580.blog-post .blog-img-post{ 5581 position: relative; 5582 overflow: hidden; 5583 display: flex; 5584 align-items: center; 5585 justify-content: center; 5586} 5587.blog-post a.blog-img img{ 5588 transition: all 0.2s ease-in-out; 5589 -moz-transition: all 0.2s ease-in-out; 5590 -webkit-transition: all 0.2s ease-in-out; 5591 -ms-transition: all 0.2s ease-in-out; 5592 -o-transition: all 0.2s ease-in-out; 5593 object-fit:cover; 5594 height:250px; 5595 width:100%; 5596} 5597.blog-post a.blog-img:hover img{ 5598 -webkit-transform: scale(1.1); 5599 -ms-transform: scale(1.1); 5600 transform: scale(1.1); 5601} 5602.blog-post a.blog-img::after{ 5603 content: ""; 5604 position: absolute; 5605 top: 0;left: 0;width: 100%; 5606 height: 100%; 5607 background-color: rgb(0 0 0 / 12%); 5608 opacity: 0; 5609 visibility: hidden; 5610} 5611.blog-post:hover a.blog-img::after{ 5612 opacity: 1; 5613 visibility: visible; 5614} 5615.blog-post a.blog-video-button{ 5616 font-size: 16px; 5617 color: #ec1e24; 5618 background-color: #fff; 5619 position: absolute; 5620 z-index: 1; 5621 width: 70px; 5622 height: 70px; 5623 margin: 0 auto; 5624 display: flex; 5625 align-items: center; 5626 justify-content: center; 5627 border-radius: 100%; 5628} 5629 5630.blog-post:hover a.blog-img span.blog-icon{ 5631 opacity: 1; 5632 visibility: visible; 5633} 5634.blog-post a.blog-img span.date-time{ display:none !important; 5635 position: absolute; 5636 z-index: 1;left: 0px;top: 0; 5637 color: #888; 5638 font-size: 15px; 5639 font-weight: 400; 5640 line-height: 1; 5641 display: flex; 5642 padding: 15px 30px; 5643 background-color: #fff; 5644 border-radius: 0; 5645 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 5646 -webkit-transition: all 0.3s ease-in-out 0s; 5647 -o-transition: all 0.3s ease-in-out 0s; 5648 transition: all 0.3s ease-in-out 0s; 5649} 5650.blog-post a.blog-img:hover span.date-time{ 5651 color: #fff; 5652 background-color: #ec1e24; 5653} 5654.blog-post a.blog-img span.date-time span{ 5655 display: block;margin-left: 3px;text-align: center; 5656} 5657.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 5658.blog-post a.blog-img::after, 5659.blog-post:hover a.blog-img::after, 5660.blog-post a.blog-img span.blog-icon, 5661.blog-post:hover a.blog-img span.blog-icon, 5662.blog-post a.blog-img span.blog-icon:hover{ 5663 -webkit-transition: all 0.3s ease-in-out 0s; 5664 -o-transition: all 0.3s ease-in-out 0s; 5665 transition: all 0.3s ease-in-out 0s; 5666} 5667.blog-post .blog-post-content{ 5668 padding-top: 40px; 5669} 5670.blog-post .blog-post-content h2{ 5671 color: #2e405d; 5672 font-size: 18px; 5673 font-weight: 500; 5674 width: 95%; 5675} 5676.blog-post .blog-post-content p{ 5677 display: none; 5678 color: #666; 5679 font-size: 16px; 5680 margin-top: 16px; 5681} 5682.blog-post .blog-post-content a.read-btn{ 5683 font-size: 14px; 5684 display: flex; 5685 align-items: baseline; 5686 margin-top: 20px; 5687 text-transform: capitalize; 5688 font-weight: 500; 5689 line-height: 1; 5690} 5691.blog-post .blog-post-content a.read-btn span{ 5692 display: block; 5693} 5694.blog-post .blog-post-content a.read-btn:hover i{ 5695 animation-name: arrow; 5696 animation-duration: 0.55s; 5697} 5698.blog-post .blog-post-content ul.post-tag{
5699 display: none !important; 5700 align-items: center; 5701 line-height: 1; 5702 margin-top: 25px; 5703} 5704.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 5705.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 5706.blog-post .blog-post-content ul.post-tag li a{ 5707 color: #888; 5708 font-size: 14px; 5709 text-transform: uppercase; 5710} 5711 5712@media (max-width: 1599px){ 5713 .blog-post .blog-post-content h2{ 5714 font-size: 16px; 5715 width: 100%; 5716 } 5717} 5718@media (max-width: 1199px){ 5719 .blog-post .blog-post-content{ 5720 padding-top: 30px; 5721 } 5722 .blog-post .blog-post-content h2{ 5723 font-size: 16px; 5724 } 5725} 5726@media (max-width: 767px){ 5727 .blog-post .blog-post-content{ 5728 padding-top: 15px; 5729 } 5730 .blog-post .blog-post-content p{ 5731 margin-top: 6px; 5732 font-size: 14px; 5733 } 5734 .blog-post .blog-post-content a.read-btn{ 5735 font-size: 14px; 5736 margin-top: 10px; 5737 } 5738} 5739</style> 5740 </li> 5741 5742 5743 <li class="blog-slider wow animate__fadeIn"> 5744 <div class="blog-post"> 5745 <div class="blog-img-post"> 5746 5747 5748 5749 <a href="/blogs/artist-roster/samus-paulicelli" class="blog-img"> 5750 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/IMG_8300_400x413_crop_center.jpg?v=1698691750" alt="SAMUS PAULICELLI" /> 5751 <span class="date-time"> 5752 <span class="date">11</span> 5753 <span class="time">Apr</span> 5754 <span class="year">2026</span> 5755 </span> 5756 </a> 5757 5758 5759 </div> 5760 <div class="blog-post-content"> 5761 <h2 class="blog-title">SAMUS PAULICELLI</h2> 5762 <p class="blog-desc">DECREPIT BIRTH 5763 5764 5765Â 5766 5767 5768 5769 5770 5771 5772Â 5773 5774IG: @66SAMUSÂ FB:Â @66SAMUSYT:Â @66SAMUS 5775 5776 5777 5778WEBSITE 5779 5780PATREON 5781 5782 5783 5784 5785 5786 5787 5788Samu...</p> 5789 5790 5791 <ul class="post-tag"> 5792 5793 <li><a href="/blogs/news/tagged/blackmetal">#BlackMetal</a></li> 5794 5795 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 5796 5797 <li><a href="/blogs/news/tagged/canada">Canada</a></li> 5798 5799 </ul> 5800 5801 </div> 5802 5803</div> 5804<style type="text/css"> 5805 /* blog post css */ 5806 .blog-post { 5807 width:100%} 5808.blog-post .blog-img{ 5809 width: 100%; 5810} 5811.blog-post .blog-img-post{ 5812 position: relative; 5813 overflow: hidden; 5814 display: flex; 5815 align-items: center; 5816 justify-content: center; 5817} 5818.blog-post a.blog-img img{ 5819 transition: all 0.2s ease-in-out; 5820 -moz-transition: all 0.2s ease-in-out; 5821 -webkit-transition: all 0.2s ease-in-out; 5822 -ms-transition: all 0.2s ease-in-out; 5823 -o-transition: all 0.2s ease-in-out; 5824 object-fit:cover; 5825 height:250px; 5826 width:100%; 5827} 5828.blog-post a.blog-img:hover img{ 5829 -webkit-transform: scale(1.1); 5830 -ms-transform: scale(1.1); 5831 transform: scale(1.1); 5832} 5833.blog-post a.blog-img::after{ 5834 content: ""; 5835 position: absolute; 5836 top: 0;left: 0;width: 100%; 5837 height: 100%; 5838 background-color: rgb(0 0 0 / 12%); 5839 opacity: 0; 5840 visibility: hidden; 5841} 5842.blog-post:hover a.blog-img::after{ 5843 opacity: 1; 5844 visibility: visible; 5845} 5846.blog-post a.blog-video-button{ 5847 font-size: 16px; 5848 color: #ec1e24; 5849 background-color: #fff; 5850 position: absolute; 5851 z-index: 1; 5852 width: 70px; 5853 height: 70px; 5854 margin: 0 auto; 5855 display: flex; 5856 align-items: center; 5857 justify-content: center; 5858 border-radius: 100%; 5859} 5860 5861.blog-post:hover a.blog-img span.blog-icon{ 5862 opacity: 1; 5863 visibility: visible; 5864} 5865.blog-post a.blog-img span.date-time{ display:none !important; 5866 position: absolute; 5867 z-index: 1;left: 0px;top: 0; 5868 color: #888; 5869 font-size: 15px; 5870 font-weight: 400; 5871 line-height: 1; 5872 display: flex; 5873 padding: 15px 30px; 5874 background-color: #fff; 5875 border-radius: 0; 5876 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 5877 -webkit-transition: all 0.3s ease-in-out 0s; 5878 -o-transition: all 0.3s ease-in-out 0s; 5879 transition: all 0.3s ease-in-out 0s; 5880} 5881.blog-post a.blog-img:hover span.date-time{ 5882 color: #fff; 5883 background-color: #ec1e24; 5884} 5885.blog-post a.blog-img span.date-time span{ 5886 display: block;margin-left: 3px;text-align: center; 5887} 5888.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 5889.blog-post a.blog-img::after, 5890.blog-post:hover a.blog-img::after, 5891.blog-post a.blog-img span.blog-icon, 5892.blog-post:hover a.blog-img span.blog-icon, 5893.blog-post a.blog-img span.blog-icon:hover{ 5894 -webkit-transition: all 0.3s ease-in-out 0s; 5895 -o-transition: all 0.3s ease-in-out 0s; 5896 transition: all 0.3s ease-in-out 0s; 5897} 5898.blog-post .blog-post-content{ 5899 padding-top: 40px; 5900} 5901.blog-post .blog-post-content h2{ 5902 color: #2e405d; 5903 font-size: 18px; 5904 font-weight: 500; 5905 width: 95%; 5906} 5907.blog-post .blog-post-content p{ 5908 display: none; 5909 color: #666; 5910 font-size: 16px; 5911 margin-top: 16px; 5912} 5913.blog-post .blog-post-content a.read-btn{ 5914 font-size: 14px; 5915 display: flex; 5916 align-items: baseline; 5917 margin-top: 20px; 5918 text-transform: capitalize; 5919 font-weight: 500; 5920 line-height: 1; 5921} 5922.blog-post .blog-post-content a.read-btn span{ 5923 display: block; 5924} 5925.blog-post .blog-post-content a.read-btn:hover i{ 5926 animation-name: arrow; 5927 animation-duration: 0.55s; 5928} 5929.blog-post .blog-post-content ul.post-tag{
5930 display: none !important; 5931 align-items: center; 5932 line-height: 1; 5933 margin-top: 25px; 5934} 5935.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 5936.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 5937.blog-post .blog-post-content ul.post-tag li a{ 5938 color: #888; 5939 font-size: 14px; 5940 text-transform: uppercase; 5941} 5942 5943@media (max-width: 1599px){ 5944 .blog-post .blog-post-content h2{ 5945 font-size: 16px; 5946 width: 100%; 5947 } 5948} 5949@media (max-width: 1199px){ 5950 .blog-post .blog-post-content{ 5951 padding-top: 30px; 5952 } 5953 .blog-post .blog-post-content h2{ 5954 font-size: 16px; 5955 } 5956} 5957@media (max-width: 767px){ 5958 .blog-post .blog-post-content{ 5959 padding-top: 15px; 5960 } 5961 .blog-post .blog-post-content p{ 5962 margin-top: 6px; 5963 font-size: 14px; 5964 } 5965 .blog-post .blog-post-content a.read-btn{ 5966 font-size: 14px; 5967 margin-top: 10px; 5968 } 5969} 5970</style> 5971 </li> 5972 5973 5974 <li class="blog-slider wow animate__fadeIn"> 5975 <div class="blog-post"> 5976 <div class="blog-img-post"> 5977 5978 5979 5980 <a href="/blogs/artist-roster/richard-christy" class="blog-img"> 5981 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/Christy_2011_400x413_crop_center.webp?v=1697518842" alt="RICHARD CHRISTY" /> 5982 <span class="date-time"> 5983 <span class="date">11</span> 5984 <span class="time">Apr</span> 5985 <span class="year">2026</span> 5986 </span> 5987 </a> 5988 5989 5990 </div> 5991 <div class="blog-post-content"> 5992 <h2 class="blog-title">RICHARD CHRISTY</h2> 5993 <p class="blog-desc">DEATH 5994 5995Â 5996 5997 5998 5999 6000 6001 6002 6003TW: @CWOTD IG: @RICHARDCHRISTY74 6004 6005Â 6006 6007 6008 6009Thomas Richard Christy Jr. (born April 1, ...</p> 6010 6011 6012 <ul class="post-tag"> 6013 6014 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 6015 6016 <li><a href="/blogs/news/tagged/heavymetal">#HeavyMetal</a></li> 6017 6018 <li><a href="/blogs/news/tagged/usa">USA</a></li> 6019 6020 </ul> 6021 6022 </div> 6023 6024</div> 6025<style type="text/css"> 6026 /* blog post css */ 6027 .blog-post { 6028 width:100%} 6029.blog-post .blog-img{ 6030 width: 100%; 6031} 6032.blog-post .blog-img-post{ 6033 position: relative; 6034 overflow: hidden; 6035 display: flex; 6036 align-items: center; 6037 justify-content: center; 6038} 6039.blog-post a.blog-img img{ 6040 transition: all 0.2s ease-in-out; 6041 -moz-transition: all 0.2s ease-in-out; 6042 -webkit-transition: all 0.2s ease-in-out; 6043 -ms-transition: all 0.2s ease-in-out; 6044 -o-transition: all 0.2s ease-in-out; 6045 object-fit:cover; 6046 height:250px; 6047 width:100%; 6048} 6049.blog-post a.blog-img:hover img{ 6050 -webkit-transform: scale(1.1); 6051 -ms-transform: scale(1.1); 6052 transform: scale(1.1); 6053} 6054.blog-post a.blog-img::after{ 6055 content: ""; 6056 position: absolute; 6057 top: 0;left: 0;width: 100%; 6058 height: 100%; 6059 background-color: rgb(0 0 0 / 12%); 6060 opacity: 0; 6061 visibility: hidden; 6062} 6063.blog-post:hover a.blog-img::after{ 6064 opacity: 1; 6065 visibility: visible; 6066} 6067.blog-post a.blog-video-button{ 6068 font-size: 16px; 6069 color: #ec1e24; 6070 background-color: #fff; 6071 position: absolute; 6072 z-index: 1; 6073 width: 70px; 6074 height: 70px; 6075 margin: 0 auto; 6076 display: flex; 6077 align-items: center; 6078 justify-content: center; 6079 border-radius: 100%; 6080} 6081 6082.blog-post:hover a.blog-img span.blog-icon{ 6083 opacity: 1; 6084 visibility: visible; 6085} 6086.blog-post a.blog-img span.date-time{ display:none !important; 6087 position: absolute; 6088 z-index: 1;left: 0px;top: 0; 6089 color: #888; 6090 font-size: 15px; 6091 font-weight: 400; 6092 line-height: 1; 6093 display: flex; 6094 padding: 15px 30px; 6095 background-color: #fff; 6096 border-radius: 0; 6097 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 6098 -webkit-transition: all 0.3s ease-in-out 0s; 6099 -o-transition: all 0.3s ease-in-out 0s; 6100 transition: all 0.3s ease-in-out 0s; 6101} 6102.blog-post a.blog-img:hover span.date-time{ 6103 color: #fff; 6104 background-color: #ec1e24; 6105} 6106.blog-post a.blog-img span.date-time span{ 6107 display: block;margin-left: 3px;text-align: center; 6108} 6109.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 6110.blog-post a.blog-img::after, 6111.blog-post:hover a.blog-img::after, 6112.blog-post a.blog-img span.blog-icon, 6113.blog-post:hover a.blog-img span.blog-icon, 6114.blog-post a.blog-img span.blog-icon:hover{ 6115 -webkit-transition: all 0.3s ease-in-out 0s; 6116 -o-transition: all 0.3s ease-in-out 0s; 6117 transition: all 0.3s ease-in-out 0s; 6118} 6119.blog-post .blog-post-content{ 6120 padding-top: 40px; 6121} 6122.blog-post .blog-post-content h2{ 6123 color: #2e405d; 6124 font-size: 18px; 6125 font-weight: 500; 6126 width: 95%; 6127} 6128.blog-post .blog-post-content p{ 6129 display: none; 6130 color: #666; 6131 font-size: 16px; 6132 margin-top: 16px; 6133} 6134.blog-post .blog-post-content a.read-btn{ 6135 font-size: 14px; 6136 display: flex; 6137 align-items: baseline; 6138 margin-top: 20px; 6139 text-transform: capitalize; 6140 font-weight: 500; 6141 line-height: 1; 6142} 6143.blog-post .blog-post-content a.read-btn span{ 6144 display: block; 6145} 6146.blog-post .blog-post-content a.read-btn:hover i{ 6147 animation-name: arrow; 6148 animation-duration: 0.55s; 6149} 6150.blog-post .blog-post-content ul.post-tag{
6151 display: none !important; 6152 align-items: center; 6153 line-height: 1; 6154 margin-top: 25px; 6155} 6156.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 6157.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 6158.blog-post .blog-post-content ul.post-tag li a{ 6159 color: #888; 6160 font-size: 14px; 6161 text-transform: uppercase; 6162} 6163 6164@media (max-width: 1599px){ 6165 .blog-post .blog-post-content h2{ 6166 font-size: 16px; 6167 width: 100%; 6168 } 6169} 6170@media (max-width: 1199px){ 6171 .blog-post .blog-post-content{ 6172 padding-top: 30px; 6173 } 6174 .blog-post .blog-post-content h2{ 6175 font-size: 16px; 6176 } 6177} 6178@media (max-width: 767px){ 6179 .blog-post .blog-post-content{ 6180 padding-top: 15px; 6181 } 6182 .blog-post .blog-post-content p{ 6183 margin-top: 6px; 6184 font-size: 14px; 6185 } 6186 .blog-post .blog-post-content a.read-btn{ 6187 font-size: 14px; 6188 margin-top: 10px; 6189 } 6190} 6191</style> 6192 </li> 6193 6194 6195 <li class="blog-slider wow animate__fadeIn"> 6196 <div class="blog-post"> 6197 <div class="blog-img-post"> 6198 6199 6200 6201 <a href="/blogs/artist-roster/derek-roddy" class="blog-img"> 6202 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_DRoddy_88505375-1a76-4e6e-8456-26a7d095919a_400x413_crop_center.png?v=1660656591" alt="DEREK RODDY / SIGNATURE ARTIST" /> 6203 <span class="date-time"> 6204 <span class="date">11</span> 6205 <span class="time">Apr</span> 6206 <span class="year">2026</span> 6207 </span> 6208 </a> 6209 6210 6211 </div> 6212 <div class="blog-post-content"> 6213 <h2 class="blog-title">DEREK RODDY / SIGNATURE ARTIST</h2> 6214 <p class="blog-desc">SERPENTS RISE 6215 6216 6217Â 6218 6219Derek Roddy has forever changed the face of Extreme Metal drumming and has fas...</p> 6220 6221 6222 <ul class="post-tag"> 6223 6224 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 6225 6226 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 6227 6228 <li><a href="/blogs/news/tagged/technicaldeathmetal">#TechnicalDeathMetal</a></li> 6229 6230 <li><a href="/blogs/news/tagged/usa">USA</a></li> 6231 6232 </ul> 6233 6234 </div> 6235 6236</div> 6237<style type="text/css"> 6238 /* blog post css */ 6239 .blog-post { 6240 width:100%} 6241.blog-post .blog-img{ 6242 width: 100%; 6243} 6244.blog-post .blog-img-post{ 6245 position: relative; 6246 overflow: hidden; 6247 display: flex; 6248 align-items: center; 6249 justify-content: center; 6250} 6251.blog-post a.blog-img img{ 6252 transition: all 0.2s ease-in-out; 6253 -moz-transition: all 0.2s ease-in-out; 6254 -webkit-transition: all 0.2s ease-in-out; 6255 -ms-transition: all 0.2s ease-in-out; 6256 -o-transition: all 0.2s ease-in-out; 6257 object-fit:cover; 6258 height:250px; 6259 width:100%; 6260} 6261.blog-post a.blog-img:hover img{ 6262 -webkit-transform: scale(1.1); 6263 -ms-transform: scale(1.1); 6264 transform: scale(1.1); 6265} 6266.blog-post a.blog-img::after{ 6267 content: ""; 6268 position: absolute; 6269 top: 0;left: 0;width: 100%; 6270 height: 100%; 6271 background-color: rgb(0 0 0 / 12%); 6272 opacity: 0; 6273 visibility: hidden; 6274} 6275.blog-post:hover a.blog-img::after{ 6276 opacity: 1; 6277 visibility: visible; 6278} 6279.blog-post a.blog-video-button{ 6280 font-size: 16px; 6281 color: #ec1e24; 6282 background-color: #fff; 6283 position: absolute; 6284 z-index: 1; 6285 width: 70px; 6286 height: 70px; 6287 margin: 0 auto; 6288 display: flex; 6289 align-items: center; 6290 justify-content: center; 6291 border-radius: 100%; 6292} 6293 6294.blog-post:hover a.blog-img span.blog-icon{ 6295 opacity: 1; 6296 visibility: visible; 6297} 6298.blog-post a.blog-img span.date-time{ display:none !important; 6299 position: absolute; 6300 z-index: 1;left: 0px;top: 0; 6301 color: #888; 6302 font-size: 15px; 6303 font-weight: 400; 6304 line-height: 1; 6305 display: flex; 6306 padding: 15px 30px; 6307 background-color: #fff; 6308 border-radius: 0; 6309 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 6310 -webkit-transition: all 0.3s ease-in-out 0s; 6311 -o-transition: all 0.3s ease-in-out 0s; 6312 transition: all 0.3s ease-in-out 0s; 6313} 6314.blog-post a.blog-img:hover span.date-time{ 6315 color: #fff; 6316 background-color: #ec1e24; 6317} 6318.blog-post a.blog-img span.date-time span{ 6319 display: block;margin-left: 3px;text-align: center; 6320} 6321.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 6322.blog-post a.blog-img::after, 6323.blog-post:hover a.blog-img::after, 6324.blog-post a.blog-img span.blog-icon, 6325.blog-post:hover a.blog-img span.blog-icon, 6326.blog-post a.blog-img span.blog-icon:hover{ 6327 -webkit-transition: all 0.3s ease-in-out 0s; 6328 -o-transition: all 0.3s ease-in-out 0s; 6329 transition: all 0.3s ease-in-out 0s; 6330} 6331.blog-post .blog-post-content{ 6332 padding-top: 40px; 6333} 6334.blog-post .blog-post-content h2{ 6335 color: #2e405d; 6336 font-size: 18px; 6337 font-weight: 500; 6338 width: 95%; 6339} 6340.blog-post .blog-post-content p{ 6341 display: none; 6342 color: #666; 6343 font-size: 16px; 6344 margin-top: 16px; 6345} 6346.blog-post .blog-post-content a.read-btn{ 6347 font-size: 14px; 6348 display: flex; 6349 align-items: baseline; 6350 margin-top: 20px; 6351 text-transform: capitalize; 6352 font-weight: 500; 6353 line-height: 1; 6354} 6355.blog-post .blog-post-content a.read-btn span{ 6356 display: block; 6357} 6358.blog-post .blog-post-content a.read-btn:hover i{ 6359 animation-name: arrow; 6360 animation-duration: 0.55s; 6361} 6362.blog-post .blog-post-content ul.post-tag{
6363 display: none !important; 6364 align-items: center; 6365 line-height: 1; 6366 margin-top: 25px; 6367} 6368.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 6369.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 6370.blog-post .blog-post-content ul.post-tag li a{ 6371 color: #888; 6372 font-size: 14px; 6373 text-transform: uppercase; 6374} 6375 6376@media (max-width: 1599px){ 6377 .blog-post .blog-post-content h2{ 6378 font-size: 16px; 6379 width: 100%; 6380 } 6381} 6382@media (max-width: 1199px){ 6383 .blog-post .blog-post-content{ 6384 padding-top: 30px; 6385 } 6386 .blog-post .blog-post-content h2{ 6387 font-size: 16px; 6388 } 6389} 6390@media (max-width: 767px){ 6391 .blog-post .blog-post-content{ 6392 padding-top: 15px; 6393 } 6394 .blog-post .blog-post-content p{ 6395 margin-top: 6px; 6396 font-size: 14px; 6397 } 6398 .blog-post .blog-post-content a.read-btn{ 6399 font-size: 14px; 6400 margin-top: 10px; 6401 } 6402} 6403</style> 6404 </li> 6405 6406 6407 <li class="blog-slider wow animate__fadeIn"> 6408 <div class="blog-post"> 6409 <div class="blog-img-post"> 6410 6411 6412 6413 <a href="/blogs/artist-roster/tim-yeung" class="blog-img"> 6414 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_Ty_400x413_crop_center.png?v=1659472130" alt="TIM YEUNG" /> 6415 <span class="date-time"> 6416 <span class="date">11</span> 6417 <span class="time">Apr</span> 6418 <span class="year">2026</span> 6419 </span> 6420 </a> 6421 6422 6423 </div> 6424 <div class="blog-post-content"> 6425 <h2 class="blog-title">TIM YEUNG</h2> 6426 <p class="blog-desc">I AM MORBID 6427 6428 6429Â 6430 6431Yeung attended Hochstein School of Music & Dance in Rochester, New York and ...</p> 6432 6433 6434 <ul class="post-tag"> 6435 6436 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 6437 6438 <li><a href="/blogs/news/tagged/metalcore">#Metalcore</a></li> 6439 6440 <li><a href="/blogs/news/tagged/usa">USA</a></li> 6441 6442 </ul> 6443 6444 </div> 6445 6446</div> 6447<style type="text/css"> 6448 /* blog post css */ 6449 .blog-post { 6450 width:100%} 6451.blog-post .blog-img{ 6452 width: 100%; 6453} 6454.blog-post .blog-img-post{ 6455 position: relative; 6456 overflow: hidden; 6457 display: flex; 6458 align-items: center; 6459 justify-content: center; 6460} 6461.blog-post a.blog-img img{ 6462 transition: all 0.2s ease-in-out; 6463 -moz-transition: all 0.2s ease-in-out; 6464 -webkit-transition: all 0.2s ease-in-out; 6465 -ms-transition: all 0.2s ease-in-out; 6466 -o-transition: all 0.2s ease-in-out; 6467 object-fit:cover; 6468 height:250px; 6469 width:100%; 6470} 6471.blog-post a.blog-img:hover img{ 6472 -webkit-transform: scale(1.1); 6473 -ms-transform: scale(1.1); 6474 transform: scale(1.1); 6475} 6476.blog-post a.blog-img::after{ 6477 content: ""; 6478 position: absolute; 6479 top: 0;left: 0;width: 100%; 6480 height: 100%; 6481 background-color: rgb(0 0 0 / 12%); 6482 opacity: 0; 6483 visibility: hidden; 6484} 6485.blog-post:hover a.blog-img::after{ 6486 opacity: 1; 6487 visibility: visible; 6488} 6489.blog-post a.blog-video-button{ 6490 font-size: 16px; 6491 color: #ec1e24; 6492 background-color: #fff; 6493 position: absolute; 6494 z-index: 1; 6495 width: 70px; 6496 height: 70px; 6497 margin: 0 auto; 6498 display: flex; 6499 align-items: center; 6500 justify-content: center; 6501 border-radius: 100%; 6502} 6503 6504.blog-post:hover a.blog-img span.blog-icon{ 6505 opacity: 1; 6506 visibility: visible; 6507} 6508.blog-post a.blog-img span.date-time{ display:none !important; 6509 position: absolute; 6510 z-index: 1;left: 0px;top: 0; 6511 color: #888; 6512 font-size: 15px; 6513 font-weight: 400; 6514 line-height: 1; 6515 display: flex; 6516 padding: 15px 30px; 6517 background-color: #fff; 6518 border-radius: 0; 6519 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 6520 -webkit-transition: all 0.3s ease-in-out 0s; 6521 -o-transition: all 0.3s ease-in-out 0s; 6522 transition: all 0.3s ease-in-out 0s; 6523} 6524.blog-post a.blog-img:hover span.date-time{ 6525 color: #fff; 6526 background-color: #ec1e24; 6527} 6528.blog-post a.blog-img span.date-time span{ 6529 display: block;margin-left: 3px;text-align: center; 6530} 6531.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 6532.blog-post a.blog-img::after, 6533.blog-post:hover a.blog-img::after, 6534.blog-post a.blog-img span.blog-icon, 6535.blog-post:hover a.blog-img span.blog-icon, 6536.blog-post a.blog-img span.blog-icon:hover{ 6537 -webkit-transition: all 0.3s ease-in-out 0s; 6538 -o-transition: all 0.3s ease-in-out 0s; 6539 transition: all 0.3s ease-in-out 0s; 6540} 6541.blog-post .blog-post-content{ 6542 padding-top: 40px; 6543} 6544.blog-post .blog-post-content h2{ 6545 color: #2e405d; 6546 font-size: 18px; 6547 font-weight: 500; 6548 width: 95%; 6549} 6550.blog-post .blog-post-content p{ 6551 display: none; 6552 color: #666; 6553 font-size: 16px; 6554 margin-top: 16px; 6555} 6556.blog-post .blog-post-content a.read-btn{ 6557 font-size: 14px; 6558 display: flex; 6559 align-items: baseline; 6560 margin-top: 20px; 6561 text-transform: capitalize; 6562 font-weight: 500; 6563 line-height: 1; 6564} 6565.blog-post .blog-post-content a.read-btn span{ 6566 display: block; 6567} 6568.blog-post .blog-post-content a.read-btn:hover i{ 6569 animation-name: arrow; 6570 animation-duration: 0.55s; 6571} 6572.blog-post .blog-post-content ul.post-tag{
6573 display: none !important; 6574 align-items: center; 6575 line-height: 1; 6576 margin-top: 25px; 6577} 6578.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 6579.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 6580.blog-post .blog-post-content ul.post-tag li a{ 6581 color: #888; 6582 font-size: 14px; 6583 text-transform: uppercase; 6584} 6585 6586@media (max-width: 1599px){ 6587 .blog-post .blog-post-content h2{ 6588 font-size: 16px; 6589 width: 100%; 6590 } 6591} 6592@media (max-width: 1199px){ 6593 .blog-post .blog-post-content{ 6594 padding-top: 30px; 6595 } 6596 .blog-post .blog-post-content h2{ 6597 font-size: 16px; 6598 } 6599} 6600@media (max-width: 767px){ 6601 .blog-post .blog-post-content{ 6602 padding-top: 15px; 6603 } 6604 .blog-post .blog-post-content p{ 6605 margin-top: 6px; 6606 font-size: 14px; 6607 } 6608 .blog-post .blog-post-content a.read-btn{ 6609 font-size: 14px; 6610 margin-top: 10px; 6611 } 6612} 6613</style> 6614 </li> 6615 6616 6617 <li class="blog-slider wow animate__fadeIn"> 6618 <div class="blog-post"> 6619 <div class="blog-img-post"> 6620 6621 6622 6623 <a href="/blogs/artist-roster/bill-denne" class="blog-img"> 6624 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/bd_400x413_crop_center.webp?v=1657289795" alt="WILLIAM DENNE" /> 6625 <span class="date-time"> 6626 <span class="date">11</span> 6627 <span class="time">Apr</span> 6628 <span class="year">2026</span> 6629 </span> 6630 </a> 6631 6632 6633 </div> 6634 <div class="blog-post-content"> 6635 <h2 class="blog-title">WILLIAM DENNE</h2> 6636 <p class="blog-desc">VISCERAL DISGORGE 6637 6638 6639Â 6640 6641 6642 6643 6644 6645 6646 6647BAND FACEBOOKÂ 6648Â 6649 6650 6651 6652 6653Drums became my life in 11th grade, which was a...</p> 6654 6655 6656 <ul class="post-tag"> 6657 6658 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 6659 6660 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 6661 6662 <li><a href="/blogs/news/tagged/usa">USA</a></li> 6663 6664 </ul> 6665 6666 </div> 6667 6668</div> 6669<style type="text/css"> 6670 /* blog post css */ 6671 .blog-post { 6672 width:100%} 6673.blog-post .blog-img{ 6674 width: 100%; 6675} 6676.blog-post .blog-img-post{ 6677 position: relative; 6678 overflow: hidden; 6679 display: flex; 6680 align-items: center; 6681 justify-content: center; 6682} 6683.blog-post a.blog-img img{ 6684 transition: all 0.2s ease-in-out; 6685 -moz-transition: all 0.2s ease-in-out; 6686 -webkit-transition: all 0.2s ease-in-out; 6687 -ms-transition: all 0.2s ease-in-out; 6688 -o-transition: all 0.2s ease-in-out; 6689 object-fit:cover; 6690 height:250px; 6691 width:100%; 6692} 6693.blog-post a.blog-img:hover img{ 6694 -webkit-transform: scale(1.1); 6695 -ms-transform: scale(1.1); 6696 transform: scale(1.1); 6697} 6698.blog-post a.blog-img::after{ 6699 content: ""; 6700 position: absolute; 6701 top: 0;left: 0;width: 100%; 6702 height: 100%; 6703 background-color: rgb(0 0 0 / 12%); 6704 opacity: 0; 6705 visibility: hidden; 6706} 6707.blog-post:hover a.blog-img::after{ 6708 opacity: 1; 6709 visibility: visible; 6710} 6711.blog-post a.blog-video-button{ 6712 font-size: 16px; 6713 color: #ec1e24; 6714 background-color: #fff; 6715 position: absolute; 6716 z-index: 1; 6717 width: 70px; 6718 height: 70px; 6719 margin: 0 auto; 6720 display: flex; 6721 align-items: center; 6722 justify-content: center; 6723 border-radius: 100%; 6724} 6725 6726.blog-post:hover a.blog-img span.blog-icon{ 6727 opacity: 1; 6728 visibility: visible; 6729} 6730.blog-post a.blog-img span.date-time{ display:none !important; 6731 position: absolute; 6732 z-index: 1;left: 0px;top: 0; 6733 color: #888; 6734 font-size: 15px; 6735 font-weight: 400; 6736 line-height: 1; 6737 display: flex; 6738 padding: 15px 30px; 6739 background-color: #fff; 6740 border-radius: 0; 6741 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 6742 -webkit-transition: all 0.3s ease-in-out 0s; 6743 -o-transition: all 0.3s ease-in-out 0s; 6744 transition: all 0.3s ease-in-out 0s; 6745} 6746.blog-post a.blog-img:hover span.date-time{ 6747 color: #fff; 6748 background-color: #ec1e24; 6749} 6750.blog-post a.blog-img span.date-time span{ 6751 display: block;margin-left: 3px;text-align: center; 6752} 6753.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 6754.blog-post a.blog-img::after, 6755.blog-post:hover a.blog-img::after, 6756.blog-post a.blog-img span.blog-icon, 6757.blog-post:hover a.blog-img span.blog-icon, 6758.blog-post a.blog-img span.blog-icon:hover{ 6759 -webkit-transition: all 0.3s ease-in-out 0s; 6760 -o-transition: all 0.3s ease-in-out 0s; 6761 transition: all 0.3s ease-in-out 0s; 6762} 6763.blog-post .blog-post-content{ 6764 padding-top: 40px; 6765} 6766.blog-post .blog-post-content h2{ 6767 color: #2e405d; 6768 font-size: 18px; 6769 font-weight: 500; 6770 width: 95%; 6771} 6772.blog-post .blog-post-content p{ 6773 display: none; 6774 color: #666; 6775 font-size: 16px; 6776 margin-top: 16px; 6777} 6778.blog-post .blog-post-content a.read-btn{ 6779 font-size: 14px; 6780 display: flex; 6781 align-items: baseline; 6782 margin-top: 20px; 6783 text-transform: capitalize; 6784 font-weight: 500; 6785 line-height: 1; 6786} 6787.blog-post .blog-post-content a.read-btn span{ 6788 display: block; 6789} 6790.blog-post .blog-post-content a.read-btn:hover i{ 6791 animation-name: arrow; 6792 animation-duration: 0.55s; 6793} 6794.blog-post .blog-post-content ul.post-tag{
6795 display: none !important; 6796 align-items: center; 6797 line-height: 1; 6798 margin-top: 25px; 6799} 6800.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 6801.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 6802.blog-post .blog-post-content ul.post-tag li a{ 6803 color: #888; 6804 font-size: 14px; 6805 text-transform: uppercase; 6806} 6807 6808@media (max-width: 1599px){ 6809 .blog-post .blog-post-content h2{ 6810 font-size: 16px; 6811 width: 100%; 6812 } 6813} 6814@media (max-width: 1199px){ 6815 .blog-post .blog-post-content{ 6816 padding-top: 30px; 6817 } 6818 .blog-post .blog-post-content h2{ 6819 font-size: 16px; 6820 } 6821} 6822@media (max-width: 767px){ 6823 .blog-post .blog-post-content{ 6824 padding-top: 15px; 6825 } 6826 .blog-post .blog-post-content p{ 6827 margin-top: 6px; 6828 font-size: 14px; 6829 } 6830 .blog-post .blog-post-content a.read-btn{ 6831 font-size: 14px; 6832 margin-top: 10px; 6833 } 6834} 6835</style> 6836 </li> 6837 6838 6839 <li class="blog-slider wow animate__fadeIn"> 6840 <div class="blog-post"> 6841 <div class="blog-img-post"> 6842 6843 6844 6845 <a href="/blogs/artist-roster/anthony-king" class="blog-img"> 6846 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_AKing_400x413_crop_center.jpg?v=1659022754" alt="ANTHONY KING" /> 6847 <span class="date-time"> 6848 <span class="date">11</span> 6849 <span class="time">Apr</span> 6850 <span class="year">2026</span> 6851 </span> 6852 </a> 6853 6854 6855 </div> 6856 <div class="blog-post-content"> 6857 <h2 class="blog-title">ANTHONY KING</h2> 6858 <p class="blog-desc">INDEPENDENT 6859 6860 6861Â 6862Anthony King has been an Axis Percussion artist since 1996, and is currently the ...</p> 6863 6864 6865 <ul class="post-tag"> 6866 6867 <li><a href="/blogs/news/tagged/usa">USA</a></li> 6868 6869 </ul> 6870 6871 </div> 6872 6873</div> 6874<style type="text/css"> 6875 /* blog post css */ 6876 .blog-post { 6877 width:100%} 6878.blog-post .blog-img{ 6879 width: 100%; 6880} 6881.blog-post .blog-img-post{ 6882 position: relative; 6883 overflow: hidden; 6884 display: flex; 6885 align-items: center; 6886 justify-content: center; 6887} 6888.blog-post a.blog-img img{ 6889 transition: all 0.2s ease-in-out; 6890 -moz-transition: all 0.2s ease-in-out; 6891 -webkit-transition: all 0.2s ease-in-out; 6892 -ms-transition: all 0.2s ease-in-out; 6893 -o-transition: all 0.2s ease-in-out; 6894 object-fit:cover; 6895 height:250px; 6896 width:100%; 6897} 6898.blog-post a.blog-img:hover img{ 6899 -webkit-transform: scale(1.1); 6900 -ms-transform: scale(1.1); 6901 transform: scale(1.1); 6902} 6903.blog-post a.blog-img::after{ 6904 content: ""; 6905 position: absolute; 6906 top: 0;left: 0;width: 100%; 6907 height: 100%; 6908 background-color: rgb(0 0 0 / 12%); 6909 opacity: 0; 6910 visibility: hidden; 6911} 6912.blog-post:hover a.blog-img::after{ 6913 opacity: 1; 6914 visibility: visible; 6915} 6916.blog-post a.blog-video-button{ 6917 font-size: 16px; 6918 color: #ec1e24; 6919 background-color: #fff; 6920 position: absolute; 6921 z-index: 1; 6922 width: 70px; 6923 height: 70px; 6924 margin: 0 auto; 6925 display: flex; 6926 align-items: center; 6927 justify-content: center; 6928 border-radius: 100%; 6929} 6930 6931.blog-post:hover a.blog-img span.blog-icon{ 6932 opacity: 1; 6933 visibility: visible; 6934} 6935.blog-post a.blog-img span.date-time{ display:none !important; 6936 position: absolute; 6937 z-index: 1;left: 0px;top: 0; 6938 color: #888; 6939 font-size: 15px; 6940 font-weight: 400; 6941 line-height: 1; 6942 display: flex; 6943 padding: 15px 30px; 6944 background-color: #fff; 6945 border-radius: 0; 6946 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 6947 -webkit-transition: all 0.3s ease-in-out 0s; 6948 -o-transition: all 0.3s ease-in-out 0s; 6949 transition: all 0.3s ease-in-out 0s; 6950} 6951.blog-post a.blog-img:hover span.date-time{ 6952 color: #fff; 6953 background-color: #ec1e24; 6954} 6955.blog-post a.blog-img span.date-time span{ 6956 display: block;margin-left: 3px;text-align: center; 6957} 6958.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 6959.blog-post a.blog-img::after, 6960.blog-post:hover a.blog-img::after, 6961.blog-post a.blog-img span.blog-icon, 6962.blog-post:hover a.blog-img span.blog-icon, 6963.blog-post a.blog-img span.blog-icon:hover{ 6964 -webkit-transition: all 0.3s ease-in-out 0s; 6965 -o-transition: all 0.3s ease-in-out 0s; 6966 transition: all 0.3s ease-in-out 0s; 6967} 6968.blog-post .blog-post-content{ 6969 padding-top: 40px; 6970} 6971.blog-post .blog-post-content h2{ 6972 color: #2e405d; 6973 font-size: 18px; 6974 font-weight: 500; 6975 width: 95%; 6976} 6977.blog-post .blog-post-content p{ 6978 display: none; 6979 color: #666; 6980 font-size: 16px; 6981 margin-top: 16px; 6982} 6983.blog-post .blog-post-content a.read-btn{ 6984 font-size: 14px; 6985 display: flex; 6986 align-items: baseline; 6987 margin-top: 20px; 6988 text-transform: capitalize; 6989 font-weight: 500; 6990 line-height: 1; 6991} 6992.blog-post .blog-post-content a.read-btn span{ 6993 display: block; 6994} 6995.blog-post .blog-post-content a.read-btn:hover i{ 6996 animation-name: arrow; 6997 animation-duration: 0.55s; 6998} 6999.blog-post .blog-post-content ul.post-tag{
7000 display: none !important; 7001 align-items: center; 7002 line-height: 1; 7003 margin-top: 25px; 7004} 7005.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 7006.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 7007.blog-post .blog-post-content ul.post-tag li a{ 7008 color: #888; 7009 font-size: 14px; 7010 text-transform: uppercase; 7011} 7012 7013@media (max-width: 1599px){ 7014 .blog-post .blog-post-content h2{ 7015 font-size: 16px; 7016 width: 100%; 7017 } 7018} 7019@media (max-width: 1199px){ 7020 .blog-post .blog-post-content{ 7021 padding-top: 30px; 7022 } 7023 .blog-post .blog-post-content h2{ 7024 font-size: 16px; 7025 } 7026} 7027@media (max-width: 767px){ 7028 .blog-post .blog-post-content{ 7029 padding-top: 15px; 7030 } 7031 .blog-post .blog-post-content p{ 7032 margin-top: 6px; 7033 font-size: 14px; 7034 } 7035 .blog-post .blog-post-content a.read-btn{ 7036 font-size: 14px; 7037 margin-top: 10px; 7038 } 7039} 7040</style> 7041 </li> 7042 7043 7044 <li class="blog-slider wow animate__fadeIn"> 7045 <div class="blog-post"> 7046 <div class="blog-img-post"> 7047 7048 7049 7050 <a href="/blogs/artist-roster/cameron-fleury" class="blog-img"> 7051 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_CFleury_400x413_crop_center.png?v=1659030394" alt="CAMERON FLEURY" /> 7052 <span class="date-time"> 7053 <span class="date">11</span> 7054 <span class="time">Apr</span> 7055 <span class="year">2026</span> 7056 </span> 7057 </a> 7058 7059 7060 </div> 7061 <div class="blog-post-content"> 7062 <h2 class="blog-title">CAMERON FLEURY</h2> 7063 <p class="blog-desc">INDEPENDENT 7064 7065 7066Â 7067 7068 7069Cameron Fleury is a professional independent drummer from Canada that has been ...</p> 7070 7071 7072 <ul class="post-tag"> 7073 7074 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 7075 7076 <li><a href="/blogs/news/tagged/canada">Canada</a></li> 7077 7078 </ul> 7079 7080 </div> 7081 7082</div> 7083<style type="text/css"> 7084 /* blog post css */ 7085 .blog-post { 7086 width:100%} 7087.blog-post .blog-img{ 7088 width: 100%; 7089} 7090.blog-post .blog-img-post{ 7091 position: relative; 7092 overflow: hidden; 7093 display: flex; 7094 align-items: center; 7095 justify-content: center; 7096} 7097.blog-post a.blog-img img{ 7098 transition: all 0.2s ease-in-out; 7099 -moz-transition: all 0.2s ease-in-out; 7100 -webkit-transition: all 0.2s ease-in-out; 7101 -ms-transition: all 0.2s ease-in-out; 7102 -o-transition: all 0.2s ease-in-out; 7103 object-fit:cover; 7104 height:250px; 7105 width:100%; 7106} 7107.blog-post a.blog-img:hover img{ 7108 -webkit-transform: scale(1.1); 7109 -ms-transform: scale(1.1); 7110 transform: scale(1.1); 7111} 7112.blog-post a.blog-img::after{ 7113 content: ""; 7114 position: absolute; 7115 top: 0;left: 0;width: 100%; 7116 height: 100%; 7117 background-color: rgb(0 0 0 / 12%); 7118 opacity: 0; 7119 visibility: hidden; 7120} 7121.blog-post:hover a.blog-img::after{ 7122 opacity: 1; 7123 visibility: visible; 7124} 7125.blog-post a.blog-video-button{ 7126 font-size: 16px; 7127 color: #ec1e24; 7128 background-color: #fff; 7129 position: absolute; 7130 z-index: 1; 7131 width: 70px; 7132 height: 70px; 7133 margin: 0 auto; 7134 display: flex; 7135 align-items: center; 7136 justify-content: center; 7137 border-radius: 100%; 7138} 7139 7140.blog-post:hover a.blog-img span.blog-icon{ 7141 opacity: 1; 7142 visibility: visible; 7143} 7144.blog-post a.blog-img span.date-time{ display:none !important; 7145 position: absolute; 7146 z-index: 1;left: 0px;top: 0; 7147 color: #888; 7148 font-size: 15px; 7149 font-weight: 400; 7150 line-height: 1; 7151 display: flex; 7152 padding: 15px 30px; 7153 background-color: #fff; 7154 border-radius: 0; 7155 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 7156 -webkit-transition: all 0.3s ease-in-out 0s; 7157 -o-transition: all 0.3s ease-in-out 0s; 7158 transition: all 0.3s ease-in-out 0s; 7159} 7160.blog-post a.blog-img:hover span.date-time{ 7161 color: #fff; 7162 background-color: #ec1e24; 7163} 7164.blog-post a.blog-img span.date-time span{ 7165 display: block;margin-left: 3px;text-align: center; 7166} 7167.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 7168.blog-post a.blog-img::after, 7169.blog-post:hover a.blog-img::after, 7170.blog-post a.blog-img span.blog-icon, 7171.blog-post:hover a.blog-img span.blog-icon, 7172.blog-post a.blog-img span.blog-icon:hover{ 7173 -webkit-transition: all 0.3s ease-in-out 0s; 7174 -o-transition: all 0.3s ease-in-out 0s; 7175 transition: all 0.3s ease-in-out 0s; 7176} 7177.blog-post .blog-post-content{ 7178 padding-top: 40px; 7179} 7180.blog-post .blog-post-content h2{ 7181 color: #2e405d; 7182 font-size: 18px; 7183 font-weight: 500; 7184 width: 95%; 7185} 7186.blog-post .blog-post-content p{ 7187 display: none; 7188 color: #666; 7189 font-size: 16px; 7190 margin-top: 16px; 7191} 7192.blog-post .blog-post-content a.read-btn{ 7193 font-size: 14px; 7194 display: flex; 7195 align-items: baseline; 7196 margin-top: 20px; 7197 text-transform: capitalize; 7198 font-weight: 500; 7199 line-height: 1; 7200} 7201.blog-post .blog-post-content a.read-btn span{ 7202 display: block; 7203} 7204.blog-post .blog-post-content a.read-btn:hover i{ 7205 animation-name: arrow; 7206 animation-duration: 0.55s; 7207} 7208.blog-post .blog-post-content ul.post-tag{
7209 display: none !important; 7210 align-items: center; 7211 line-height: 1; 7212 margin-top: 25px; 7213} 7214.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 7215.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 7216.blog-post .blog-post-content ul.post-tag li a{ 7217 color: #888; 7218 font-size: 14px; 7219 text-transform: uppercase; 7220} 7221 7222@media (max-width: 1599px){ 7223 .blog-post .blog-post-content h2{ 7224 font-size: 16px; 7225 width: 100%; 7226 } 7227} 7228@media (max-width: 1199px){ 7229 .blog-post .blog-post-content{ 7230 padding-top: 30px; 7231 } 7232 .blog-post .blog-post-content h2{ 7233 font-size: 16px; 7234 } 7235} 7236@media (max-width: 767px){ 7237 .blog-post .blog-post-content{ 7238 padding-top: 15px; 7239 } 7240 .blog-post .blog-post-content p{ 7241 margin-top: 6px; 7242 font-size: 14px; 7243 } 7244 .blog-post .blog-post-content a.read-btn{ 7245 font-size: 14px; 7246 margin-top: 10px; 7247 } 7248} 7249</style> 7250 </li> 7251 7252 7253 <li class="blog-slider wow animate__fadeIn"> 7254 <div class="blog-post"> 7255 <div class="blog-img-post"> 7256 7257 7258 7259 <a href="/blogs/artist-roster/walter-ariel-baum" class="blog-img"> 7260 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_WABaum_400x413_crop_center.jpg?v=1659032037" alt="WALTER ARIEL BAUM" /> 7261 <span class="date-time"> 7262 <span class="date">11</span> 7263 <span class="time">Apr</span> 7264 <span class="year">2026</span> 7265 </span> 7266 </a> 7267 7268 7269 </div> 7270 <div class="blog-post-content"> 7271 <h2 class="blog-title">WALTER ARIEL BAUM</h2> 7272 <p class="blog-desc">INDEPENDENT 7273 7274 7275Â 7276 7277 7278Walter Ariel Baum is an Argentinian musician who started his musical career in ...</p> 7279 7280 7281 <ul class="post-tag"> 7282 7283 <li><a href="/blogs/news/tagged/argentina">Argentina</a></li> 7284 7285 </ul> 7286 7287 </div> 7288 7289</div> 7290<style type="text/css"> 7291 /* blog post css */ 7292 .blog-post { 7293 width:100%} 7294.blog-post .blog-img{ 7295 width: 100%; 7296} 7297.blog-post .blog-img-post{ 7298 position: relative; 7299 overflow: hidden; 7300 display: flex; 7301 align-items: center; 7302 justify-content: center; 7303} 7304.blog-post a.blog-img img{ 7305 transition: all 0.2s ease-in-out; 7306 -moz-transition: all 0.2s ease-in-out; 7307 -webkit-transition: all 0.2s ease-in-out; 7308 -ms-transition: all 0.2s ease-in-out; 7309 -o-transition: all 0.2s ease-in-out; 7310 object-fit:cover; 7311 height:250px; 7312 width:100%; 7313} 7314.blog-post a.blog-img:hover img{ 7315 -webkit-transform: scale(1.1); 7316 -ms-transform: scale(1.1); 7317 transform: scale(1.1); 7318} 7319.blog-post a.blog-img::after{ 7320 content: ""; 7321 position: absolute; 7322 top: 0;left: 0;width: 100%; 7323 height: 100%; 7324 background-color: rgb(0 0 0 / 12%); 7325 opacity: 0; 7326 visibility: hidden; 7327} 7328.blog-post:hover a.blog-img::after{ 7329 opacity: 1; 7330 visibility: visible; 7331} 7332.blog-post a.blog-video-button{ 7333 font-size: 16px; 7334 color: #ec1e24; 7335 background-color: #fff; 7336 position: absolute; 7337 z-index: 1; 7338 width: 70px; 7339 height: 70px; 7340 margin: 0 auto; 7341 display: flex; 7342 align-items: center; 7343 justify-content: center; 7344 border-radius: 100%; 7345} 7346 7347.blog-post:hover a.blog-img span.blog-icon{ 7348 opacity: 1; 7349 visibility: visible; 7350} 7351.blog-post a.blog-img span.date-time{ display:none !important; 7352 position: absolute; 7353 z-index: 1;left: 0px;top: 0; 7354 color: #888; 7355 font-size: 15px; 7356 font-weight: 400; 7357 line-height: 1; 7358 display: flex; 7359 padding: 15px 30px; 7360 background-color: #fff; 7361 border-radius: 0; 7362 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 7363 -webkit-transition: all 0.3s ease-in-out 0s; 7364 -o-transition: all 0.3s ease-in-out 0s; 7365 transition: all 0.3s ease-in-out 0s; 7366} 7367.blog-post a.blog-img:hover span.date-time{ 7368 color: #fff; 7369 background-color: #ec1e24; 7370} 7371.blog-post a.blog-img span.date-time span{ 7372 display: block;margin-left: 3px;text-align: center; 7373} 7374.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 7375.blog-post a.blog-img::after, 7376.blog-post:hover a.blog-img::after, 7377.blog-post a.blog-img span.blog-icon, 7378.blog-post:hover a.blog-img span.blog-icon, 7379.blog-post a.blog-img span.blog-icon:hover{ 7380 -webkit-transition: all 0.3s ease-in-out 0s; 7381 -o-transition: all 0.3s ease-in-out 0s; 7382 transition: all 0.3s ease-in-out 0s; 7383} 7384.blog-post .blog-post-content{ 7385 padding-top: 40px; 7386} 7387.blog-post .blog-post-content h2{ 7388 color: #2e405d; 7389 font-size: 18px; 7390 font-weight: 500; 7391 width: 95%; 7392} 7393.blog-post .blog-post-content p{ 7394 display: none; 7395 color: #666; 7396 font-size: 16px; 7397 margin-top: 16px; 7398} 7399.blog-post .blog-post-content a.read-btn{ 7400 font-size: 14px; 7401 display: flex; 7402 align-items: baseline; 7403 margin-top: 20px; 7404 text-transform: capitalize; 7405 font-weight: 500; 7406 line-height: 1; 7407} 7408.blog-post .blog-post-content a.read-btn span{ 7409 display: block; 7410} 7411.blog-post .blog-post-content a.read-btn:hover i{ 7412 animation-name: arrow; 7413 animation-duration: 0.55s; 7414} 7415.blog-post .blog-post-content ul.post-tag{
7416 display: none !important; 7417 align-items: center; 7418 line-height: 1; 7419 margin-top: 25px; 7420} 7421.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 7422.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 7423.blog-post .blog-post-content ul.post-tag li a{ 7424 color: #888; 7425 font-size: 14px; 7426 text-transform: uppercase; 7427} 7428 7429@media (max-width: 1599px){ 7430 .blog-post .blog-post-content h2{ 7431 font-size: 16px; 7432 width: 100%; 7433 } 7434} 7435@media (max-width: 1199px){ 7436 .blog-post .blog-post-content{ 7437 padding-top: 30px; 7438 } 7439 .blog-post .blog-post-content h2{ 7440 font-size: 16px; 7441 } 7442} 7443@media (max-width: 767px){ 7444 .blog-post .blog-post-content{ 7445 padding-top: 15px; 7446 } 7447 .blog-post .blog-post-content p{ 7448 margin-top: 6px; 7449 font-size: 14px; 7450 } 7451 .blog-post .blog-post-content a.read-btn{ 7452 font-size: 14px; 7453 margin-top: 10px; 7454 } 7455} 7456</style> 7457 </li> 7458 7459 7460 <li class="blog-slider wow animate__fadeIn"> 7461 <div class="blog-post"> 7462 <div class="blog-img-post"> 7463 7464 7465 7466 <a href="/blogs/artist-roster/michael-isaev" class="blog-img"> 7467 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/ISAEV_400x413_crop_center.png?v=1659130191" alt="MICHAEL ISAEV" /> 7468 <span class="date-time"> 7469 <span class="date">11</span> 7470 <span class="time">Apr</span> 7471 <span class="year">2026</span> 7472 </span> 7473 </a> 7474 7475 7476 </div> 7477 <div class="blog-post-content"> 7478 <h2 class="blog-title">MICHAEL ISAEV</h2> 7479 <p class="blog-desc">SHOKRAN 7480 7481 7482Â 7483 7484Mike has graduated from a musical school specializing in piano. He started playing d...</p> 7485 7486 7487 <ul class="post-tag"> 7488 7489 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 7490 7491 <li><a href="/blogs/news/tagged/progmetal">#ProgMetal</a></li> 7492 7493 <li><a href="/blogs/news/tagged/russia">Russia</a></li> 7494 7495 </ul> 7496 7497 </div> 7498 7499</div> 7500<style type="text/css"> 7501 /* blog post css */ 7502 .blog-post { 7503 width:100%} 7504.blog-post .blog-img{ 7505 width: 100%; 7506} 7507.blog-post .blog-img-post{ 7508 position: relative; 7509 overflow: hidden; 7510 display: flex; 7511 align-items: center; 7512 justify-content: center; 7513} 7514.blog-post a.blog-img img{ 7515 transition: all 0.2s ease-in-out; 7516 -moz-transition: all 0.2s ease-in-out; 7517 -webkit-transition: all 0.2s ease-in-out; 7518 -ms-transition: all 0.2s ease-in-out; 7519 -o-transition: all 0.2s ease-in-out; 7520 object-fit:cover; 7521 height:250px; 7522 width:100%; 7523} 7524.blog-post a.blog-img:hover img{ 7525 -webkit-transform: scale(1.1); 7526 -ms-transform: scale(1.1); 7527 transform: scale(1.1); 7528} 7529.blog-post a.blog-img::after{ 7530 content: ""; 7531 position: absolute; 7532 top: 0;left: 0;width: 100%; 7533 height: 100%; 7534 background-color: rgb(0 0 0 / 12%); 7535 opacity: 0; 7536 visibility: hidden; 7537} 7538.blog-post:hover a.blog-img::after{ 7539 opacity: 1; 7540 visibility: visible; 7541} 7542.blog-post a.blog-video-button{ 7543 font-size: 16px; 7544 color: #ec1e24; 7545 background-color: #fff; 7546 position: absolute; 7547 z-index: 1; 7548 width: 70px; 7549 height: 70px; 7550 margin: 0 auto; 7551 display: flex; 7552 align-items: center; 7553 justify-content: center; 7554 border-radius: 100%; 7555} 7556 7557.blog-post:hover a.blog-img span.blog-icon{ 7558 opacity: 1; 7559 visibility: visible; 7560} 7561.blog-post a.blog-img span.date-time{ display:none !important; 7562 position: absolute; 7563 z-index: 1;left: 0px;top: 0; 7564 color: #888; 7565 font-size: 15px; 7566 font-weight: 400; 7567 line-height: 1; 7568 display: flex; 7569 padding: 15px 30px; 7570 background-color: #fff; 7571 border-radius: 0; 7572 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 7573 -webkit-transition: all 0.3s ease-in-out 0s; 7574 -o-transition: all 0.3s ease-in-out 0s; 7575 transition: all 0.3s ease-in-out 0s; 7576} 7577.blog-post a.blog-img:hover span.date-time{ 7578 color: #fff; 7579 background-color: #ec1e24; 7580} 7581.blog-post a.blog-img span.date-time span{ 7582 display: block;margin-left: 3px;text-align: center; 7583} 7584.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 7585.blog-post a.blog-img::after, 7586.blog-post:hover a.blog-img::after, 7587.blog-post a.blog-img span.blog-icon, 7588.blog-post:hover a.blog-img span.blog-icon, 7589.blog-post a.blog-img span.blog-icon:hover{ 7590 -webkit-transition: all 0.3s ease-in-out 0s; 7591 -o-transition: all 0.3s ease-in-out 0s; 7592 transition: all 0.3s ease-in-out 0s; 7593} 7594.blog-post .blog-post-content{ 7595 padding-top: 40px; 7596} 7597.blog-post .blog-post-content h2{ 7598 color: #2e405d; 7599 font-size: 18px; 7600 font-weight: 500; 7601 width: 95%; 7602} 7603.blog-post .blog-post-content p{ 7604 display: none; 7605 color: #666; 7606 font-size: 16px; 7607 margin-top: 16px; 7608} 7609.blog-post .blog-post-content a.read-btn{ 7610 font-size: 14px; 7611 display: flex; 7612 align-items: baseline; 7613 margin-top: 20px; 7614 text-transform: capitalize; 7615 font-weight: 500; 7616 line-height: 1; 7617} 7618.blog-post .blog-post-content a.read-btn span{ 7619 display: block; 7620} 7621.blog-post .blog-post-content a.read-btn:hover i{ 7622 animation-name: arrow; 7623 animation-duration: 0.55s; 7624} 7625.blog-post .blog-post-content ul.post-tag{
7626 display: none !important; 7627 align-items: center; 7628 line-height: 1; 7629 margin-top: 25px; 7630} 7631.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 7632.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 7633.blog-post .blog-post-content ul.post-tag li a{ 7634 color: #888; 7635 font-size: 14px; 7636 text-transform: uppercase; 7637} 7638 7639@media (max-width: 1599px){ 7640 .blog-post .blog-post-content h2{ 7641 font-size: 16px; 7642 width: 100%; 7643 } 7644} 7645@media (max-width: 1199px){ 7646 .blog-post .blog-post-content{ 7647 padding-top: 30px; 7648 } 7649 .blog-post .blog-post-content h2{ 7650 font-size: 16px; 7651 } 7652} 7653@media (max-width: 767px){ 7654 .blog-post .blog-post-content{ 7655 padding-top: 15px; 7656 } 7657 .blog-post .blog-post-content p{ 7658 margin-top: 6px; 7659 font-size: 14px; 7660 } 7661 .blog-post .blog-post-content a.read-btn{ 7662 font-size: 14px; 7663 margin-top: 10px; 7664 } 7665} 7666</style> 7667 </li> 7668 7669 7670 <li class="blog-slider wow animate__fadeIn"> 7671 <div class="blog-post"> 7672 <div class="blog-img-post"> 7673 7674 7675 7676 <a href="/blogs/artist-roster/leo-rodriguez" class="blog-img"> 7677 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/leoR_400x413_crop_center.png?v=1659130416" alt="LEO RODRIGUEZ" /> 7678 <span class="date-time"> 7679 <span class="date">11</span> 7680 <span class="time">Apr</span> 7681 <span class="year">2026</span> 7682 </span> 7683 </a> 7684 7685 7686 </div> 7687 <div class="blog-post-content"> 7688 <h2 class="blog-title">LEO RODRIGUEZ</h2> 7689 <p class="blog-desc">INDEPENDENT 7690 7691 7692Â 7693 7694Son of a musician, born on May 13, 1986 in JacareÃ, he has always had direct con...</p> 7695 7696 7697 <ul class="post-tag"> 7698 7699 <li><a href="/blogs/news/tagged/brazil">Brazil</a></li> 7700 7701 </ul> 7702 7703 </div> 7704 7705</div> 7706<style type="text/css"> 7707 /* blog post css */ 7708 .blog-post { 7709 width:100%} 7710.blog-post .blog-img{ 7711 width: 100%; 7712} 7713.blog-post .blog-img-post{ 7714 position: relative; 7715 overflow: hidden; 7716 display: flex; 7717 align-items: center; 7718 justify-content: center; 7719} 7720.blog-post a.blog-img img{ 7721 transition: all 0.2s ease-in-out; 7722 -moz-transition: all 0.2s ease-in-out; 7723 -webkit-transition: all 0.2s ease-in-out; 7724 -ms-transition: all 0.2s ease-in-out; 7725 -o-transition: all 0.2s ease-in-out; 7726 object-fit:cover; 7727 height:250px; 7728 width:100%; 7729} 7730.blog-post a.blog-img:hover img{ 7731 -webkit-transform: scale(1.1); 7732 -ms-transform: scale(1.1); 7733 transform: scale(1.1); 7734} 7735.blog-post a.blog-img::after{ 7736 content: ""; 7737 position: absolute; 7738 top: 0;left: 0;width: 100%; 7739 height: 100%; 7740 background-color: rgb(0 0 0 / 12%); 7741 opacity: 0; 7742 visibility: hidden; 7743} 7744.blog-post:hover a.blog-img::after{ 7745 opacity: 1; 7746 visibility: visible; 7747} 7748.blog-post a.blog-video-button{ 7749 font-size: 16px; 7750 color: #ec1e24; 7751 background-color: #fff; 7752 position: absolute; 7753 z-index: 1; 7754 width: 70px; 7755 height: 70px; 7756 margin: 0 auto; 7757 display: flex; 7758 align-items: center; 7759 justify-content: center; 7760 border-radius: 100%; 7761} 7762 7763.blog-post:hover a.blog-img span.blog-icon{ 7764 opacity: 1; 7765 visibility: visible; 7766} 7767.blog-post a.blog-img span.date-time{ display:none !important; 7768 position: absolute; 7769 z-index: 1;left: 0px;top: 0; 7770 color: #888; 7771 font-size: 15px; 7772 font-weight: 400; 7773 line-height: 1; 7774 display: flex; 7775 padding: 15px 30px; 7776 background-color: #fff; 7777 border-radius: 0; 7778 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 7779 -webkit-transition: all 0.3s ease-in-out 0s; 7780 -o-transition: all 0.3s ease-in-out 0s; 7781 transition: all 0.3s ease-in-out 0s; 7782} 7783.blog-post a.blog-img:hover span.date-time{ 7784 color: #fff; 7785 background-color: #ec1e24; 7786} 7787.blog-post a.blog-img span.date-time span{ 7788 display: block;margin-left: 3px;text-align: center; 7789} 7790.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 7791.blog-post a.blog-img::after, 7792.blog-post:hover a.blog-img::after, 7793.blog-post a.blog-img span.blog-icon, 7794.blog-post:hover a.blog-img span.blog-icon, 7795.blog-post a.blog-img span.blog-icon:hover{ 7796 -webkit-transition: all 0.3s ease-in-out 0s; 7797 -o-transition: all 0.3s ease-in-out 0s; 7798 transition: all 0.3s ease-in-out 0s; 7799} 7800.blog-post .blog-post-content{ 7801 padding-top: 40px; 7802} 7803.blog-post .blog-post-content h2{ 7804 color: #2e405d; 7805 font-size: 18px; 7806 font-weight: 500; 7807 width: 95%; 7808} 7809.blog-post .blog-post-content p{ 7810 display: none; 7811 color: #666; 7812 font-size: 16px; 7813 margin-top: 16px; 7814} 7815.blog-post .blog-post-content a.read-btn{ 7816 font-size: 14px; 7817 display: flex; 7818 align-items: baseline; 7819 margin-top: 20px; 7820 text-transform: capitalize; 7821 font-weight: 500; 7822 line-height: 1; 7823} 7824.blog-post .blog-post-content a.read-btn span{ 7825 display: block; 7826} 7827.blog-post .blog-post-content a.read-btn:hover i{ 7828 animation-name: arrow; 7829 animation-duration: 0.55s; 7830} 7831.blog-post .blog-post-content ul.post-tag{
7832 display: none !important; 7833 align-items: center; 7834 line-height: 1; 7835 margin-top: 25px; 7836} 7837.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 7838.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 7839.blog-post .blog-post-content ul.post-tag li a{ 7840 color: #888; 7841 font-size: 14px; 7842 text-transform: uppercase; 7843} 7844 7845@media (max-width: 1599px){ 7846 .blog-post .blog-post-content h2{ 7847 font-size: 16px; 7848 width: 100%; 7849 } 7850} 7851@media (max-width: 1199px){ 7852 .blog-post .blog-post-content{ 7853 padding-top: 30px; 7854 } 7855 .blog-post .blog-post-content h2{ 7856 font-size: 16px; 7857 } 7858} 7859@media (max-width: 767px){ 7860 .blog-post .blog-post-content{ 7861 padding-top: 15px; 7862 } 7863 .blog-post .blog-post-content p{ 7864 margin-top: 6px; 7865 font-size: 14px; 7866 } 7867 .blog-post .blog-post-content a.read-btn{ 7868 font-size: 14px; 7869 margin-top: 10px; 7870 } 7871} 7872</style> 7873 </li> 7874 7875 7876 <li class="blog-slider wow animate__fadeIn"> 7877 <div class="blog-post"> 7878 <div class="blog-img-post"> 7879 7880 7881 7882 <a href="/blogs/artist-roster/joey-aguirre" class="blog-img"> 7883 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/JOEY_AGUIRRE_400x413_crop_center.png?v=1659125145" alt="JOEY AGUIRRE" /> 7884 <span class="date-time"> 7885 <span class="date">11</span> 7886 <span class="time">Apr</span> 7887 <span class="year">2026</span> 7888 </span> 7889 </a> 7890 7891 7892 </div> 7893 <div class="blog-post-content"> 7894 <h2 class="blog-title">JOEY AGUIRRE</h2> 7895 <p class="blog-desc">SIFTING 7896 7897 7898Â 7899 7900Born in 1996 in Mexico, Joey Aguirre has been playing drums since he was nine years ...</p> 7901 7902 7903 <ul class="post-tag"> 7904 7905 <li><a href="/blogs/news/tagged/usa">USA</a></li> 7906 7907 </ul> 7908 7909 </div> 7910 7911</div> 7912<style type="text/css"> 7913 /* blog post css */ 7914 .blog-post { 7915 width:100%} 7916.blog-post .blog-img{ 7917 width: 100%; 7918} 7919.blog-post .blog-img-post{ 7920 position: relative; 7921 overflow: hidden; 7922 display: flex; 7923 align-items: center; 7924 justify-content: center; 7925} 7926.blog-post a.blog-img img{ 7927 transition: all 0.2s ease-in-out; 7928 -moz-transition: all 0.2s ease-in-out; 7929 -webkit-transition: all 0.2s ease-in-out; 7930 -ms-transition: all 0.2s ease-in-out; 7931 -o-transition: all 0.2s ease-in-out; 7932 object-fit:cover; 7933 height:250px; 7934 width:100%; 7935} 7936.blog-post a.blog-img:hover img{ 7937 -webkit-transform: scale(1.1); 7938 -ms-transform: scale(1.1); 7939 transform: scale(1.1); 7940} 7941.blog-post a.blog-img::after{ 7942 content: ""; 7943 position: absolute; 7944 top: 0;left: 0;width: 100%; 7945 height: 100%; 7946 background-color: rgb(0 0 0 / 12%); 7947 opacity: 0; 7948 visibility: hidden; 7949} 7950.blog-post:hover a.blog-img::after{ 7951 opacity: 1; 7952 visibility: visible; 7953} 7954.blog-post a.blog-video-button{ 7955 font-size: 16px; 7956 color: #ec1e24; 7957 background-color: #fff; 7958 position: absolute; 7959 z-index: 1; 7960 width: 70px; 7961 height: 70px; 7962 margin: 0 auto; 7963 display: flex; 7964 align-items: center; 7965 justify-content: center; 7966 border-radius: 100%; 7967} 7968 7969.blog-post:hover a.blog-img span.blog-icon{ 7970 opacity: 1; 7971 visibility: visible; 7972} 7973.blog-post a.blog-img span.date-time{ display:none !important; 7974 position: absolute; 7975 z-index: 1;left: 0px;top: 0; 7976 color: #888; 7977 font-size: 15px; 7978 font-weight: 400; 7979 line-height: 1; 7980 display: flex; 7981 padding: 15px 30px; 7982 background-color: #fff; 7983 border-radius: 0; 7984 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 7985 -webkit-transition: all 0.3s ease-in-out 0s; 7986 -o-transition: all 0.3s ease-in-out 0s; 7987 transition: all 0.3s ease-in-out 0s; 7988} 7989.blog-post a.blog-img:hover span.date-time{ 7990 color: #fff; 7991 background-color: #ec1e24; 7992} 7993.blog-post a.blog-img span.date-time span{ 7994 display: block;margin-left: 3px;text-align: center; 7995} 7996.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 7997.blog-post a.blog-img::after, 7998.blog-post:hover a.blog-img::after, 7999.blog-post a.blog-img span.blog-icon, 8000.blog-post:hover a.blog-img span.blog-icon, 8001.blog-post a.blog-img span.blog-icon:hover{ 8002 -webkit-transition: all 0.3s ease-in-out 0s; 8003 -o-transition: all 0.3s ease-in-out 0s; 8004 transition: all 0.3s ease-in-out 0s; 8005} 8006.blog-post .blog-post-content{ 8007 padding-top: 40px; 8008} 8009.blog-post .blog-post-content h2{ 8010 color: #2e405d; 8011 font-size: 18px; 8012 font-weight: 500; 8013 width: 95%; 8014} 8015.blog-post .blog-post-content p{ 8016 display: none; 8017 color: #666; 8018 font-size: 16px; 8019 margin-top: 16px; 8020} 8021.blog-post .blog-post-content a.read-btn{ 8022 font-size: 14px; 8023 display: flex; 8024 align-items: baseline; 8025 margin-top: 20px; 8026 text-transform: capitalize; 8027 font-weight: 500; 8028 line-height: 1; 8029} 8030.blog-post .blog-post-content a.read-btn span{ 8031 display: block; 8032} 8033.blog-post .blog-post-content a.read-btn:hover i{ 8034 animation-name: arrow; 8035 animation-duration: 0.55s; 8036} 8037.blog-post .blog-post-content ul.post-tag{
8038 display: none !important; 8039 align-items: center; 8040 line-height: 1; 8041 margin-top: 25px; 8042} 8043.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 8044.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 8045.blog-post .blog-post-content ul.post-tag li a{ 8046 color: #888; 8047 font-size: 14px; 8048 text-transform: uppercase; 8049} 8050 8051@media (max-width: 1599px){ 8052 .blog-post .blog-post-content h2{ 8053 font-size: 16px; 8054 width: 100%; 8055 } 8056} 8057@media (max-width: 1199px){ 8058 .blog-post .blog-post-content{ 8059 padding-top: 30px; 8060 } 8061 .blog-post .blog-post-content h2{ 8062 font-size: 16px; 8063 } 8064} 8065@media (max-width: 767px){ 8066 .blog-post .blog-post-content{ 8067 padding-top: 15px; 8068 } 8069 .blog-post .blog-post-content p{ 8070 margin-top: 6px; 8071 font-size: 14px; 8072 } 8073 .blog-post .blog-post-content a.read-btn{ 8074 font-size: 14px; 8075 margin-top: 10px; 8076 } 8077} 8078</style> 8079 </li> 8080 8081 8082 <li class="blog-slider wow animate__fadeIn"> 8083 <div class="blog-post"> 8084 <div class="blog-img-post"> 8085 8086 8087 8088 <a href="/blogs/artist-roster/joe-butterworth" class="blog-img"> 8089 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/joe_butterworth_400x413_crop_center.png?v=1659124777" alt="JOE BUTTERWORTH" /> 8090 <span class="date-time"> 8091 <span class="date">11</span> 8092 <span class="time">Apr</span> 8093 <span class="year">2026</span> 8094 </span> 8095 </a> 8096 8097 8098 </div> 8099 <div class="blog-post-content"> 8100 <h2 class="blog-title">JOE BUTTERWORTH</h2> 8101 <p class="blog-desc">TALANAS 8102 8103 8104Â 8105 8106Combining all the ferocity of extreme metal with atmospheric soundscapes influenced ...</p> 8107 8108 8109 <ul class="post-tag"> 8110 8111 <li><a href="/blogs/news/tagged/uk">UK</a></li> 8112 8113 </ul> 8114 8115 </div> 8116 8117</div> 8118<style type="text/css"> 8119 /* blog post css */ 8120 .blog-post { 8121 width:100%} 8122.blog-post .blog-img{ 8123 width: 100%; 8124} 8125.blog-post .blog-img-post{ 8126 position: relative; 8127 overflow: hidden; 8128 display: flex; 8129 align-items: center; 8130 justify-content: center; 8131} 8132.blog-post a.blog-img img{ 8133 transition: all 0.2s ease-in-out; 8134 -moz-transition: all 0.2s ease-in-out; 8135 -webkit-transition: all 0.2s ease-in-out; 8136 -ms-transition: all 0.2s ease-in-out; 8137 -o-transition: all 0.2s ease-in-out; 8138 object-fit:cover; 8139 height:250px; 8140 width:100%; 8141} 8142.blog-post a.blog-img:hover img{ 8143 -webkit-transform: scale(1.1); 8144 -ms-transform: scale(1.1); 8145 transform: scale(1.1); 8146} 8147.blog-post a.blog-img::after{ 8148 content: ""; 8149 position: absolute; 8150 top: 0;left: 0;width: 100%; 8151 height: 100%; 8152 background-color: rgb(0 0 0 / 12%); 8153 opacity: 0; 8154 visibility: hidden; 8155} 8156.blog-post:hover a.blog-img::after{ 8157 opacity: 1; 8158 visibility: visible; 8159} 8160.blog-post a.blog-video-button{ 8161 font-size: 16px; 8162 color: #ec1e24; 8163 background-color: #fff; 8164 position: absolute; 8165 z-index: 1; 8166 width: 70px; 8167 height: 70px; 8168 margin: 0 auto; 8169 display: flex; 8170 align-items: center; 8171 justify-content: center; 8172 border-radius: 100%; 8173} 8174 8175.blog-post:hover a.blog-img span.blog-icon{ 8176 opacity: 1; 8177 visibility: visible; 8178} 8179.blog-post a.blog-img span.date-time{ display:none !important; 8180 position: absolute; 8181 z-index: 1;left: 0px;top: 0; 8182 color: #888; 8183 font-size: 15px; 8184 font-weight: 400; 8185 line-height: 1; 8186 display: flex; 8187 padding: 15px 30px; 8188 background-color: #fff; 8189 border-radius: 0; 8190 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 8191 -webkit-transition: all 0.3s ease-in-out 0s; 8192 -o-transition: all 0.3s ease-in-out 0s; 8193 transition: all 0.3s ease-in-out 0s; 8194} 8195.blog-post a.blog-img:hover span.date-time{ 8196 color: #fff; 8197 background-color: #ec1e24; 8198} 8199.blog-post a.blog-img span.date-time span{ 8200 display: block;margin-left: 3px;text-align: center; 8201} 8202.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 8203.blog-post a.blog-img::after, 8204.blog-post:hover a.blog-img::after, 8205.blog-post a.blog-img span.blog-icon, 8206.blog-post:hover a.blog-img span.blog-icon, 8207.blog-post a.blog-img span.blog-icon:hover{ 8208 -webkit-transition: all 0.3s ease-in-out 0s; 8209 -o-transition: all 0.3s ease-in-out 0s; 8210 transition: all 0.3s ease-in-out 0s; 8211} 8212.blog-post .blog-post-content{ 8213 padding-top: 40px; 8214} 8215.blog-post .blog-post-content h2{ 8216 color: #2e405d; 8217 font-size: 18px; 8218 font-weight: 500; 8219 width: 95%; 8220} 8221.blog-post .blog-post-content p{ 8222 display: none; 8223 color: #666; 8224 font-size: 16px; 8225 margin-top: 16px; 8226} 8227.blog-post .blog-post-content a.read-btn{ 8228 font-size: 14px; 8229 display: flex; 8230 align-items: baseline; 8231 margin-top: 20px; 8232 text-transform: capitalize; 8233 font-weight: 500; 8234 line-height: 1; 8235} 8236.blog-post .blog-post-content a.read-btn span{ 8237 display: block; 8238} 8239.blog-post .blog-post-content a.read-btn:hover i{ 8240 animation-name: arrow; 8241 animation-duration: 0.55s; 8242} 8243.blog-post .blog-post-content ul.post-tag{
8244 display: none !important; 8245 align-items: center; 8246 line-height: 1; 8247 margin-top: 25px; 8248} 8249.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 8250.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 8251.blog-post .blog-post-content ul.post-tag li a{ 8252 color: #888; 8253 font-size: 14px; 8254 text-transform: uppercase; 8255} 8256 8257@media (max-width: 1599px){ 8258 .blog-post .blog-post-content h2{ 8259 font-size: 16px; 8260 width: 100%; 8261 } 8262} 8263@media (max-width: 1199px){ 8264 .blog-post .blog-post-content{ 8265 padding-top: 30px; 8266 } 8267 .blog-post .blog-post-content h2{ 8268 font-size: 16px; 8269 } 8270} 8271@media (max-width: 767px){ 8272 .blog-post .blog-post-content{ 8273 padding-top: 15px; 8274 } 8275 .blog-post .blog-post-content p{ 8276 margin-top: 6px; 8277 font-size: 14px; 8278 } 8279 .blog-post .blog-post-content a.read-btn{ 8280 font-size: 14px; 8281 margin-top: 10px; 8282 } 8283} 8284</style> 8285 </li> 8286 8287 8288 <li class="blog-slider wow animate__fadeIn"> 8289 <div class="blog-post"> 8290 <div class="blog-img-post"> 8291 8292 8293 8294 <a href="/blogs/artist-roster/greg-harrison" class="blog-img"> 8295 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_GHarrison_400x413_crop_center.png?v=1659122513" alt="GREG HARRISON" /> 8296 <span class="date-time"> 8297 <span class="date">11</span> 8298 <span class="time">Apr</span> 8299 <span class="year">2026</span> 8300 </span> 8301 </a> 8302 8303 8304 </div> 8305 <div class="blog-post-content"> 8306 <h2 class="blog-title">GREG HARRISON</h2> 8307 <p class="blog-desc">GREJ 8308 8309 8310Â 8311 8312Toronto-based percussionist and Dora-nominated composer Greg Harrison is emerging as on...</p> 8313 8314 8315 <ul class="post-tag"> 8316 8317 <li><a href="/blogs/news/tagged/canada">Canada</a></li> 8318 8319 </ul> 8320 8321 </div> 8322 8323</div> 8324<style type="text/css"> 8325 /* blog post css */ 8326 .blog-post { 8327 width:100%} 8328.blog-post .blog-img{ 8329 width: 100%; 8330} 8331.blog-post .blog-img-post{ 8332 position: relative; 8333 overflow: hidden; 8334 display: flex; 8335 align-items: center; 8336 justify-content: center; 8337} 8338.blog-post a.blog-img img{ 8339 transition: all 0.2s ease-in-out; 8340 -moz-transition: all 0.2s ease-in-out; 8341 -webkit-transition: all 0.2s ease-in-out; 8342 -ms-transition: all 0.2s ease-in-out; 8343 -o-transition: all 0.2s ease-in-out; 8344 object-fit:cover; 8345 height:250px; 8346 width:100%; 8347} 8348.blog-post a.blog-img:hover img{ 8349 -webkit-transform: scale(1.1); 8350 -ms-transform: scale(1.1); 8351 transform: scale(1.1); 8352} 8353.blog-post a.blog-img::after{ 8354 content: ""; 8355 position: absolute; 8356 top: 0;left: 0;width: 100%; 8357 height: 100%; 8358 background-color: rgb(0 0 0 / 12%); 8359 opacity: 0; 8360 visibility: hidden; 8361} 8362.blog-post:hover a.blog-img::after{ 8363 opacity: 1; 8364 visibility: visible; 8365} 8366.blog-post a.blog-video-button{ 8367 font-size: 16px; 8368 color: #ec1e24; 8369 background-color: #fff; 8370 position: absolute; 8371 z-index: 1; 8372 width: 70px; 8373 height: 70px; 8374 margin: 0 auto; 8375 display: flex; 8376 align-items: center; 8377 justify-content: center; 8378 border-radius: 100%; 8379} 8380 8381.blog-post:hover a.blog-img span.blog-icon{ 8382 opacity: 1; 8383 visibility: visible; 8384} 8385.blog-post a.blog-img span.date-time{ display:none !important; 8386 position: absolute; 8387 z-index: 1;left: 0px;top: 0; 8388 color: #888; 8389 font-size: 15px; 8390 font-weight: 400; 8391 line-height: 1; 8392 display: flex; 8393 padding: 15px 30px; 8394 background-color: #fff; 8395 border-radius: 0; 8396 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 8397 -webkit-transition: all 0.3s ease-in-out 0s; 8398 -o-transition: all 0.3s ease-in-out 0s; 8399 transition: all 0.3s ease-in-out 0s; 8400} 8401.blog-post a.blog-img:hover span.date-time{ 8402 color: #fff; 8403 background-color: #ec1e24; 8404} 8405.blog-post a.blog-img span.date-time span{ 8406 display: block;margin-left: 3px;text-align: center; 8407} 8408.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 8409.blog-post a.blog-img::after, 8410.blog-post:hover a.blog-img::after, 8411.blog-post a.blog-img span.blog-icon, 8412.blog-post:hover a.blog-img span.blog-icon, 8413.blog-post a.blog-img span.blog-icon:hover{ 8414 -webkit-transition: all 0.3s ease-in-out 0s; 8415 -o-transition: all 0.3s ease-in-out 0s; 8416 transition: all 0.3s ease-in-out 0s; 8417} 8418.blog-post .blog-post-content{ 8419 padding-top: 40px; 8420} 8421.blog-post .blog-post-content h2{ 8422 color: #2e405d; 8423 font-size: 18px; 8424 font-weight: 500; 8425 width: 95%; 8426} 8427.blog-post .blog-post-content p{ 8428 display: none; 8429 color: #666; 8430 font-size: 16px; 8431 margin-top: 16px; 8432} 8433.blog-post .blog-post-content a.read-btn{ 8434 font-size: 14px; 8435 display: flex; 8436 align-items: baseline; 8437 margin-top: 20px; 8438 text-transform: capitalize; 8439 font-weight: 500; 8440 line-height: 1; 8441} 8442.blog-post .blog-post-content a.read-btn span{ 8443 display: block; 8444} 8445.blog-post .blog-post-content a.read-btn:hover i{ 8446 animation-name: arrow; 8447 animation-duration: 0.55s; 8448} 8449.blog-post .blog-post-content ul.post-tag{
8450 display: none !important; 8451 align-items: center; 8452 line-height: 1; 8453 margin-top: 25px; 8454} 8455.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 8456.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 8457.blog-post .blog-post-content ul.post-tag li a{ 8458 color: #888; 8459 font-size: 14px; 8460 text-transform: uppercase; 8461} 8462 8463@media (max-width: 1599px){ 8464 .blog-post .blog-post-content h2{ 8465 font-size: 16px; 8466 width: 100%; 8467 } 8468} 8469@media (max-width: 1199px){ 8470 .blog-post .blog-post-content{ 8471 padding-top: 30px; 8472 } 8473 .blog-post .blog-post-content h2{ 8474 font-size: 16px; 8475 } 8476} 8477@media (max-width: 767px){ 8478 .blog-post .blog-post-content{ 8479 padding-top: 15px; 8480 } 8481 .blog-post .blog-post-content p{ 8482 margin-top: 6px; 8483 font-size: 14px; 8484 } 8485 .blog-post .blog-post-content a.read-btn{ 8486 font-size: 14px; 8487 margin-top: 10px; 8488 } 8489} 8490</style> 8491 </li> 8492 8493 8494 <li class="blog-slider wow animate__fadeIn"> 8495 <div class="blog-post"> 8496 <div class="blog-img-post"> 8497 8498 8499 8500 <a href="/blogs/artist-roster/giacomo-torti" class="blog-img"> 8501 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/giacomo_torti1_400x413_crop_center.jpg?v=1659121836" alt="GIACOMO TORTI" /> 8502 <span class="date-time"> 8503 <span class="date">11</span> 8504 <span class="time">Apr</span> 8505 <span class="year">2026</span> 8506 </span> 8507 </a> 8508 8509 8510 </div> 8511 <div class="blog-post-content"> 8512 <h2 class="blog-title">GIACOMO TORTI</h2> 8513 <p class="blog-desc">BLOODTRUTH 8514 8515 8516 8517 8518Giacomo started to play drums when he was 10. He started attending a music school...</p> 8519 8520 8521 <ul class="post-tag"> 8522 8523 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 8524 8525 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 8526 8527 <li><a href="/blogs/news/tagged/italy">Italy</a></li> 8528 8529 </ul> 8530 8531 </div> 8532 8533</div> 8534<style type="text/css"> 8535 /* blog post css */ 8536 .blog-post { 8537 width:100%} 8538.blog-post .blog-img{ 8539 width: 100%; 8540} 8541.blog-post .blog-img-post{ 8542 position: relative; 8543 overflow: hidden; 8544 display: flex; 8545 align-items: center; 8546 justify-content: center; 8547} 8548.blog-post a.blog-img img{ 8549 transition: all 0.2s ease-in-out; 8550 -moz-transition: all 0.2s ease-in-out; 8551 -webkit-transition: all 0.2s ease-in-out; 8552 -ms-transition: all 0.2s ease-in-out; 8553 -o-transition: all 0.2s ease-in-out; 8554 object-fit:cover; 8555 height:250px; 8556 width:100%; 8557} 8558.blog-post a.blog-img:hover img{ 8559 -webkit-transform: scale(1.1); 8560 -ms-transform: scale(1.1); 8561 transform: scale(1.1); 8562} 8563.blog-post a.blog-img::after{ 8564 content: ""; 8565 position: absolute; 8566 top: 0;left: 0;width: 100%; 8567 height: 100%; 8568 background-color: rgb(0 0 0 / 12%); 8569 opacity: 0; 8570 visibility: hidden; 8571} 8572.blog-post:hover a.blog-img::after{ 8573 opacity: 1; 8574 visibility: visible; 8575} 8576.blog-post a.blog-video-button{ 8577 font-size: 16px; 8578 color: #ec1e24; 8579 background-color: #fff; 8580 position: absolute; 8581 z-index: 1; 8582 width: 70px; 8583 height: 70px; 8584 margin: 0 auto; 8585 display: flex; 8586 align-items: center; 8587 justify-content: center; 8588 border-radius: 100%; 8589} 8590 8591.blog-post:hover a.blog-img span.blog-icon{ 8592 opacity: 1; 8593 visibility: visible; 8594} 8595.blog-post a.blog-img span.date-time{ display:none !important; 8596 position: absolute; 8597 z-index: 1;left: 0px;top: 0; 8598 color: #888; 8599 font-size: 15px; 8600 font-weight: 400; 8601 line-height: 1; 8602 display: flex; 8603 padding: 15px 30px; 8604 background-color: #fff; 8605 border-radius: 0; 8606 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 8607 -webkit-transition: all 0.3s ease-in-out 0s; 8608 -o-transition: all 0.3s ease-in-out 0s; 8609 transition: all 0.3s ease-in-out 0s; 8610} 8611.blog-post a.blog-img:hover span.date-time{ 8612 color: #fff; 8613 background-color: #ec1e24; 8614} 8615.blog-post a.blog-img span.date-time span{ 8616 display: block;margin-left: 3px;text-align: center; 8617} 8618.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 8619.blog-post a.blog-img::after, 8620.blog-post:hover a.blog-img::after, 8621.blog-post a.blog-img span.blog-icon, 8622.blog-post:hover a.blog-img span.blog-icon, 8623.blog-post a.blog-img span.blog-icon:hover{ 8624 -webkit-transition: all 0.3s ease-in-out 0s; 8625 -o-transition: all 0.3s ease-in-out 0s; 8626 transition: all 0.3s ease-in-out 0s; 8627} 8628.blog-post .blog-post-content{ 8629 padding-top: 40px; 8630} 8631.blog-post .blog-post-content h2{ 8632 color: #2e405d; 8633 font-size: 18px; 8634 font-weight: 500; 8635 width: 95%; 8636} 8637.blog-post .blog-post-content p{ 8638 display: none; 8639 color: #666; 8640 font-size: 16px; 8641 margin-top: 16px; 8642} 8643.blog-post .blog-post-content a.read-btn{ 8644 font-size: 14px; 8645 display: flex; 8646 align-items: baseline; 8647 margin-top: 20px; 8648 text-transform: capitalize; 8649 font-weight: 500; 8650 line-height: 1; 8651} 8652.blog-post .blog-post-content a.read-btn span{ 8653 display: block; 8654} 8655.blog-post .blog-post-content a.read-btn:hover i{ 8656 animation-name: arrow; 8657 animation-duration: 0.55s; 8658} 8659.blog-post .blog-post-content ul.post-tag{
8660 display: none !important; 8661 align-items: center; 8662 line-height: 1; 8663 margin-top: 25px; 8664} 8665.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 8666.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 8667.blog-post .blog-post-content ul.post-tag li a{ 8668 color: #888; 8669 font-size: 14px; 8670 text-transform: uppercase; 8671} 8672 8673@media (max-width: 1599px){ 8674 .blog-post .blog-post-content h2{ 8675 font-size: 16px; 8676 width: 100%; 8677 } 8678} 8679@media (max-width: 1199px){ 8680 .blog-post .blog-post-content{ 8681 padding-top: 30px; 8682 } 8683 .blog-post .blog-post-content h2{ 8684 font-size: 16px; 8685 } 8686} 8687@media (max-width: 767px){ 8688 .blog-post .blog-post-content{ 8689 padding-top: 15px; 8690 } 8691 .blog-post .blog-post-content p{ 8692 margin-top: 6px; 8693 font-size: 14px; 8694 } 8695 .blog-post .blog-post-content a.read-btn{ 8696 font-size: 14px; 8697 margin-top: 10px; 8698 } 8699} 8700</style> 8701 </li> 8702 8703 8704 <li class="blog-slider wow animate__fadeIn"> 8705 <div class="blog-post"> 8706 <div class="blog-img-post"> 8707 8708 8709 8710 <a href="/blogs/artist-roster/geoff-clapp" class="blog-img"> 8711 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_GClapp_400x413_crop_center.webp?v=1659121215" alt="GEOFF CLAPP" /> 8712 <span class="date-time"> 8713 <span class="date">11</span> 8714 <span class="time">Apr</span> 8715 <span class="year">2026</span> 8716 </span> 8717 </a> 8718 8719 8720 </div> 8721 <div class="blog-post-content"> 8722 <h2 class="blog-title">GEOFF CLAPP</h2> 8723 <p class="blog-desc">INDEPENDENT 8724 8725 8726Â 8727 8728Geoff Clapp is a one of a kind drummer whoâs feel and style are only matched by ...</p> 8729 8730 8731 <ul class="post-tag"> 8732 8733 <li><a href="/blogs/news/tagged/usa">USA</a></li> 8734 8735 </ul> 8736 8737 </div> 8738 8739</div> 8740<style type="text/css"> 8741 /* blog post css */ 8742 .blog-post { 8743 width:100%} 8744.blog-post .blog-img{ 8745 width: 100%; 8746} 8747.blog-post .blog-img-post{ 8748 position: relative; 8749 overflow: hidden; 8750 display: flex; 8751 align-items: center; 8752 justify-content: center; 8753} 8754.blog-post a.blog-img img{ 8755 transition: all 0.2s ease-in-out; 8756 -moz-transition: all 0.2s ease-in-out; 8757 -webkit-transition: all 0.2s ease-in-out; 8758 -ms-transition: all 0.2s ease-in-out; 8759 -o-transition: all 0.2s ease-in-out; 8760 object-fit:cover; 8761 height:250px; 8762 width:100%; 8763} 8764.blog-post a.blog-img:hover img{ 8765 -webkit-transform: scale(1.1); 8766 -ms-transform: scale(1.1); 8767 transform: scale(1.1); 8768} 8769.blog-post a.blog-img::after{ 8770 content: ""; 8771 position: absolute; 8772 top: 0;left: 0;width: 100%; 8773 height: 100%; 8774 background-color: rgb(0 0 0 / 12%); 8775 opacity: 0; 8776 visibility: hidden; 8777} 8778.blog-post:hover a.blog-img::after{ 8779 opacity: 1; 8780 visibility: visible; 8781} 8782.blog-post a.blog-video-button{ 8783 font-size: 16px; 8784 color: #ec1e24; 8785 background-color: #fff; 8786 position: absolute; 8787 z-index: 1; 8788 width: 70px; 8789 height: 70px; 8790 margin: 0 auto; 8791 display: flex; 8792 align-items: center; 8793 justify-content: center; 8794 border-radius: 100%; 8795} 8796 8797.blog-post:hover a.blog-img span.blog-icon{ 8798 opacity: 1; 8799 visibility: visible; 8800} 8801.blog-post a.blog-img span.date-time{ display:none !important; 8802 position: absolute; 8803 z-index: 1;left: 0px;top: 0; 8804 color: #888; 8805 font-size: 15px; 8806 font-weight: 400; 8807 line-height: 1; 8808 display: flex; 8809 padding: 15px 30px; 8810 background-color: #fff; 8811 border-radius: 0; 8812 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 8813 -webkit-transition: all 0.3s ease-in-out 0s; 8814 -o-transition: all 0.3s ease-in-out 0s; 8815 transition: all 0.3s ease-in-out 0s; 8816} 8817.blog-post a.blog-img:hover span.date-time{ 8818 color: #fff; 8819 background-color: #ec1e24; 8820} 8821.blog-post a.blog-img span.date-time span{ 8822 display: block;margin-left: 3px;text-align: center; 8823} 8824.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 8825.blog-post a.blog-img::after, 8826.blog-post:hover a.blog-img::after, 8827.blog-post a.blog-img span.blog-icon, 8828.blog-post:hover a.blog-img span.blog-icon, 8829.blog-post a.blog-img span.blog-icon:hover{ 8830 -webkit-transition: all 0.3s ease-in-out 0s; 8831 -o-transition: all 0.3s ease-in-out 0s; 8832 transition: all 0.3s ease-in-out 0s; 8833} 8834.blog-post .blog-post-content{ 8835 padding-top: 40px; 8836} 8837.blog-post .blog-post-content h2{ 8838 color: #2e405d; 8839 font-size: 18px; 8840 font-weight: 500; 8841 width: 95%; 8842} 8843.blog-post .blog-post-content p{ 8844 display: none; 8845 color: #666; 8846 font-size: 16px; 8847 margin-top: 16px; 8848} 8849.blog-post .blog-post-content a.read-btn{ 8850 font-size: 14px; 8851 display: flex; 8852 align-items: baseline; 8853 margin-top: 20px; 8854 text-transform: capitalize; 8855 font-weight: 500; 8856 line-height: 1; 8857} 8858.blog-post .blog-post-content a.read-btn span{ 8859 display: block; 8860} 8861.blog-post .blog-post-content a.read-btn:hover i{ 8862 animation-name: arrow; 8863 animation-duration: 0.55s; 8864} 8865.blog-post .blog-post-content ul.post-tag{
8866 display: none !important; 8867 align-items: center; 8868 line-height: 1; 8869 margin-top: 25px; 8870} 8871.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 8872.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 8873.blog-post .blog-post-content ul.post-tag li a{ 8874 color: #888; 8875 font-size: 14px; 8876 text-transform: uppercase; 8877} 8878 8879@media (max-width: 1599px){ 8880 .blog-post .blog-post-content h2{ 8881 font-size: 16px; 8882 width: 100%; 8883 } 8884} 8885@media (max-width: 1199px){ 8886 .blog-post .blog-post-content{ 8887 padding-top: 30px; 8888 } 8889 .blog-post .blog-post-content h2{ 8890 font-size: 16px; 8891 } 8892} 8893@media (max-width: 767px){ 8894 .blog-post .blog-post-content{ 8895 padding-top: 15px; 8896 } 8897 .blog-post .blog-post-content p{ 8898 margin-top: 6px; 8899 font-size: 14px; 8900 } 8901 .blog-post .blog-post-content a.read-btn{ 8902 font-size: 14px; 8903 margin-top: 10px; 8904 } 8905} 8906</style> 8907 </li> 8908 8909 8910 <li class="blog-slider wow animate__fadeIn"> 8911 <div class="blog-post"> 8912 <div class="blog-img-post"> 8913 8914 8915 8916 <a href="/blogs/artist-roster/fabiano-manhas" class="blog-img"> 8917 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_FabianoM_400x413_crop_center.jpg?v=1659120816" alt="FABIANO MANHAS" /> 8918 <span class="date-time"> 8919 <span class="date">11</span> 8920 <span class="time">Apr</span> 8921 <span class="year">2026</span> 8922 </span> 8923 </a> 8924 8925 8926 </div> 8927 <div class="blog-post-content"> 8928 <h2 class="blog-title">FABIANO MANHAS</h2> 8929 <p class="blog-desc">INDEPENDENT 8930 8931 8932 8933 8934Fabiano Manhas 29 years as a professional drummer and 35 as drummer. He started...</p> 8935 8936 8937 <ul class="post-tag"> 8938 8939 <li><a href="/blogs/news/tagged/brazil">Brazil</a></li> 8940 8941 </ul> 8942 8943 </div> 8944 8945</div> 8946<style type="text/css"> 8947 /* blog post css */ 8948 .blog-post { 8949 width:100%} 8950.blog-post .blog-img{ 8951 width: 100%; 8952} 8953.blog-post .blog-img-post{ 8954 position: relative; 8955 overflow: hidden; 8956 display: flex; 8957 align-items: center; 8958 justify-content: center; 8959} 8960.blog-post a.blog-img img{ 8961 transition: all 0.2s ease-in-out; 8962 -moz-transition: all 0.2s ease-in-out; 8963 -webkit-transition: all 0.2s ease-in-out; 8964 -ms-transition: all 0.2s ease-in-out; 8965 -o-transition: all 0.2s ease-in-out; 8966 object-fit:cover; 8967 height:250px; 8968 width:100%; 8969} 8970.blog-post a.blog-img:hover img{ 8971 -webkit-transform: scale(1.1); 8972 -ms-transform: scale(1.1); 8973 transform: scale(1.1); 8974} 8975.blog-post a.blog-img::after{ 8976 content: ""; 8977 position: absolute; 8978 top: 0;left: 0;width: 100%; 8979 height: 100%; 8980 background-color: rgb(0 0 0 / 12%); 8981 opacity: 0; 8982 visibility: hidden; 8983} 8984.blog-post:hover a.blog-img::after{ 8985 opacity: 1; 8986 visibility: visible; 8987} 8988.blog-post a.blog-video-button{ 8989 font-size: 16px; 8990 color: #ec1e24; 8991 background-color: #fff; 8992 position: absolute; 8993 z-index: 1; 8994 width: 70px; 8995 height: 70px; 8996 margin: 0 auto; 8997 display: flex; 8998 align-items: center; 8999 justify-content: center; 9000 border-radius: 100%; 9001} 9002 9003.blog-post:hover a.blog-img span.blog-icon{ 9004 opacity: 1; 9005 visibility: visible; 9006} 9007.blog-post a.blog-img span.date-time{ display:none !important; 9008 position: absolute; 9009 z-index: 1;left: 0px;top: 0; 9010 color: #888; 9011 font-size: 15px; 9012 font-weight: 400; 9013 line-height: 1; 9014 display: flex; 9015 padding: 15px 30px; 9016 background-color: #fff; 9017 border-radius: 0; 9018 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 9019 -webkit-transition: all 0.3s ease-in-out 0s; 9020 -o-transition: all 0.3s ease-in-out 0s; 9021 transition: all 0.3s ease-in-out 0s; 9022} 9023.blog-post a.blog-img:hover span.date-time{ 9024 color: #fff; 9025 background-color: #ec1e24; 9026} 9027.blog-post a.blog-img span.date-time span{ 9028 display: block;margin-left: 3px;text-align: center; 9029} 9030.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 9031.blog-post a.blog-img::after, 9032.blog-post:hover a.blog-img::after, 9033.blog-post a.blog-img span.blog-icon, 9034.blog-post:hover a.blog-img span.blog-icon, 9035.blog-post a.blog-img span.blog-icon:hover{ 9036 -webkit-transition: all 0.3s ease-in-out 0s; 9037 -o-transition: all 0.3s ease-in-out 0s; 9038 transition: all 0.3s ease-in-out 0s; 9039} 9040.blog-post .blog-post-content{ 9041 padding-top: 40px; 9042} 9043.blog-post .blog-post-content h2{ 9044 color: #2e405d; 9045 font-size: 18px; 9046 font-weight: 500; 9047 width: 95%; 9048} 9049.blog-post .blog-post-content p{ 9050 display: none; 9051 color: #666; 9052 font-size: 16px; 9053 margin-top: 16px; 9054} 9055.blog-post .blog-post-content a.read-btn{ 9056 font-size: 14px; 9057 display: flex; 9058 align-items: baseline; 9059 margin-top: 20px; 9060 text-transform: capitalize; 9061 font-weight: 500; 9062 line-height: 1; 9063} 9064.blog-post .blog-post-content a.read-btn span{ 9065 display: block; 9066} 9067.blog-post .blog-post-content a.read-btn:hover i{ 9068 animation-name: arrow; 9069 animation-duration: 0.55s; 9070} 9071.blog-post .blog-post-content ul.post-tag{
9072 display: none !important; 9073 align-items: center; 9074 line-height: 1; 9075 margin-top: 25px; 9076} 9077.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 9078.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 9079.blog-post .blog-post-content ul.post-tag li a{ 9080 color: #888; 9081 font-size: 14px; 9082 text-transform: uppercase; 9083} 9084 9085@media (max-width: 1599px){ 9086 .blog-post .blog-post-content h2{ 9087 font-size: 16px; 9088 width: 100%; 9089 } 9090} 9091@media (max-width: 1199px){ 9092 .blog-post .blog-post-content{ 9093 padding-top: 30px; 9094 } 9095 .blog-post .blog-post-content h2{ 9096 font-size: 16px; 9097 } 9098} 9099@media (max-width: 767px){ 9100 .blog-post .blog-post-content{ 9101 padding-top: 15px; 9102 } 9103 .blog-post .blog-post-content p{ 9104 margin-top: 6px; 9105 font-size: 14px; 9106 } 9107 .blog-post .blog-post-content a.read-btn{ 9108 font-size: 14px; 9109 margin-top: 10px; 9110 } 9111} 9112</style> 9113 </li> 9114 9115 9116 <li class="blog-slider wow animate__fadeIn"> 9117 <div class="blog-post"> 9118 <div class="blog-img-post"> 9119 9120 9121 9122 <a href="/blogs/artist-roster/david-husvik" class="blog-img"> 9123 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_DHusvik_400x413_crop_center.png?v=1659119900" alt="DAVID HUSVIK" /> 9124 <span class="date-time"> 9125 <span class="date">11</span> 9126 <span class="time">Apr</span> 9127 <span class="year">2026</span> 9128 </span> 9129 </a> 9130 9131 9132 </div> 9133 <div class="blog-post-content"> 9134 <h2 class="blog-title">DAVID HUSVIK</h2> 9135 <p class="blog-desc">INDEPENDENT 9136 9137 9138Â 9139 9140David Husvik is a Norwegian drummer who has played in metal bands Extol, Absurd,...</p> 9141 9142 9143 <ul class="post-tag"> 9144 9145 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 9146 9147 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 9148 9149 <li><a href="/blogs/news/tagged/norway">Norway</a></li> 9150 9151 </ul> 9152 9153 </div> 9154 9155</div> 9156<style type="text/css"> 9157 /* blog post css */ 9158 .blog-post { 9159 width:100%} 9160.blog-post .blog-img{ 9161 width: 100%; 9162} 9163.blog-post .blog-img-post{ 9164 position: relative; 9165 overflow: hidden; 9166 display: flex; 9167 align-items: center; 9168 justify-content: center; 9169} 9170.blog-post a.blog-img img{ 9171 transition: all 0.2s ease-in-out; 9172 -moz-transition: all 0.2s ease-in-out; 9173 -webkit-transition: all 0.2s ease-in-out; 9174 -ms-transition: all 0.2s ease-in-out; 9175 -o-transition: all 0.2s ease-in-out; 9176 object-fit:cover; 9177 height:250px; 9178 width:100%; 9179} 9180.blog-post a.blog-img:hover img{ 9181 -webkit-transform: scale(1.1); 9182 -ms-transform: scale(1.1); 9183 transform: scale(1.1); 9184} 9185.blog-post a.blog-img::after{ 9186 content: ""; 9187 position: absolute; 9188 top: 0;left: 0;width: 100%; 9189 height: 100%; 9190 background-color: rgb(0 0 0 / 12%); 9191 opacity: 0; 9192 visibility: hidden; 9193} 9194.blog-post:hover a.blog-img::after{ 9195 opacity: 1; 9196 visibility: visible; 9197} 9198.blog-post a.blog-video-button{ 9199 font-size: 16px; 9200 color: #ec1e24; 9201 background-color: #fff; 9202 position: absolute; 9203 z-index: 1; 9204 width: 70px; 9205 height: 70px; 9206 margin: 0 auto; 9207 display: flex; 9208 align-items: center; 9209 justify-content: center; 9210 border-radius: 100%; 9211} 9212 9213.blog-post:hover a.blog-img span.blog-icon{ 9214 opacity: 1; 9215 visibility: visible; 9216} 9217.blog-post a.blog-img span.date-time{ display:none !important; 9218 position: absolute; 9219 z-index: 1;left: 0px;top: 0; 9220 color: #888; 9221 font-size: 15px; 9222 font-weight: 400; 9223 line-height: 1; 9224 display: flex; 9225 padding: 15px 30px; 9226 background-color: #fff; 9227 border-radius: 0; 9228 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 9229 -webkit-transition: all 0.3s ease-in-out 0s; 9230 -o-transition: all 0.3s ease-in-out 0s; 9231 transition: all 0.3s ease-in-out 0s; 9232} 9233.blog-post a.blog-img:hover span.date-time{ 9234 color: #fff; 9235 background-color: #ec1e24; 9236} 9237.blog-post a.blog-img span.date-time span{ 9238 display: block;margin-left: 3px;text-align: center; 9239} 9240.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 9241.blog-post a.blog-img::after, 9242.blog-post:hover a.blog-img::after, 9243.blog-post a.blog-img span.blog-icon, 9244.blog-post:hover a.blog-img span.blog-icon, 9245.blog-post a.blog-img span.blog-icon:hover{ 9246 -webkit-transition: all 0.3s ease-in-out 0s; 9247 -o-transition: all 0.3s ease-in-out 0s; 9248 transition: all 0.3s ease-in-out 0s; 9249} 9250.blog-post .blog-post-content{ 9251 padding-top: 40px; 9252} 9253.blog-post .blog-post-content h2{ 9254 color: #2e405d; 9255 font-size: 18px; 9256 font-weight: 500; 9257 width: 95%; 9258} 9259.blog-post .blog-post-content p{ 9260 display: none; 9261 color: #666; 9262 font-size: 16px; 9263 margin-top: 16px; 9264} 9265.blog-post .blog-post-content a.read-btn{ 9266 font-size: 14px; 9267 display: flex; 9268 align-items: baseline; 9269 margin-top: 20px; 9270 text-transform: capitalize; 9271 font-weight: 500; 9272 line-height: 1; 9273} 9274.blog-post .blog-post-content a.read-btn span{ 9275 display: block; 9276} 9277.blog-post .blog-post-content a.read-btn:hover i{ 9278 animation-name: arrow; 9279 animation-duration: 0.55s; 9280} 9281.blog-post .blog-post-content ul.post-tag{
9282 display: none !important; 9283 align-items: center; 9284 line-height: 1; 9285 margin-top: 25px; 9286} 9287.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 9288.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 9289.blog-post .blog-post-content ul.post-tag li a{ 9290 color: #888; 9291 font-size: 14px; 9292 text-transform: uppercase; 9293} 9294 9295@media (max-width: 1599px){ 9296 .blog-post .blog-post-content h2{ 9297 font-size: 16px; 9298 width: 100%; 9299 } 9300} 9301@media (max-width: 1199px){ 9302 .blog-post .blog-post-content{ 9303 padding-top: 30px; 9304 } 9305 .blog-post .blog-post-content h2{ 9306 font-size: 16px; 9307 } 9308} 9309@media (max-width: 767px){ 9310 .blog-post .blog-post-content{ 9311 padding-top: 15px; 9312 } 9313 .blog-post .blog-post-content p{ 9314 margin-top: 6px; 9315 font-size: 14px; 9316 } 9317 .blog-post .blog-post-content a.read-btn{ 9318 font-size: 14px; 9319 margin-top: 10px; 9320 } 9321} 9322</style> 9323 </li> 9324 9325 9326 <li class="blog-slider wow animate__fadeIn"> 9327 <div class="blog-post"> 9328 <div class="blog-img-post"> 9329 9330 9331 9332 <a href="/blogs/artist-roster/alpheus-underhill" class="blog-img"> 9333 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/alpheus_400x413_crop_center.png?v=1659123158" alt="ALPHEUS UNDERHILL" /> 9334 <span class="date-time"> 9335 <span class="date">11</span> 9336 <span class="time">Apr</span> 9337 <span class="year">2026</span> 9338 </span> 9339 </a> 9340 9341 9342 </div> 9343 <div class="blog-post-content"> 9344 <h2 class="blog-title">ALPHEUS UNDERHILL</h2> 9345 <p class="blog-desc">ULTERRAN 9346 9347 9348 9349 9350Alpheus Underhill is a L.A.-based drummer with a career spanning 22 years. Alpheus ...</p> 9351 9352 9353 <ul class="post-tag"> 9354 9355 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 9356 9357 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 9358 9359 <li><a href="/blogs/news/tagged/usa">USA</a></li> 9360 9361 </ul> 9362 9363 </div> 9364 9365</div> 9366<style type="text/css"> 9367 /* blog post css */ 9368 .blog-post { 9369 width:100%} 9370.blog-post .blog-img{ 9371 width: 100%; 9372} 9373.blog-post .blog-img-post{ 9374 position: relative; 9375 overflow: hidden; 9376 display: flex; 9377 align-items: center; 9378 justify-content: center; 9379} 9380.blog-post a.blog-img img{ 9381 transition: all 0.2s ease-in-out; 9382 -moz-transition: all 0.2s ease-in-out; 9383 -webkit-transition: all 0.2s ease-in-out; 9384 -ms-transition: all 0.2s ease-in-out; 9385 -o-transition: all 0.2s ease-in-out; 9386 object-fit:cover; 9387 height:250px; 9388 width:100%; 9389} 9390.blog-post a.blog-img:hover img{ 9391 -webkit-transform: scale(1.1); 9392 -ms-transform: scale(1.1); 9393 transform: scale(1.1); 9394} 9395.blog-post a.blog-img::after{ 9396 content: ""; 9397 position: absolute; 9398 top: 0;left: 0;width: 100%; 9399 height: 100%; 9400 background-color: rgb(0 0 0 / 12%); 9401 opacity: 0; 9402 visibility: hidden; 9403} 9404.blog-post:hover a.blog-img::after{ 9405 opacity: 1; 9406 visibility: visible; 9407} 9408.blog-post a.blog-video-button{ 9409 font-size: 16px; 9410 color: #ec1e24; 9411 background-color: #fff; 9412 position: absolute; 9413 z-index: 1; 9414 width: 70px; 9415 height: 70px; 9416 margin: 0 auto; 9417 display: flex; 9418 align-items: center; 9419 justify-content: center; 9420 border-radius: 100%; 9421} 9422 9423.blog-post:hover a.blog-img span.blog-icon{ 9424 opacity: 1; 9425 visibility: visible; 9426} 9427.blog-post a.blog-img span.date-time{ display:none !important; 9428 position: absolute; 9429 z-index: 1;left: 0px;top: 0; 9430 color: #888; 9431 font-size: 15px; 9432 font-weight: 400; 9433 line-height: 1; 9434 display: flex; 9435 padding: 15px 30px; 9436 background-color: #fff; 9437 border-radius: 0; 9438 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 9439 -webkit-transition: all 0.3s ease-in-out 0s; 9440 -o-transition: all 0.3s ease-in-out 0s; 9441 transition: all 0.3s ease-in-out 0s; 9442} 9443.blog-post a.blog-img:hover span.date-time{ 9444 color: #fff; 9445 background-color: #ec1e24; 9446} 9447.blog-post a.blog-img span.date-time span{ 9448 display: block;margin-left: 3px;text-align: center; 9449} 9450.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 9451.blog-post a.blog-img::after, 9452.blog-post:hover a.blog-img::after, 9453.blog-post a.blog-img span.blog-icon, 9454.blog-post:hover a.blog-img span.blog-icon, 9455.blog-post a.blog-img span.blog-icon:hover{ 9456 -webkit-transition: all 0.3s ease-in-out 0s; 9457 -o-transition: all 0.3s ease-in-out 0s; 9458 transition: all 0.3s ease-in-out 0s; 9459} 9460.blog-post .blog-post-content{ 9461 padding-top: 40px; 9462} 9463.blog-post .blog-post-content h2{ 9464 color: #2e405d; 9465 font-size: 18px; 9466 font-weight: 500; 9467 width: 95%; 9468} 9469.blog-post .blog-post-content p{ 9470 display: none; 9471 color: #666; 9472 font-size: 16px; 9473 margin-top: 16px; 9474} 9475.blog-post .blog-post-content a.read-btn{ 9476 font-size: 14px; 9477 display: flex; 9478 align-items: baseline; 9479 margin-top: 20px; 9480 text-transform: capitalize; 9481 font-weight: 500; 9482 line-height: 1; 9483} 9484.blog-post .blog-post-content a.read-btn span{ 9485 display: block; 9486} 9487.blog-post .blog-post-content a.read-btn:hover i{ 9488 animation-name: arrow; 9489 animation-duration: 0.55s; 9490} 9491.blog-post .blog-post-content ul.post-tag{
9492 display: none !important; 9493 align-items: center; 9494 line-height: 1; 9495 margin-top: 25px; 9496} 9497.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 9498.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 9499.blog-post .blog-post-content ul.post-tag li a{ 9500 color: #888; 9501 font-size: 14px; 9502 text-transform: uppercase; 9503} 9504 9505@media (max-width: 1599px){ 9506 .blog-post .blog-post-content h2{ 9507 font-size: 16px; 9508 width: 100%; 9509 } 9510} 9511@media (max-width: 1199px){ 9512 .blog-post .blog-post-content{ 9513 padding-top: 30px; 9514 } 9515 .blog-post .blog-post-content h2{ 9516 font-size: 16px; 9517 } 9518} 9519@media (max-width: 767px){ 9520 .blog-post .blog-post-content{ 9521 padding-top: 15px; 9522 } 9523 .blog-post .blog-post-content p{ 9524 margin-top: 6px; 9525 font-size: 14px; 9526 } 9527 .blog-post .blog-post-content a.read-btn{ 9528 font-size: 14px; 9529 margin-top: 10px; 9530 } 9531} 9532</style> 9533 </li> 9534 9535 9536 <li class="blog-slider wow animate__fadeIn"> 9537 <div class="blog-post"> 9538 <div class="blog-img-post"> 9539 9540 9541 9542 <a href="/blogs/artist-roster/tim-waterson" class="blog-img"> 9543 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_TWaterson_400x413_crop_center.png?v=1659471158" alt="TIM WATERSON" /> 9544 <span class="date-time"> 9545 <span class="date">11</span> 9546 <span class="time">Apr</span> 9547 <span class="year">2026</span> 9548 </span> 9549 </a> 9550 9551 9552 </div> 9553 <div class="blog-post-content"> 9554 <h2 class="blog-title">TIM WATERSON</h2> 9555 <p class="blog-desc">INDEPENDENT - WORLD RECORD HOLDER 9556 9557 9558Â 9559 9560DRUMMER,AUTHOR,CLINICIAN 9561For Over 40 Years Tim Waterson ha...</p> 9562 9563 9564 <ul class="post-tag"> 9565 9566 <li><a href="/blogs/news/tagged/canada">Canada</a></li> 9567 9568 </ul> 9569 9570 </div> 9571 9572</div> 9573<style type="text/css"> 9574 /* blog post css */ 9575 .blog-post { 9576 width:100%} 9577.blog-post .blog-img{ 9578 width: 100%; 9579} 9580.blog-post .blog-img-post{ 9581 position: relative; 9582 overflow: hidden; 9583 display: flex; 9584 align-items: center; 9585 justify-content: center; 9586} 9587.blog-post a.blog-img img{ 9588 transition: all 0.2s ease-in-out; 9589 -moz-transition: all 0.2s ease-in-out; 9590 -webkit-transition: all 0.2s ease-in-out; 9591 -ms-transition: all 0.2s ease-in-out; 9592 -o-transition: all 0.2s ease-in-out; 9593 object-fit:cover; 9594 height:250px; 9595 width:100%; 9596} 9597.blog-post a.blog-img:hover img{ 9598 -webkit-transform: scale(1.1); 9599 -ms-transform: scale(1.1); 9600 transform: scale(1.1); 9601} 9602.blog-post a.blog-img::after{ 9603 content: ""; 9604 position: absolute; 9605 top: 0;left: 0;width: 100%; 9606 height: 100%; 9607 background-color: rgb(0 0 0 / 12%); 9608 opacity: 0; 9609 visibility: hidden; 9610} 9611.blog-post:hover a.blog-img::after{ 9612 opacity: 1; 9613 visibility: visible; 9614} 9615.blog-post a.blog-video-button{ 9616 font-size: 16px; 9617 color: #ec1e24; 9618 background-color: #fff; 9619 position: absolute; 9620 z-index: 1; 9621 width: 70px; 9622 height: 70px; 9623 margin: 0 auto; 9624 display: flex; 9625 align-items: center; 9626 justify-content: center; 9627 border-radius: 100%; 9628} 9629 9630.blog-post:hover a.blog-img span.blog-icon{ 9631 opacity: 1; 9632 visibility: visible; 9633} 9634.blog-post a.blog-img span.date-time{ display:none !important; 9635 position: absolute; 9636 z-index: 1;left: 0px;top: 0; 9637 color: #888; 9638 font-size: 15px; 9639 font-weight: 400; 9640 line-height: 1; 9641 display: flex; 9642 padding: 15px 30px; 9643 background-color: #fff; 9644 border-radius: 0; 9645 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 9646 -webkit-transition: all 0.3s ease-in-out 0s; 9647 -o-transition: all 0.3s ease-in-out 0s; 9648 transition: all 0.3s ease-in-out 0s; 9649} 9650.blog-post a.blog-img:hover span.date-time{ 9651 color: #fff; 9652 background-color: #ec1e24; 9653} 9654.blog-post a.blog-img span.date-time span{ 9655 display: block;margin-left: 3px;text-align: center; 9656} 9657.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 9658.blog-post a.blog-img::after, 9659.blog-post:hover a.blog-img::after, 9660.blog-post a.blog-img span.blog-icon, 9661.blog-post:hover a.blog-img span.blog-icon, 9662.blog-post a.blog-img span.blog-icon:hover{ 9663 -webkit-transition: all 0.3s ease-in-out 0s; 9664 -o-transition: all 0.3s ease-in-out 0s; 9665 transition: all 0.3s ease-in-out 0s; 9666} 9667.blog-post .blog-post-content{ 9668 padding-top: 40px; 9669} 9670.blog-post .blog-post-content h2{ 9671 color: #2e405d; 9672 font-size: 18px; 9673 font-weight: 500; 9674 width: 95%; 9675} 9676.blog-post .blog-post-content p{ 9677 display: none; 9678 color: #666; 9679 font-size: 16px; 9680 margin-top: 16px; 9681} 9682.blog-post .blog-post-content a.read-btn{ 9683 font-size: 14px; 9684 display: flex; 9685 align-items: baseline; 9686 margin-top: 20px; 9687 text-transform: capitalize; 9688 font-weight: 500; 9689 line-height: 1; 9690} 9691.blog-post .blog-post-content a.read-btn span{ 9692 display: block; 9693} 9694.blog-post .blog-post-content a.read-btn:hover i{ 9695 animation-name: arrow; 9696 animation-duration: 0.55s; 9697} 9698.blog-post .blog-post-content ul.post-tag{
9699 display: none !important; 9700 align-items: center; 9701 line-height: 1; 9702 margin-top: 25px; 9703} 9704.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 9705.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 9706.blog-post .blog-post-content ul.post-tag li a{ 9707 color: #888; 9708 font-size: 14px; 9709 text-transform: uppercase; 9710} 9711 9712@media (max-width: 1599px){ 9713 .blog-post .blog-post-content h2{ 9714 font-size: 16px; 9715 width: 100%; 9716 } 9717} 9718@media (max-width: 1199px){ 9719 .blog-post .blog-post-content{ 9720 padding-top: 30px; 9721 } 9722 .blog-post .blog-post-content h2{ 9723 font-size: 16px; 9724 } 9725} 9726@media (max-width: 767px){ 9727 .blog-post .blog-post-content{ 9728 padding-top: 15px; 9729 } 9730 .blog-post .blog-post-content p{ 9731 margin-top: 6px; 9732 font-size: 14px; 9733 } 9734 .blog-post .blog-post-content a.read-btn{ 9735 font-size: 14px; 9736 margin-top: 10px; 9737 } 9738} 9739</style> 9740 </li> 9741 9742 9743 <li class="blog-slider wow animate__fadeIn"> 9744 <div class="blog-post"> 9745 <div class="blog-img-post"> 9746 9747 9748 9749 <a href="/blogs/artist-roster/steve-shalaty" class="blog-img"> 9750 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_SShalaty_400x413_crop_center.png?v=1659469110" alt="STEVE SHALATY" /> 9751 <span class="date-time"> 9752 <span class="date">11</span> 9753 <span class="time">Apr</span> 9754 <span class="year">2026</span> 9755 </span> 9756 </a> 9757 9758 9759 </div> 9760 <div class="blog-post-content"> 9761 <h2 class="blog-title">STEVE SHALATY</h2> 9762 <p class="blog-desc">IMMOLATION 9763 9764 9765Â 9766 9767Born and raised in the rural suburbs of Cleveland, Steve fell in love with music ...</p> 9768 9769 9770 <ul class="post-tag"> 9771 9772 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 9773 9774 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 9775 9776 <li><a href="/blogs/news/tagged/usa">USA</a></li> 9777 9778 </ul> 9779 9780 </div> 9781 9782</div> 9783<style type="text/css"> 9784 /* blog post css */ 9785 .blog-post { 9786 width:100%} 9787.blog-post .blog-img{ 9788 width: 100%; 9789} 9790.blog-post .blog-img-post{ 9791 position: relative; 9792 overflow: hidden; 9793 display: flex; 9794 align-items: center; 9795 justify-content: center; 9796} 9797.blog-post a.blog-img img{ 9798 transition: all 0.2s ease-in-out; 9799 -moz-transition: all 0.2s ease-in-out; 9800 -webkit-transition: all 0.2s ease-in-out; 9801 -ms-transition: all 0.2s ease-in-out; 9802 -o-transition: all 0.2s ease-in-out; 9803 object-fit:cover; 9804 height:250px; 9805 width:100%; 9806} 9807.blog-post a.blog-img:hover img{ 9808 -webkit-transform: scale(1.1); 9809 -ms-transform: scale(1.1); 9810 transform: scale(1.1); 9811} 9812.blog-post a.blog-img::after{ 9813 content: ""; 9814 position: absolute; 9815 top: 0;left: 0;width: 100%; 9816 height: 100%; 9817 background-color: rgb(0 0 0 / 12%); 9818 opacity: 0; 9819 visibility: hidden; 9820} 9821.blog-post:hover a.blog-img::after{ 9822 opacity: 1; 9823 visibility: visible; 9824} 9825.blog-post a.blog-video-button{ 9826 font-size: 16px; 9827 color: #ec1e24; 9828 background-color: #fff; 9829 position: absolute; 9830 z-index: 1; 9831 width: 70px; 9832 height: 70px; 9833 margin: 0 auto; 9834 display: flex; 9835 align-items: center; 9836 justify-content: center; 9837 border-radius: 100%; 9838} 9839 9840.blog-post:hover a.blog-img span.blog-icon{ 9841 opacity: 1; 9842 visibility: visible; 9843} 9844.blog-post a.blog-img span.date-time{ display:none !important; 9845 position: absolute; 9846 z-index: 1;left: 0px;top: 0; 9847 color: #888; 9848 font-size: 15px; 9849 font-weight: 400; 9850 line-height: 1; 9851 display: flex; 9852 padding: 15px 30px; 9853 background-color: #fff; 9854 border-radius: 0; 9855 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 9856 -webkit-transition: all 0.3s ease-in-out 0s; 9857 -o-transition: all 0.3s ease-in-out 0s; 9858 transition: all 0.3s ease-in-out 0s; 9859} 9860.blog-post a.blog-img:hover span.date-time{ 9861 color: #fff; 9862 background-color: #ec1e24; 9863} 9864.blog-post a.blog-img span.date-time span{ 9865 display: block;margin-left: 3px;text-align: center; 9866} 9867.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 9868.blog-post a.blog-img::after, 9869.blog-post:hover a.blog-img::after, 9870.blog-post a.blog-img span.blog-icon, 9871.blog-post:hover a.blog-img span.blog-icon, 9872.blog-post a.blog-img span.blog-icon:hover{ 9873 -webkit-transition: all 0.3s ease-in-out 0s; 9874 -o-transition: all 0.3s ease-in-out 0s; 9875 transition: all 0.3s ease-in-out 0s; 9876} 9877.blog-post .blog-post-content{ 9878 padding-top: 40px; 9879} 9880.blog-post .blog-post-content h2{ 9881 color: #2e405d; 9882 font-size: 18px; 9883 font-weight: 500; 9884 width: 95%; 9885} 9886.blog-post .blog-post-content p{ 9887 display: none; 9888 color: #666; 9889 font-size: 16px; 9890 margin-top: 16px; 9891} 9892.blog-post .blog-post-content a.read-btn{ 9893 font-size: 14px; 9894 display: flex; 9895 align-items: baseline; 9896 margin-top: 20px; 9897 text-transform: capitalize; 9898 font-weight: 500; 9899 line-height: 1; 9900} 9901.blog-post .blog-post-content a.read-btn span{ 9902 display: block; 9903} 9904.blog-post .blog-post-content a.read-btn:hover i{ 9905 animation-name: arrow; 9906 animation-duration: 0.55s; 9907} 9908.blog-post .blog-post-content ul.post-tag{
9909 display: none !important; 9910 align-items: center; 9911 line-height: 1; 9912 margin-top: 25px; 9913} 9914.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 9915.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 9916.blog-post .blog-post-content ul.post-tag li a{ 9917 color: #888; 9918 font-size: 14px; 9919 text-transform: uppercase; 9920} 9921 9922@media (max-width: 1599px){ 9923 .blog-post .blog-post-content h2{ 9924 font-size: 16px; 9925 width: 100%; 9926 } 9927} 9928@media (max-width: 1199px){ 9929 .blog-post .blog-post-content{ 9930 padding-top: 30px; 9931 } 9932 .blog-post .blog-post-content h2{ 9933 font-size: 16px; 9934 } 9935} 9936@media (max-width: 767px){ 9937 .blog-post .blog-post-content{ 9938 padding-top: 15px; 9939 } 9940 .blog-post .blog-post-content p{ 9941 margin-top: 6px; 9942 font-size: 14px; 9943 } 9944 .blog-post .blog-post-content a.read-btn{ 9945 font-size: 14px; 9946 margin-top: 10px; 9947 } 9948} 9949</style> 9950 </li> 9951 9952 9953 <li class="blog-slider wow animate__fadeIn"> 9954 <div class="blog-post"> 9955 <div class="blog-img-post"> 9956 9957 9958 9959 <a href="/blogs/artist-roster/richie-ramone" class="blog-img"> 9960 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_RR_400x413_crop_center.png?v=1659470242" alt="RICHIE RAMONE" /> 9961 <span class="date-time"> 9962 <span class="date">11</span> 9963 <span class="time">Apr</span> 9964 <span class="year">2026</span> 9965 </span> 9966 </a> 9967 9968 9969 </div> 9970 <div class="blog-post-content"> 9971 <h2 class="blog-title">RICHIE RAMONE</h2> 9972 <p class="blog-desc">THE RAMONES 9973 9974 9975 9976 9977Richard Reinhardt is an American drummer, best known by his stage name Richie Ra...</p> 9978 9979 9980 <ul class="post-tag"> 9981 9982 <li><a href="/blogs/news/tagged/usa">USA</a></li> 9983 9984 </ul> 9985 9986 </div> 9987 9988</div> 9989<style type="text/css"> 9990 /* blog post css */ 9991 .blog-post { 9992 width:100%} 9993.blog-post .blog-img{ 9994 width: 100%; 9995} 9996.blog-post .blog-img-post{ 9997 position: relative; 9998 overflow: hidden; 9999 display: flex; 10000 align-items: center; 10001 justify-content: center; 10002} 10003.blog-post a.blog-img img{ 10004 transition: all 0.2s ease-in-out; 10005 -moz-transition: all 0.2s ease-in-out; 10006 -webkit-transition: all 0.2s ease-in-out; 10007 -ms-transition: all 0.2s ease-in-out; 10008 -o-transition: all 0.2s ease-in-out; 10009 object-fit:cover; 10010 height:250px; 10011 width:100%; 10012} 10013.blog-post a.blog-img:hover img{ 10014 -webkit-transform: scale(1.1); 10015 -ms-transform: scale(1.1); 10016 transform: scale(1.1); 10017} 10018.blog-post a.blog-img::after{ 10019 content: ""; 10020 position: absolute; 10021 top: 0;left: 0;width: 100%; 10022 height: 100%; 10023 background-color: rgb(0 0 0 / 12%); 10024 opacity: 0; 10025 visibility: hidden; 10026} 10027.blog-post:hover a.blog-img::after{ 10028 opacity: 1; 10029 visibility: visible; 10030} 10031.blog-post a.blog-video-button{ 10032 font-size: 16px; 10033 color: #ec1e24; 10034 background-color: #fff; 10035 position: absolute; 10036 z-index: 1; 10037 width: 70px; 10038 height: 70px; 10039 margin: 0 auto; 10040 display: flex; 10041 align-items: center; 10042 justify-content: center; 10043 border-radius: 100%; 10044} 10045 10046.blog-post:hover a.blog-img span.blog-icon{ 10047 opacity: 1; 10048 visibility: visible; 10049} 10050.blog-post a.blog-img span.date-time{ display:none !important; 10051 position: absolute; 10052 z-index: 1;left: 0px;top: 0; 10053 color: #888; 10054 font-size: 15px; 10055 font-weight: 400; 10056 line-height: 1; 10057 display: flex; 10058 padding: 15px 30px; 10059 background-color: #fff; 10060 border-radius: 0; 10061 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 10062 -webkit-transition: all 0.3s ease-in-out 0s; 10063 -o-transition: all 0.3s ease-in-out 0s; 10064 transition: all 0.3s ease-in-out 0s; 10065} 10066.blog-post a.blog-img:hover span.date-time{ 10067 color: #fff; 10068 background-color: #ec1e24; 10069} 10070.blog-post a.blog-img span.date-time span{ 10071 display: block;margin-left: 3px;text-align: center; 10072} 10073.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 10074.blog-post a.blog-img::after, 10075.blog-post:hover a.blog-img::after, 10076.blog-post a.blog-img span.blog-icon, 10077.blog-post:hover a.blog-img span.blog-icon, 10078.blog-post a.blog-img span.blog-icon:hover{ 10079 -webkit-transition: all 0.3s ease-in-out 0s; 10080 -o-transition: all 0.3s ease-in-out 0s; 10081 transition: all 0.3s ease-in-out 0s; 10082} 10083.blog-post .blog-post-content{ 10084 padding-top: 40px; 10085} 10086.blog-post .blog-post-content h2{ 10087 color: #2e405d; 10088 font-size: 18px; 10089 font-weight: 500; 10090 width: 95%; 10091} 10092.blog-post .blog-post-content p{ 10093 display: none; 10094 color: #666; 10095 font-size: 16px; 10096 margin-top: 16px; 10097} 10098.blog-post .blog-post-content a.read-btn{ 10099 font-size: 14px; 10100 display: flex; 10101 align-items: baseline; 10102 margin-top: 20px; 10103 text-transform: capitalize; 10104 font-weight: 500; 10105 line-height: 1; 10106} 10107.blog-post .blog-post-content a.read-btn span{ 10108 display: block; 10109} 10110.blog-post .blog-post-content a.read-btn:hover i{ 10111 animation-name: arrow; 10112 animation-duration: 0.55s; 10113} 10114.blog-post .blog-post-content ul.post-tag{
10115 display: none !important; 10116 align-items: center; 10117 line-height: 1; 10118 margin-top: 25px; 10119} 10120.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 10121.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 10122.blog-post .blog-post-content ul.post-tag li a{ 10123 color: #888; 10124 font-size: 14px; 10125 text-transform: uppercase; 10126} 10127 10128@media (max-width: 1599px){ 10129 .blog-post .blog-post-content h2{ 10130 font-size: 16px; 10131 width: 100%; 10132 } 10133} 10134@media (max-width: 1199px){ 10135 .blog-post .blog-post-content{ 10136 padding-top: 30px; 10137 } 10138 .blog-post .blog-post-content h2{ 10139 font-size: 16px; 10140 } 10141} 10142@media (max-width: 767px){ 10143 .blog-post .blog-post-content{ 10144 padding-top: 15px; 10145 } 10146 .blog-post .blog-post-content p{ 10147 margin-top: 6px; 10148 font-size: 14px; 10149 } 10150 .blog-post .blog-post-content a.read-btn{ 10151 font-size: 14px; 10152 margin-top: 10px; 10153 } 10154} 10155</style> 10156 </li> 10157 10158 10159 <li class="blog-slider wow animate__fadeIn"> 10160 <div class="blog-post"> 10161 <div class="blog-img-post"> 10162 10163 10164 10165 <a href="/blogs/artist-roster/phobos" class="blog-img"> 10166 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_phobos_400x413_crop_center.png?v=1659469573" alt="PHOBOS" /> 10167 <span class="date-time"> 10168 <span class="date">11</span> 10169 <span class="time">Apr</span> 10170 <span class="year">2026</span> 10171 </span> 10172 </a> 10173 10174 10175 </div> 10176 <div class="blog-post-content"> 10177 <h2 class="blog-title">PHOBOS</h2> 10178 <p class="blog-desc">GORGOROTHÂ /Â AETERNUS 10179 10180 10181Â 10182Elefterios Santorinios, better known as Phobos, is a Norwegian/Greek a...</p> 10183 10184 10185 <ul class="post-tag"> 10186 10187 <li><a href="/blogs/news/tagged/blackmetal">#BlackMetal</a></li> 10188 10189 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 10190 10191 <li><a href="/blogs/news/tagged/norway">Norway</a></li> 10192 10193 </ul> 10194 10195 </div> 10196 10197</div> 10198<style type="text/css"> 10199 /* blog post css */ 10200 .blog-post { 10201 width:100%} 10202.blog-post .blog-img{ 10203 width: 100%; 10204} 10205.blog-post .blog-img-post{ 10206 position: relative; 10207 overflow: hidden; 10208 display: flex; 10209 align-items: center; 10210 justify-content: center; 10211} 10212.blog-post a.blog-img img{ 10213 transition: all 0.2s ease-in-out; 10214 -moz-transition: all 0.2s ease-in-out; 10215 -webkit-transition: all 0.2s ease-in-out; 10216 -ms-transition: all 0.2s ease-in-out; 10217 -o-transition: all 0.2s ease-in-out; 10218 object-fit:cover; 10219 height:250px; 10220 width:100%; 10221} 10222.blog-post a.blog-img:hover img{ 10223 -webkit-transform: scale(1.1); 10224 -ms-transform: scale(1.1); 10225 transform: scale(1.1); 10226} 10227.blog-post a.blog-img::after{ 10228 content: ""; 10229 position: absolute; 10230 top: 0;left: 0;width: 100%; 10231 height: 100%; 10232 background-color: rgb(0 0 0 / 12%); 10233 opacity: 0; 10234 visibility: hidden; 10235} 10236.blog-post:hover a.blog-img::after{ 10237 opacity: 1; 10238 visibility: visible; 10239} 10240.blog-post a.blog-video-button{ 10241 font-size: 16px; 10242 color: #ec1e24; 10243 background-color: #fff; 10244 position: absolute; 10245 z-index: 1; 10246 width: 70px; 10247 height: 70px; 10248 margin: 0 auto; 10249 display: flex; 10250 align-items: center; 10251 justify-content: center; 10252 border-radius: 100%; 10253} 10254 10255.blog-post:hover a.blog-img span.blog-icon{ 10256 opacity: 1; 10257 visibility: visible; 10258} 10259.blog-post a.blog-img span.date-time{ display:none !important; 10260 position: absolute; 10261 z-index: 1;left: 0px;top: 0; 10262 color: #888; 10263 font-size: 15px; 10264 font-weight: 400; 10265 line-height: 1; 10266 display: flex; 10267 padding: 15px 30px; 10268 background-color: #fff; 10269 border-radius: 0; 10270 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 10271 -webkit-transition: all 0.3s ease-in-out 0s; 10272 -o-transition: all 0.3s ease-in-out 0s; 10273 transition: all 0.3s ease-in-out 0s; 10274} 10275.blog-post a.blog-img:hover span.date-time{ 10276 color: #fff; 10277 background-color: #ec1e24; 10278} 10279.blog-post a.blog-img span.date-time span{ 10280 display: block;margin-left: 3px;text-align: center; 10281} 10282.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 10283.blog-post a.blog-img::after, 10284.blog-post:hover a.blog-img::after, 10285.blog-post a.blog-img span.blog-icon, 10286.blog-post:hover a.blog-img span.blog-icon, 10287.blog-post a.blog-img span.blog-icon:hover{ 10288 -webkit-transition: all 0.3s ease-in-out 0s; 10289 -o-transition: all 0.3s ease-in-out 0s; 10290 transition: all 0.3s ease-in-out 0s; 10291} 10292.blog-post .blog-post-content{ 10293 padding-top: 40px; 10294} 10295.blog-post .blog-post-content h2{ 10296 color: #2e405d; 10297 font-size: 18px; 10298 font-weight: 500; 10299 width: 95%; 10300} 10301.blog-post .blog-post-content p{ 10302 display: none; 10303 color: #666; 10304 font-size: 16px; 10305 margin-top: 16px; 10306} 10307.blog-post .blog-post-content a.read-btn{ 10308 font-size: 14px; 10309 display: flex; 10310 align-items: baseline; 10311 margin-top: 20px; 10312 text-transform: capitalize; 10313 font-weight: 500; 10314 line-height: 1; 10315} 10316.blog-post .blog-post-content a.read-btn span{ 10317 display: block; 10318} 10319.blog-post .blog-post-content a.read-btn:hover i{ 10320 animation-name: arrow; 10321 animation-duration: 0.55s; 10322} 10323.blog-post .blog-post-content ul.post-tag{
10324 display: none !important; 10325 align-items: center; 10326 line-height: 1; 10327 margin-top: 25px; 10328} 10329.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 10330.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 10331.blog-post .blog-post-content ul.post-tag li a{ 10332 color: #888; 10333 font-size: 14px; 10334 text-transform: uppercase; 10335} 10336 10337@media (max-width: 1599px){ 10338 .blog-post .blog-post-content h2{ 10339 font-size: 16px; 10340 width: 100%; 10341 } 10342} 10343@media (max-width: 1199px){ 10344 .blog-post .blog-post-content{ 10345 padding-top: 30px; 10346 } 10347 .blog-post .blog-post-content h2{ 10348 font-size: 16px; 10349 } 10350} 10351@media (max-width: 767px){ 10352 .blog-post .blog-post-content{ 10353 padding-top: 15px; 10354 } 10355 .blog-post .blog-post-content p{ 10356 margin-top: 6px; 10357 font-size: 14px; 10358 } 10359 .blog-post .blog-post-content a.read-btn{ 10360 font-size: 14px; 10361 margin-top: 10px; 10362 } 10363} 10364</style> 10365 </li> 10366 10367 10368 <li class="blog-slider wow animate__fadeIn"> 10369 <div class="blog-post"> 10370 <div class="blog-img-post"> 10371 10372 10373 10374 <a href="/blogs/artist-roster/klemen-markelj" class="blog-img"> 10375 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_KLEMEN_400x413_crop_center.png?v=1659384983" alt="KLEMEN MARKELJ" /> 10376 <span class="date-time"> 10377 <span class="date">11</span> 10378 <span class="time">Apr</span> 10379 <span class="year">2026</span> 10380 </span> 10381 </a> 10382 10383 10384 </div> 10385 <div class="blog-post-content"> 10386 <h2 class="blog-title">KLEMEN MARKELJ</h2> 10387 <p class="blog-desc">INDEPENDENTÂ /Â THE BLUE MARBLE 10388 10389 10390Â 10391 10392Klemen Markelj has worked with numerous bands and artists, i...</p> 10393 10394 10395 <ul class="post-tag"> 10396 10397 <li><a href="/blogs/news/tagged/slovenia">Slovenia</a></li> 10398 10399 </ul> 10400 10401 </div> 10402 10403</div> 10404<style type="text/css"> 10405 /* blog post css */ 10406 .blog-post { 10407 width:100%} 10408.blog-post .blog-img{ 10409 width: 100%; 10410} 10411.blog-post .blog-img-post{ 10412 position: relative; 10413 overflow: hidden; 10414 display: flex; 10415 align-items: center; 10416 justify-content: center; 10417} 10418.blog-post a.blog-img img{ 10419 transition: all 0.2s ease-in-out; 10420 -moz-transition: all 0.2s ease-in-out; 10421 -webkit-transition: all 0.2s ease-in-out; 10422 -ms-transition: all 0.2s ease-in-out; 10423 -o-transition: all 0.2s ease-in-out; 10424 object-fit:cover; 10425 height:250px; 10426 width:100%; 10427} 10428.blog-post a.blog-img:hover img{ 10429 -webkit-transform: scale(1.1); 10430 -ms-transform: scale(1.1); 10431 transform: scale(1.1); 10432} 10433.blog-post a.blog-img::after{ 10434 content: ""; 10435 position: absolute; 10436 top: 0;left: 0;width: 100%; 10437 height: 100%; 10438 background-color: rgb(0 0 0 / 12%); 10439 opacity: 0; 10440 visibility: hidden; 10441} 10442.blog-post:hover a.blog-img::after{ 10443 opacity: 1; 10444 visibility: visible; 10445} 10446.blog-post a.blog-video-button{ 10447 font-size: 16px; 10448 color: #ec1e24; 10449 background-color: #fff; 10450 position: absolute; 10451 z-index: 1; 10452 width: 70px; 10453 height: 70px; 10454 margin: 0 auto; 10455 display: flex; 10456 align-items: center; 10457 justify-content: center; 10458 border-radius: 100%; 10459} 10460 10461.blog-post:hover a.blog-img span.blog-icon{ 10462 opacity: 1; 10463 visibility: visible; 10464} 10465.blog-post a.blog-img span.date-time{ display:none !important; 10466 position: absolute; 10467 z-index: 1;left: 0px;top: 0; 10468 color: #888; 10469 font-size: 15px; 10470 font-weight: 400; 10471 line-height: 1; 10472 display: flex; 10473 padding: 15px 30px; 10474 background-color: #fff; 10475 border-radius: 0; 10476 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 10477 -webkit-transition: all 0.3s ease-in-out 0s; 10478 -o-transition: all 0.3s ease-in-out 0s; 10479 transition: all 0.3s ease-in-out 0s; 10480} 10481.blog-post a.blog-img:hover span.date-time{ 10482 color: #fff; 10483 background-color: #ec1e24; 10484} 10485.blog-post a.blog-img span.date-time span{ 10486 display: block;margin-left: 3px;text-align: center; 10487} 10488.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 10489.blog-post a.blog-img::after, 10490.blog-post:hover a.blog-img::after, 10491.blog-post a.blog-img span.blog-icon, 10492.blog-post:hover a.blog-img span.blog-icon, 10493.blog-post a.blog-img span.blog-icon:hover{ 10494 -webkit-transition: all 0.3s ease-in-out 0s; 10495 -o-transition: all 0.3s ease-in-out 0s; 10496 transition: all 0.3s ease-in-out 0s; 10497} 10498.blog-post .blog-post-content{ 10499 padding-top: 40px; 10500} 10501.blog-post .blog-post-content h2{ 10502 color: #2e405d; 10503 font-size: 18px; 10504 font-weight: 500; 10505 width: 95%; 10506} 10507.blog-post .blog-post-content p{ 10508 display: none; 10509 color: #666; 10510 font-size: 16px; 10511 margin-top: 16px; 10512} 10513.blog-post .blog-post-content a.read-btn{ 10514 font-size: 14px; 10515 display: flex; 10516 align-items: baseline; 10517 margin-top: 20px; 10518 text-transform: capitalize; 10519 font-weight: 500; 10520 line-height: 1; 10521} 10522.blog-post .blog-post-content a.read-btn span{ 10523 display: block; 10524} 10525.blog-post .blog-post-content a.read-btn:hover i{ 10526 animation-name: arrow; 10527 animation-duration: 0.55s; 10528} 10529.blog-post .blog-post-content ul.post-tag{
10530 display: none !important; 10531 align-items: center; 10532 line-height: 1; 10533 margin-top: 25px; 10534} 10535.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 10536.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 10537.blog-post .blog-post-content ul.post-tag li a{ 10538 color: #888; 10539 font-size: 14px; 10540 text-transform: uppercase; 10541} 10542 10543@media (max-width: 1599px){ 10544 .blog-post .blog-post-content h2{ 10545 font-size: 16px; 10546 width: 100%; 10547 } 10548} 10549@media (max-width: 1199px){ 10550 .blog-post .blog-post-content{ 10551 padding-top: 30px; 10552 } 10553 .blog-post .blog-post-content h2{ 10554 font-size: 16px; 10555 } 10556} 10557@media (max-width: 767px){ 10558 .blog-post .blog-post-content{ 10559 padding-top: 15px; 10560 } 10561 .blog-post .blog-post-content p{ 10562 margin-top: 6px; 10563 font-size: 14px; 10564 } 10565 .blog-post .blog-post-content a.read-btn{ 10566 font-size: 14px; 10567 margin-top: 10px; 10568 } 10569} 10570</style> 10571 </li> 10572 10573 10574 <li class="blog-slider wow animate__fadeIn"> 10575 <div class="blog-post"> 10576 <div class="blog-img-post"> 10577 10578 10579 10580 <a href="/blogs/artist-roster/mike-smith" class="blog-img"> 10581 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_MSmith_400x413_crop_center.png?v=1659465373" alt="MIKE SMITH" /> 10582 <span class="date-time"> 10583 <span class="date">11</span> 10584 <span class="time">Apr</span> 10585 <span class="year">2026</span> 10586 </span> 10587 </a> 10588 10589 10590 </div> 10591 <div class="blog-post-content"> 10592 <h2 class="blog-title">MIKE SMITH</h2> 10593 <p class="blog-desc">SUFFOCATION 10594 10595 10596 10597 10598Mike Smith is an American multi-instrumentalist, best known as the founding memb...</p> 10599 10600 10601 <ul class="post-tag"> 10602 10603 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 10604 10605 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 10606 10607 <li><a href="/blogs/news/tagged/usa">USA</a></li> 10608 10609 </ul> 10610 10611 </div> 10612 10613</div> 10614<style type="text/css"> 10615 /* blog post css */ 10616 .blog-post { 10617 width:100%} 10618.blog-post .blog-img{ 10619 width: 100%; 10620} 10621.blog-post .blog-img-post{ 10622 position: relative; 10623 overflow: hidden; 10624 display: flex; 10625 align-items: center; 10626 justify-content: center; 10627} 10628.blog-post a.blog-img img{ 10629 transition: all 0.2s ease-in-out; 10630 -moz-transition: all 0.2s ease-in-out; 10631 -webkit-transition: all 0.2s ease-in-out; 10632 -ms-transition: all 0.2s ease-in-out; 10633 -o-transition: all 0.2s ease-in-out; 10634 object-fit:cover; 10635 height:250px; 10636 width:100%; 10637} 10638.blog-post a.blog-img:hover img{ 10639 -webkit-transform: scale(1.1); 10640 -ms-transform: scale(1.1); 10641 transform: scale(1.1); 10642} 10643.blog-post a.blog-img::after{ 10644 content: ""; 10645 position: absolute; 10646 top: 0;left: 0;width: 100%; 10647 height: 100%; 10648 background-color: rgb(0 0 0 / 12%); 10649 opacity: 0; 10650 visibility: hidden; 10651} 10652.blog-post:hover a.blog-img::after{ 10653 opacity: 1; 10654 visibility: visible; 10655} 10656.blog-post a.blog-video-button{ 10657 font-size: 16px; 10658 color: #ec1e24; 10659 background-color: #fff; 10660 position: absolute; 10661 z-index: 1; 10662 width: 70px; 10663 height: 70px; 10664 margin: 0 auto; 10665 display: flex; 10666 align-items: center; 10667 justify-content: center; 10668 border-radius: 100%; 10669} 10670 10671.blog-post:hover a.blog-img span.blog-icon{ 10672 opacity: 1; 10673 visibility: visible; 10674} 10675.blog-post a.blog-img span.date-time{ display:none !important; 10676 position: absolute; 10677 z-index: 1;left: 0px;top: 0; 10678 color: #888; 10679 font-size: 15px; 10680 font-weight: 400; 10681 line-height: 1; 10682 display: flex; 10683 padding: 15px 30px; 10684 background-color: #fff; 10685 border-radius: 0; 10686 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 10687 -webkit-transition: all 0.3s ease-in-out 0s; 10688 -o-transition: all 0.3s ease-in-out 0s; 10689 transition: all 0.3s ease-in-out 0s; 10690} 10691.blog-post a.blog-img:hover span.date-time{ 10692 color: #fff; 10693 background-color: #ec1e24; 10694} 10695.blog-post a.blog-img span.date-time span{ 10696 display: block;margin-left: 3px;text-align: center; 10697} 10698.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 10699.blog-post a.blog-img::after, 10700.blog-post:hover a.blog-img::after, 10701.blog-post a.blog-img span.blog-icon, 10702.blog-post:hover a.blog-img span.blog-icon, 10703.blog-post a.blog-img span.blog-icon:hover{ 10704 -webkit-transition: all 0.3s ease-in-out 0s; 10705 -o-transition: all 0.3s ease-in-out 0s; 10706 transition: all 0.3s ease-in-out 0s; 10707} 10708.blog-post .blog-post-content{ 10709 padding-top: 40px; 10710} 10711.blog-post .blog-post-content h2{ 10712 color: #2e405d; 10713 font-size: 18px; 10714 font-weight: 500; 10715 width: 95%; 10716} 10717.blog-post .blog-post-content p{ 10718 display: none; 10719 color: #666; 10720 font-size: 16px; 10721 margin-top: 16px; 10722} 10723.blog-post .blog-post-content a.read-btn{ 10724 font-size: 14px; 10725 display: flex; 10726 align-items: baseline; 10727 margin-top: 20px; 10728 text-transform: capitalize; 10729 font-weight: 500; 10730 line-height: 1; 10731} 10732.blog-post .blog-post-content a.read-btn span{ 10733 display: block; 10734} 10735.blog-post .blog-post-content a.read-btn:hover i{ 10736 animation-name: arrow; 10737 animation-duration: 0.55s; 10738} 10739.blog-post .blog-post-content ul.post-tag{
10740 display: none !important; 10741 align-items: center; 10742 line-height: 1; 10743 margin-top: 25px; 10744} 10745.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 10746.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 10747.blog-post .blog-post-content ul.post-tag li a{ 10748 color: #888; 10749 font-size: 14px; 10750 text-transform: uppercase; 10751} 10752 10753@media (max-width: 1599px){ 10754 .blog-post .blog-post-content h2{ 10755 font-size: 16px; 10756 width: 100%; 10757 } 10758} 10759@media (max-width: 1199px){ 10760 .blog-post .blog-post-content{ 10761 padding-top: 30px; 10762 } 10763 .blog-post .blog-post-content h2{ 10764 font-size: 16px; 10765 } 10766} 10767@media (max-width: 767px){ 10768 .blog-post .blog-post-content{ 10769 padding-top: 15px; 10770 } 10771 .blog-post .blog-post-content p{ 10772 margin-top: 6px; 10773 font-size: 14px; 10774 } 10775 .blog-post .blog-post-content a.read-btn{ 10776 font-size: 14px; 10777 margin-top: 10px; 10778 } 10779} 10780</style> 10781 </li> 10782 10783 10784 <li class="blog-slider wow animate__fadeIn"> 10785 <div class="blog-post"> 10786 <div class="blog-img-post"> 10787 10788 10789 10790 <a href="/blogs/artist-roster/martin-lopez" class="blog-img"> 10791 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/soen_400x413_crop_center.png?v=1659129855" alt="MARTIN LOPEZ" /> 10792 <span class="date-time"> 10793 <span class="date">11</span> 10794 <span class="time">Apr</span> 10795 <span class="year">2026</span> 10796 </span> 10797 </a> 10798 10799 10800 </div> 10801 <div class="blog-post-content"> 10802 <h2 class="blog-title">MARTIN LOPEZ</h2> 10803 <p class="blog-desc">SOEN, FORMERLY OPETH / AMON AMARTH 10804 10805Â 10806Martin started playing African and Latin percussion at the ...</p> 10807 10808 10809 <ul class="post-tag"> 10810 10811 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 10812 10813 <li><a href="/blogs/news/tagged/progmetal">#ProgMetal</a></li> 10814 10815 <li><a href="/blogs/news/tagged/sweden">Sweden</a></li> 10816 10817 </ul> 10818 10819 </div> 10820 10821</div> 10822<style type="text/css"> 10823 /* blog post css */ 10824 .blog-post { 10825 width:100%} 10826.blog-post .blog-img{ 10827 width: 100%; 10828} 10829.blog-post .blog-img-post{ 10830 position: relative; 10831 overflow: hidden; 10832 display: flex; 10833 align-items: center; 10834 justify-content: center; 10835} 10836.blog-post a.blog-img img{ 10837 transition: all 0.2s ease-in-out; 10838 -moz-transition: all 0.2s ease-in-out; 10839 -webkit-transition: all 0.2s ease-in-out; 10840 -ms-transition: all 0.2s ease-in-out; 10841 -o-transition: all 0.2s ease-in-out; 10842 object-fit:cover; 10843 height:250px; 10844 width:100%; 10845} 10846.blog-post a.blog-img:hover img{ 10847 -webkit-transform: scale(1.1); 10848 -ms-transform: scale(1.1); 10849 transform: scale(1.1); 10850} 10851.blog-post a.blog-img::after{ 10852 content: ""; 10853 position: absolute; 10854 top: 0;left: 0;width: 100%; 10855 height: 100%; 10856 background-color: rgb(0 0 0 / 12%); 10857 opacity: 0; 10858 visibility: hidden; 10859} 10860.blog-post:hover a.blog-img::after{ 10861 opacity: 1; 10862 visibility: visible; 10863} 10864.blog-post a.blog-video-button{ 10865 font-size: 16px; 10866 color: #ec1e24; 10867 background-color: #fff; 10868 position: absolute; 10869 z-index: 1; 10870 width: 70px; 10871 height: 70px; 10872 margin: 0 auto; 10873 display: flex; 10874 align-items: center; 10875 justify-content: center; 10876 border-radius: 100%; 10877} 10878 10879.blog-post:hover a.blog-img span.blog-icon{ 10880 opacity: 1; 10881 visibility: visible; 10882} 10883.blog-post a.blog-img span.date-time{ display:none !important; 10884 position: absolute; 10885 z-index: 1;left: 0px;top: 0; 10886 color: #888; 10887 font-size: 15px; 10888 font-weight: 400; 10889 line-height: 1; 10890 display: flex; 10891 padding: 15px 30px; 10892 background-color: #fff; 10893 border-radius: 0; 10894 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 10895 -webkit-transition: all 0.3s ease-in-out 0s; 10896 -o-transition: all 0.3s ease-in-out 0s; 10897 transition: all 0.3s ease-in-out 0s; 10898} 10899.blog-post a.blog-img:hover span.date-time{ 10900 color: #fff; 10901 background-color: #ec1e24; 10902} 10903.blog-post a.blog-img span.date-time span{ 10904 display: block;margin-left: 3px;text-align: center; 10905} 10906.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 10907.blog-post a.blog-img::after, 10908.blog-post:hover a.blog-img::after, 10909.blog-post a.blog-img span.blog-icon, 10910.blog-post:hover a.blog-img span.blog-icon, 10911.blog-post a.blog-img span.blog-icon:hover{ 10912 -webkit-transition: all 0.3s ease-in-out 0s; 10913 -o-transition: all 0.3s ease-in-out 0s; 10914 transition: all 0.3s ease-in-out 0s; 10915} 10916.blog-post .blog-post-content{ 10917 padding-top: 40px; 10918} 10919.blog-post .blog-post-content h2{ 10920 color: #2e405d; 10921 font-size: 18px; 10922 font-weight: 500; 10923 width: 95%; 10924} 10925.blog-post .blog-post-content p{ 10926 display: none; 10927 color: #666; 10928 font-size: 16px; 10929 margin-top: 16px; 10930} 10931.blog-post .blog-post-content a.read-btn{ 10932 font-size: 14px; 10933 display: flex; 10934 align-items: baseline; 10935 margin-top: 20px; 10936 text-transform: capitalize; 10937 font-weight: 500; 10938 line-height: 1; 10939} 10940.blog-post .blog-post-content a.read-btn span{ 10941 display: block; 10942} 10943.blog-post .blog-post-content a.read-btn:hover i{ 10944 animation-name: arrow; 10945 animation-duration: 0.55s; 10946} 10947.blog-post .blog-post-content ul.post-tag{
10948 display: none !important; 10949 align-items: center; 10950 line-height: 1; 10951 margin-top: 25px; 10952} 10953.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 10954.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 10955.blog-post .blog-post-content ul.post-tag li a{ 10956 color: #888; 10957 font-size: 14px; 10958 text-transform: uppercase; 10959} 10960 10961@media (max-width: 1599px){ 10962 .blog-post .blog-post-content h2{ 10963 font-size: 16px; 10964 width: 100%; 10965 } 10966} 10967@media (max-width: 1199px){ 10968 .blog-post .blog-post-content{ 10969 padding-top: 30px; 10970 } 10971 .blog-post .blog-post-content h2{ 10972 font-size: 16px; 10973 } 10974} 10975@media (max-width: 767px){ 10976 .blog-post .blog-post-content{ 10977 padding-top: 15px; 10978 } 10979 .blog-post .blog-post-content p{ 10980 margin-top: 6px; 10981 font-size: 14px; 10982 } 10983 .blog-post .blog-post-content a.read-btn{ 10984 font-size: 14px; 10985 margin-top: 10px; 10986 } 10987} 10988</style> 10989 </li> 10990 10991 10992 <li class="blog-slider wow animate__fadeIn"> 10993 <div class="blog-post"> 10994 <div class="blog-img-post"> 10995 10996 10997 10998 <a href="/blogs/artist-roster/marco-pitruzzella" class="blog-img"> 10999 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/marcopit_400x413_crop_center.png?v=1659129244" alt="MARCO PITRUZZELLA" /> 11000 <span class="date-time"> 11001 <span class="date">11</span> 11002 <span class="time">Apr</span> 11003 <span class="year">2026</span> 11004 </span> 11005 </a> 11006 11007 11008 </div> 11009 <div class="blog-post-content"> 11010 <h2 class="blog-title">MARCO PITRUZZELLA</h2> 11011 <p class="blog-desc">SIX FEET UNDER 11012Also known as Lord Marco, is the drummer for Anomalous and Six Feet Under, and is ...</p> 11013 11014 11015 <ul class="post-tag"> 11016 11017 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 11018 11019 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 11020 11021 <li><a href="/blogs/news/tagged/usa">USA</a></li> 11022 11023 </ul> 11024 11025 </div> 11026 11027</div> 11028<style type="text/css"> 11029 /* blog post css */ 11030 .blog-post { 11031 width:100%} 11032.blog-post .blog-img{ 11033 width: 100%; 11034} 11035.blog-post .blog-img-post{ 11036 position: relative; 11037 overflow: hidden; 11038 display: flex; 11039 align-items: center; 11040 justify-content: center; 11041} 11042.blog-post a.blog-img img{ 11043 transition: all 0.2s ease-in-out; 11044 -moz-transition: all 0.2s ease-in-out; 11045 -webkit-transition: all 0.2s ease-in-out; 11046 -ms-transition: all 0.2s ease-in-out; 11047 -o-transition: all 0.2s ease-in-out; 11048 object-fit:cover; 11049 height:250px; 11050 width:100%; 11051} 11052.blog-post a.blog-img:hover img{ 11053 -webkit-transform: scale(1.1); 11054 -ms-transform: scale(1.1); 11055 transform: scale(1.1); 11056} 11057.blog-post a.blog-img::after{ 11058 content: ""; 11059 position: absolute; 11060 top: 0;left: 0;width: 100%; 11061 height: 100%; 11062 background-color: rgb(0 0 0 / 12%); 11063 opacity: 0; 11064 visibility: hidden; 11065} 11066.blog-post:hover a.blog-img::after{ 11067 opacity: 1; 11068 visibility: visible; 11069} 11070.blog-post a.blog-video-button{ 11071 font-size: 16px; 11072 color: #ec1e24; 11073 background-color: #fff; 11074 position: absolute; 11075 z-index: 1; 11076 width: 70px; 11077 height: 70px; 11078 margin: 0 auto; 11079 display: flex; 11080 align-items: center; 11081 justify-content: center; 11082 border-radius: 100%; 11083} 11084 11085.blog-post:hover a.blog-img span.blog-icon{ 11086 opacity: 1; 11087 visibility: visible; 11088} 11089.blog-post a.blog-img span.date-time{ display:none !important; 11090 position: absolute; 11091 z-index: 1;left: 0px;top: 0; 11092 color: #888; 11093 font-size: 15px; 11094 font-weight: 400; 11095 line-height: 1; 11096 display: flex; 11097 padding: 15px 30px; 11098 background-color: #fff; 11099 border-radius: 0; 11100 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 11101 -webkit-transition: all 0.3s ease-in-out 0s; 11102 -o-transition: all 0.3s ease-in-out 0s; 11103 transition: all 0.3s ease-in-out 0s; 11104} 11105.blog-post a.blog-img:hover span.date-time{ 11106 color: #fff; 11107 background-color: #ec1e24; 11108} 11109.blog-post a.blog-img span.date-time span{ 11110 display: block;margin-left: 3px;text-align: center; 11111} 11112.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 11113.blog-post a.blog-img::after, 11114.blog-post:hover a.blog-img::after, 11115.blog-post a.blog-img span.blog-icon, 11116.blog-post:hover a.blog-img span.blog-icon, 11117.blog-post a.blog-img span.blog-icon:hover{ 11118 -webkit-transition: all 0.3s ease-in-out 0s; 11119 -o-transition: all 0.3s ease-in-out 0s; 11120 transition: all 0.3s ease-in-out 0s; 11121} 11122.blog-post .blog-post-content{ 11123 padding-top: 40px; 11124} 11125.blog-post .blog-post-content h2{ 11126 color: #2e405d; 11127 font-size: 18px; 11128 font-weight: 500; 11129 width: 95%; 11130} 11131.blog-post .blog-post-content p{ 11132 display: none; 11133 color: #666; 11134 font-size: 16px; 11135 margin-top: 16px; 11136} 11137.blog-post .blog-post-content a.read-btn{ 11138 font-size: 14px; 11139 display: flex; 11140 align-items: baseline; 11141 margin-top: 20px; 11142 text-transform: capitalize; 11143 font-weight: 500; 11144 line-height: 1; 11145} 11146.blog-post .blog-post-content a.read-btn span{ 11147 display: block; 11148} 11149.blog-post .blog-post-content a.read-btn:hover i{ 11150 animation-name: arrow; 11151 animation-duration: 0.55s; 11152} 11153.blog-post .blog-post-content ul.post-tag{
11154 display: none !important; 11155 align-items: center; 11156 line-height: 1; 11157 margin-top: 25px; 11158} 11159.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 11160.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 11161.blog-post .blog-post-content ul.post-tag li a{ 11162 color: #888; 11163 font-size: 14px; 11164 text-transform: uppercase; 11165} 11166 11167@media (max-width: 1599px){ 11168 .blog-post .blog-post-content h2{ 11169 font-size: 16px; 11170 width: 100%; 11171 } 11172} 11173@media (max-width: 1199px){ 11174 .blog-post .blog-post-content{ 11175 padding-top: 30px; 11176 } 11177 .blog-post .blog-post-content h2{ 11178 font-size: 16px; 11179 } 11180} 11181@media (max-width: 767px){ 11182 .blog-post .blog-post-content{ 11183 padding-top: 15px; 11184 } 11185 .blog-post .blog-post-content p{ 11186 margin-top: 6px; 11187 font-size: 14px; 11188 } 11189 .blog-post .blog-post-content a.read-btn{ 11190 font-size: 14px; 11191 margin-top: 10px; 11192 } 11193} 11194</style> 11195 </li> 11196 11197 11198 <li class="blog-slider wow animate__fadeIn"> 11199 <div class="blog-post"> 11200 <div class="blog-img-post"> 11201 11202 11203 11204 <a href="/blogs/artist-roster/lee-harrison" class="blog-img"> 11205 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_LHarrison_400x413_crop_center.png?v=1659466133" alt="LEE HARRISON" /> 11206 <span class="date-time"> 11207 <span class="date">11</span> 11208 <span class="time">Apr</span> 11209 <span class="year">2026</span> 11210 </span> 11211 </a> 11212 11213 11214 </div> 11215 <div class="blog-post-content"> 11216 <h2 class="blog-title">LEE HARRISON</h2> 11217 <p class="blog-desc">TERRORIZER 11218 11219 11220Â 11221 11222Lee Harrison is the founder, drummer, and main lyricist for death metal icons Mon...</p> 11223 11224 11225 <ul class="post-tag"> 11226 11227 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 11228 11229 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 11230 11231 <li><a href="/blogs/news/tagged/usa">USA</a></li> 11232 11233 </ul> 11234 11235 </div> 11236 11237</div> 11238<style type="text/css"> 11239 /* blog post css */ 11240 .blog-post { 11241 width:100%} 11242.blog-post .blog-img{ 11243 width: 100%; 11244} 11245.blog-post .blog-img-post{ 11246 position: relative; 11247 overflow: hidden; 11248 display: flex; 11249 align-items: center; 11250 justify-content: center; 11251} 11252.blog-post a.blog-img img{ 11253 transition: all 0.2s ease-in-out; 11254 -moz-transition: all 0.2s ease-in-out; 11255 -webkit-transition: all 0.2s ease-in-out; 11256 -ms-transition: all 0.2s ease-in-out; 11257 -o-transition: all 0.2s ease-in-out; 11258 object-fit:cover; 11259 height:250px; 11260 width:100%; 11261} 11262.blog-post a.blog-img:hover img{ 11263 -webkit-transform: scale(1.1); 11264 -ms-transform: scale(1.1); 11265 transform: scale(1.1); 11266} 11267.blog-post a.blog-img::after{ 11268 content: ""; 11269 position: absolute; 11270 top: 0;left: 0;width: 100%; 11271 height: 100%; 11272 background-color: rgb(0 0 0 / 12%); 11273 opacity: 0; 11274 visibility: hidden; 11275} 11276.blog-post:hover a.blog-img::after{ 11277 opacity: 1; 11278 visibility: visible; 11279} 11280.blog-post a.blog-video-button{ 11281 font-size: 16px; 11282 color: #ec1e24; 11283 background-color: #fff; 11284 position: absolute; 11285 z-index: 1; 11286 width: 70px; 11287 height: 70px; 11288 margin: 0 auto; 11289 display: flex; 11290 align-items: center; 11291 justify-content: center; 11292 border-radius: 100%; 11293} 11294 11295.blog-post:hover a.blog-img span.blog-icon{ 11296 opacity: 1; 11297 visibility: visible; 11298} 11299.blog-post a.blog-img span.date-time{ display:none !important; 11300 position: absolute; 11301 z-index: 1;left: 0px;top: 0; 11302 color: #888; 11303 font-size: 15px; 11304 font-weight: 400; 11305 line-height: 1; 11306 display: flex; 11307 padding: 15px 30px; 11308 background-color: #fff; 11309 border-radius: 0; 11310 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 11311 -webkit-transition: all 0.3s ease-in-out 0s; 11312 -o-transition: all 0.3s ease-in-out 0s; 11313 transition: all 0.3s ease-in-out 0s; 11314} 11315.blog-post a.blog-img:hover span.date-time{ 11316 color: #fff; 11317 background-color: #ec1e24; 11318} 11319.blog-post a.blog-img span.date-time span{ 11320 display: block;margin-left: 3px;text-align: center; 11321} 11322.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 11323.blog-post a.blog-img::after, 11324.blog-post:hover a.blog-img::after, 11325.blog-post a.blog-img span.blog-icon, 11326.blog-post:hover a.blog-img span.blog-icon, 11327.blog-post a.blog-img span.blog-icon:hover{ 11328 -webkit-transition: all 0.3s ease-in-out 0s; 11329 -o-transition: all 0.3s ease-in-out 0s; 11330 transition: all 0.3s ease-in-out 0s; 11331} 11332.blog-post .blog-post-content{ 11333 padding-top: 40px; 11334} 11335.blog-post .blog-post-content h2{ 11336 color: #2e405d; 11337 font-size: 18px; 11338 font-weight: 500; 11339 width: 95%; 11340} 11341.blog-post .blog-post-content p{ 11342 display: none; 11343 color: #666; 11344 font-size: 16px; 11345 margin-top: 16px; 11346} 11347.blog-post .blog-post-content a.read-btn{ 11348 font-size: 14px; 11349 display: flex; 11350 align-items: baseline; 11351 margin-top: 20px; 11352 text-transform: capitalize; 11353 font-weight: 500; 11354 line-height: 1; 11355} 11356.blog-post .blog-post-content a.read-btn span{ 11357 display: block; 11358} 11359.blog-post .blog-post-content a.read-btn:hover i{ 11360 animation-name: arrow; 11361 animation-duration: 0.55s; 11362} 11363.blog-post .blog-post-content ul.post-tag{
11364 display: none !important; 11365 align-items: center; 11366 line-height: 1; 11367 margin-top: 25px; 11368} 11369.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 11370.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 11371.blog-post .blog-post-content ul.post-tag li a{ 11372 color: #888; 11373 font-size: 14px; 11374 text-transform: uppercase; 11375} 11376 11377@media (max-width: 1599px){ 11378 .blog-post .blog-post-content h2{ 11379 font-size: 16px; 11380 width: 100%; 11381 } 11382} 11383@media (max-width: 1199px){ 11384 .blog-post .blog-post-content{ 11385 padding-top: 30px; 11386 } 11387 .blog-post .blog-post-content h2{ 11388 font-size: 16px; 11389 } 11390} 11391@media (max-width: 767px){ 11392 .blog-post .blog-post-content{ 11393 padding-top: 15px; 11394 } 11395 .blog-post .blog-post-content p{ 11396 margin-top: 6px; 11397 font-size: 14px; 11398 } 11399 .blog-post .blog-post-content a.read-btn{ 11400 font-size: 14px; 11401 margin-top: 10px; 11402 } 11403} 11404</style> 11405 </li> 11406 11407 11408 <li class="blog-slider wow animate__fadeIn"> 11409 <div class="blog-post"> 11410 <div class="blog-img-post"> 11411 11412 11413 11414 <a href="/blogs/artist-roster/marco-coghe" class="blog-img"> 11415 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/marco_cog_400x413_crop_center.png?v=1659129606" alt="MARCO COGHE" /> 11416 <span class="date-time"> 11417 <span class="date">11</span> 11418 <span class="time">Apr</span> 11419 <span class="year">2026</span> 11420 </span> 11421 </a> 11422 11423 11424 </div> 11425 <div class="blog-post-content"> 11426 <h2 class="blog-title">MARCO COGHE</h2> 11427 <p class="blog-desc">DEVANGELIC 11428 11429 11430 11431 11432Born in 1992 in Sardinia, Italy, Marco began playing drums since he was a child. ...</p> 11433 11434 11435 <ul class="post-tag"> 11436 11437 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 11438 11439 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 11440 11441 <li><a href="/blogs/news/tagged/italy">Italy</a></li> 11442 11443 </ul> 11444 11445 </div> 11446 11447</div> 11448<style type="text/css"> 11449 /* blog post css */ 11450 .blog-post { 11451 width:100%} 11452.blog-post .blog-img{ 11453 width: 100%; 11454} 11455.blog-post .blog-img-post{ 11456 position: relative; 11457 overflow: hidden; 11458 display: flex; 11459 align-items: center; 11460 justify-content: center; 11461} 11462.blog-post a.blog-img img{ 11463 transition: all 0.2s ease-in-out; 11464 -moz-transition: all 0.2s ease-in-out; 11465 -webkit-transition: all 0.2s ease-in-out; 11466 -ms-transition: all 0.2s ease-in-out; 11467 -o-transition: all 0.2s ease-in-out; 11468 object-fit:cover; 11469 height:250px; 11470 width:100%; 11471} 11472.blog-post a.blog-img:hover img{ 11473 -webkit-transform: scale(1.1); 11474 -ms-transform: scale(1.1); 11475 transform: scale(1.1); 11476} 11477.blog-post a.blog-img::after{ 11478 content: ""; 11479 position: absolute; 11480 top: 0;left: 0;width: 100%; 11481 height: 100%; 11482 background-color: rgb(0 0 0 / 12%); 11483 opacity: 0; 11484 visibility: hidden; 11485} 11486.blog-post:hover a.blog-img::after{ 11487 opacity: 1; 11488 visibility: visible; 11489} 11490.blog-post a.blog-video-button{ 11491 font-size: 16px; 11492 color: #ec1e24; 11493 background-color: #fff; 11494 position: absolute; 11495 z-index: 1; 11496 width: 70px; 11497 height: 70px; 11498 margin: 0 auto; 11499 display: flex; 11500 align-items: center; 11501 justify-content: center; 11502 border-radius: 100%; 11503} 11504 11505.blog-post:hover a.blog-img span.blog-icon{ 11506 opacity: 1; 11507 visibility: visible; 11508} 11509.blog-post a.blog-img span.date-time{ display:none !important; 11510 position: absolute; 11511 z-index: 1;left: 0px;top: 0; 11512 color: #888; 11513 font-size: 15px; 11514 font-weight: 400; 11515 line-height: 1; 11516 display: flex; 11517 padding: 15px 30px; 11518 background-color: #fff; 11519 border-radius: 0; 11520 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 11521 -webkit-transition: all 0.3s ease-in-out 0s; 11522 -o-transition: all 0.3s ease-in-out 0s; 11523 transition: all 0.3s ease-in-out 0s; 11524} 11525.blog-post a.blog-img:hover span.date-time{ 11526 color: #fff; 11527 background-color: #ec1e24; 11528} 11529.blog-post a.blog-img span.date-time span{ 11530 display: block;margin-left: 3px;text-align: center; 11531} 11532.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 11533.blog-post a.blog-img::after, 11534.blog-post:hover a.blog-img::after, 11535.blog-post a.blog-img span.blog-icon, 11536.blog-post:hover a.blog-img span.blog-icon, 11537.blog-post a.blog-img span.blog-icon:hover{ 11538 -webkit-transition: all 0.3s ease-in-out 0s; 11539 -o-transition: all 0.3s ease-in-out 0s; 11540 transition: all 0.3s ease-in-out 0s; 11541} 11542.blog-post .blog-post-content{ 11543 padding-top: 40px; 11544} 11545.blog-post .blog-post-content h2{ 11546 color: #2e405d; 11547 font-size: 18px; 11548 font-weight: 500; 11549 width: 95%; 11550} 11551.blog-post .blog-post-content p{ 11552 display: none; 11553 color: #666; 11554 font-size: 16px; 11555 margin-top: 16px; 11556} 11557.blog-post .blog-post-content a.read-btn{ 11558 font-size: 14px; 11559 display: flex; 11560 align-items: baseline; 11561 margin-top: 20px; 11562 text-transform: capitalize; 11563 font-weight: 500; 11564 line-height: 1; 11565} 11566.blog-post .blog-post-content a.read-btn span{ 11567 display: block; 11568} 11569.blog-post .blog-post-content a.read-btn:hover i{ 11570 animation-name: arrow; 11571 animation-duration: 0.55s; 11572} 11573.blog-post .blog-post-content ul.post-tag{
11574 display: none !important; 11575 align-items: center; 11576 line-height: 1; 11577 margin-top: 25px; 11578} 11579.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 11580.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 11581.blog-post .blog-post-content ul.post-tag li a{ 11582 color: #888; 11583 font-size: 14px; 11584 text-transform: uppercase; 11585} 11586 11587@media (max-width: 1599px){ 11588 .blog-post .blog-post-content h2{ 11589 font-size: 16px; 11590 width: 100%; 11591 } 11592} 11593@media (max-width: 1199px){ 11594 .blog-post .blog-post-content{ 11595 padding-top: 30px; 11596 } 11597 .blog-post .blog-post-content h2{ 11598 font-size: 16px; 11599 } 11600} 11601@media (max-width: 767px){ 11602 .blog-post .blog-post-content{ 11603 padding-top: 15px; 11604 } 11605 .blog-post .blog-post-content p{ 11606 margin-top: 6px; 11607 font-size: 14px; 11608 } 11609 .blog-post .blog-post-content a.read-btn{ 11610 font-size: 14px; 11611 margin-top: 10px; 11612 } 11613} 11614</style> 11615 </li> 11616 11617 11618 <li class="blog-slider wow animate__fadeIn"> 11619 <div class="blog-post"> 11620 <div class="blog-img-post"> 11621 11622 11623 11624 <a href="/blogs/artist-roster/konstantin" class="blog-img"> 11625 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_KONSTANTIN_400x413_crop_center.png?v=1659385443" alt="KONSTANTIN" /> 11626 <span class="date-time"> 11627 <span class="date">11</span> 11628 <span class="time">Apr</span> 11629 <span class="year">2026</span> 11630 </span> 11631 </a> 11632 11633 11634 </div> 11635 <div class="blog-post-content"> 11636 <h2 class="blog-title">KONSTANTIN</h2> 11637 <p class="blog-desc">HATE STORM ANNIHILATION 11638 11639 11640 11641 11642Konstantin is the drummer for the American death metal band HATE STO...</p> 11643 11644 11645 <ul class="post-tag"> 11646 11647 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 11648 11649 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 11650 11651 <li><a href="/blogs/news/tagged/bulgaria">Bulgaria</a></li> 11652 11653 <li><a href="/blogs/news/tagged/usa">USA</a></li> 11654 11655 </ul> 11656 11657 </div> 11658 11659</div> 11660<style type="text/css"> 11661 /* blog post css */ 11662 .blog-post { 11663 width:100%} 11664.blog-post .blog-img{ 11665 width: 100%; 11666} 11667.blog-post .blog-img-post{ 11668 position: relative; 11669 overflow: hidden; 11670 display: flex; 11671 align-items: center; 11672 justify-content: center; 11673} 11674.blog-post a.blog-img img{ 11675 transition: all 0.2s ease-in-out; 11676 -moz-transition: all 0.2s ease-in-out; 11677 -webkit-transition: all 0.2s ease-in-out; 11678 -ms-transition: all 0.2s ease-in-out; 11679 -o-transition: all 0.2s ease-in-out; 11680 object-fit:cover; 11681 height:250px; 11682 width:100%; 11683} 11684.blog-post a.blog-img:hover img{ 11685 -webkit-transform: scale(1.1); 11686 -ms-transform: scale(1.1); 11687 transform: scale(1.1); 11688} 11689.blog-post a.blog-img::after{ 11690 content: ""; 11691 position: absolute; 11692 top: 0;left: 0;width: 100%; 11693 height: 100%; 11694 background-color: rgb(0 0 0 / 12%); 11695 opacity: 0; 11696 visibility: hidden; 11697} 11698.blog-post:hover a.blog-img::after{ 11699 opacity: 1; 11700 visibility: visible; 11701} 11702.blog-post a.blog-video-button{ 11703 font-size: 16px; 11704 color: #ec1e24; 11705 background-color: #fff; 11706 position: absolute; 11707 z-index: 1; 11708 width: 70px; 11709 height: 70px; 11710 margin: 0 auto; 11711 display: flex; 11712 align-items: center; 11713 justify-content: center; 11714 border-radius: 100%; 11715} 11716 11717.blog-post:hover a.blog-img span.blog-icon{ 11718 opacity: 1; 11719 visibility: visible; 11720} 11721.blog-post a.blog-img span.date-time{ display:none !important; 11722 position: absolute; 11723 z-index: 1;left: 0px;top: 0; 11724 color: #888; 11725 font-size: 15px; 11726 font-weight: 400; 11727 line-height: 1; 11728 display: flex; 11729 padding: 15px 30px; 11730 background-color: #fff; 11731 border-radius: 0; 11732 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 11733 -webkit-transition: all 0.3s ease-in-out 0s; 11734 -o-transition: all 0.3s ease-in-out 0s; 11735 transition: all 0.3s ease-in-out 0s; 11736} 11737.blog-post a.blog-img:hover span.date-time{ 11738 color: #fff; 11739 background-color: #ec1e24; 11740} 11741.blog-post a.blog-img span.date-time span{ 11742 display: block;margin-left: 3px;text-align: center; 11743} 11744.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 11745.blog-post a.blog-img::after, 11746.blog-post:hover a.blog-img::after, 11747.blog-post a.blog-img span.blog-icon, 11748.blog-post:hover a.blog-img span.blog-icon, 11749.blog-post a.blog-img span.blog-icon:hover{ 11750 -webkit-transition: all 0.3s ease-in-out 0s; 11751 -o-transition: all 0.3s ease-in-out 0s; 11752 transition: all 0.3s ease-in-out 0s; 11753} 11754.blog-post .blog-post-content{ 11755 padding-top: 40px; 11756} 11757.blog-post .blog-post-content h2{ 11758 color: #2e405d; 11759 font-size: 18px; 11760 font-weight: 500; 11761 width: 95%; 11762} 11763.blog-post .blog-post-content p{ 11764 display: none; 11765 color: #666; 11766 font-size: 16px; 11767 margin-top: 16px; 11768} 11769.blog-post .blog-post-content a.read-btn{ 11770 font-size: 14px; 11771 display: flex; 11772 align-items: baseline; 11773 margin-top: 20px; 11774 text-transform: capitalize; 11775 font-weight: 500; 11776 line-height: 1; 11777} 11778.blog-post .blog-post-content a.read-btn span{ 11779 display: block; 11780} 11781.blog-post .blog-post-content a.read-btn:hover i{ 11782 animation-name: arrow; 11783 animation-duration: 0.55s; 11784} 11785.blog-post .blog-post-content ul.post-tag{
11786 display: none !important; 11787 align-items: center; 11788 line-height: 1; 11789 margin-top: 25px; 11790} 11791.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 11792.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 11793.blog-post .blog-post-content ul.post-tag li a{ 11794 color: #888; 11795 font-size: 14px; 11796 text-transform: uppercase; 11797} 11798 11799@media (max-width: 1599px){ 11800 .blog-post .blog-post-content h2{ 11801 font-size: 16px; 11802 width: 100%; 11803 } 11804} 11805@media (max-width: 1199px){ 11806 .blog-post .blog-post-content{ 11807 padding-top: 30px; 11808 } 11809 .blog-post .blog-post-content h2{ 11810 font-size: 16px; 11811 } 11812} 11813@media (max-width: 767px){ 11814 .blog-post .blog-post-content{ 11815 padding-top: 15px; 11816 } 11817 .blog-post .blog-post-content p{ 11818 margin-top: 6px; 11819 font-size: 14px; 11820 } 11821 .blog-post .blog-post-content a.read-btn{ 11822 font-size: 14px; 11823 margin-top: 10px; 11824 } 11825} 11826</style> 11827 </li> 11828 11829 11830 <li class="blog-slider wow animate__fadeIn"> 11831 <div class="blog-post"> 11832 <div class="blog-img-post"> 11833 11834 11835 11836 <a href="/blogs/artist-roster/juan-eduardo-dominguez" class="blog-img"> 11837 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_JED_400x413_crop_center.png?v=1659465708" alt="JUAN EDUARDO DOMINGUEZ" /> 11838 <span class="date-time"> 11839 <span class="date">11</span> 11840 <span class="time">Apr</span> 11841 <span class="year">2026</span> 11842 </span> 11843 </a> 11844 11845 11846 </div> 11847 <div class="blog-post-content"> 11848 <h2 class="blog-title">JUAN EDUARDO DOMINGUEZ</h2> 11849 <p class="blog-desc">.THE RESILIENT 11850 11851 11852Â 11853 11854Juan Eduardo Dominguez better known as Dom is a is a multi-instrumentalist ba...</p> 11855 11856 11857 <ul class="post-tag"> 11858 11859 <li><a href="/blogs/news/tagged/usa">USA</a></li> 11860 11861 </ul> 11862 11863 </div> 11864 11865</div> 11866<style type="text/css"> 11867 /* blog post css */ 11868 .blog-post { 11869 width:100%} 11870.blog-post .blog-img{ 11871 width: 100%; 11872} 11873.blog-post .blog-img-post{ 11874 position: relative; 11875 overflow: hidden; 11876 display: flex; 11877 align-items: center; 11878 justify-content: center; 11879} 11880.blog-post a.blog-img img{ 11881 transition: all 0.2s ease-in-out; 11882 -moz-transition: all 0.2s ease-in-out; 11883 -webkit-transition: all 0.2s ease-in-out; 11884 -ms-transition: all 0.2s ease-in-out; 11885 -o-transition: all 0.2s ease-in-out; 11886 object-fit:cover; 11887 height:250px; 11888 width:100%; 11889} 11890.blog-post a.blog-img:hover img{ 11891 -webkit-transform: scale(1.1); 11892 -ms-transform: scale(1.1); 11893 transform: scale(1.1); 11894} 11895.blog-post a.blog-img::after{ 11896 content: ""; 11897 position: absolute; 11898 top: 0;left: 0;width: 100%; 11899 height: 100%; 11900 background-color: rgb(0 0 0 / 12%); 11901 opacity: 0; 11902 visibility: hidden; 11903} 11904.blog-post:hover a.blog-img::after{ 11905 opacity: 1; 11906 visibility: visible; 11907} 11908.blog-post a.blog-video-button{ 11909 font-size: 16px; 11910 color: #ec1e24; 11911 background-color: #fff; 11912 position: absolute; 11913 z-index: 1; 11914 width: 70px; 11915 height: 70px; 11916 margin: 0 auto; 11917 display: flex; 11918 align-items: center; 11919 justify-content: center; 11920 border-radius: 100%; 11921} 11922 11923.blog-post:hover a.blog-img span.blog-icon{ 11924 opacity: 1; 11925 visibility: visible; 11926} 11927.blog-post a.blog-img span.date-time{ display:none !important; 11928 position: absolute; 11929 z-index: 1;left: 0px;top: 0; 11930 color: #888; 11931 font-size: 15px; 11932 font-weight: 400; 11933 line-height: 1; 11934 display: flex; 11935 padding: 15px 30px; 11936 background-color: #fff; 11937 border-radius: 0; 11938 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 11939 -webkit-transition: all 0.3s ease-in-out 0s; 11940 -o-transition: all 0.3s ease-in-out 0s; 11941 transition: all 0.3s ease-in-out 0s; 11942} 11943.blog-post a.blog-img:hover span.date-time{ 11944 color: #fff; 11945 background-color: #ec1e24; 11946} 11947.blog-post a.blog-img span.date-time span{ 11948 display: block;margin-left: 3px;text-align: center; 11949} 11950.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 11951.blog-post a.blog-img::after, 11952.blog-post:hover a.blog-img::after, 11953.blog-post a.blog-img span.blog-icon, 11954.blog-post:hover a.blog-img span.blog-icon, 11955.blog-post a.blog-img span.blog-icon:hover{ 11956 -webkit-transition: all 0.3s ease-in-out 0s; 11957 -o-transition: all 0.3s ease-in-out 0s; 11958 transition: all 0.3s ease-in-out 0s; 11959} 11960.blog-post .blog-post-content{ 11961 padding-top: 40px; 11962} 11963.blog-post .blog-post-content h2{ 11964 color: #2e405d; 11965 font-size: 18px; 11966 font-weight: 500; 11967 width: 95%; 11968} 11969.blog-post .blog-post-content p{ 11970 display: none; 11971 color: #666; 11972 font-size: 16px; 11973 margin-top: 16px; 11974} 11975.blog-post .blog-post-content a.read-btn{ 11976 font-size: 14px; 11977 display: flex; 11978 align-items: baseline; 11979 margin-top: 20px; 11980 text-transform: capitalize; 11981 font-weight: 500; 11982 line-height: 1; 11983} 11984.blog-post .blog-post-content a.read-btn span{ 11985 display: block; 11986} 11987.blog-post .blog-post-content a.read-btn:hover i{ 11988 animation-name: arrow; 11989 animation-duration: 0.55s; 11990} 11991.blog-post .blog-post-content ul.post-tag{
11992 display: none !important; 11993 align-items: center; 11994 line-height: 1; 11995 margin-top: 25px; 11996} 11997.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 11998.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 11999.blog-post .blog-post-content ul.post-tag li a{ 12000 color: #888; 12001 font-size: 14px; 12002 text-transform: uppercase; 12003} 12004 12005@media (max-width: 1599px){ 12006 .blog-post .blog-post-content h2{ 12007 font-size: 16px; 12008 width: 100%; 12009 } 12010} 12011@media (max-width: 1199px){ 12012 .blog-post .blog-post-content{ 12013 padding-top: 30px; 12014 } 12015 .blog-post .blog-post-content h2{ 12016 font-size: 16px; 12017 } 12018} 12019@media (max-width: 767px){ 12020 .blog-post .blog-post-content{ 12021 padding-top: 15px; 12022 } 12023 .blog-post .blog-post-content p{ 12024 margin-top: 6px; 12025 font-size: 14px; 12026 } 12027 .blog-post .blog-post-content a.read-btn{ 12028 font-size: 14px; 12029 margin-top: 10px; 12030 } 12031} 12032</style> 12033 </li> 12034 12035 12036 <li class="blog-slider wow animate__fadeIn"> 12037 <div class="blog-post"> 12038 <div class="blog-img-post"> 12039 12040 12041 12042 <a href="/blogs/artist-roster/jorge-iacobellis" class="blog-img"> 12043 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_Jorge_400x413_crop_center.png?v=1659384141" alt="JORGE IACOBELLIS" /> 12044 <span class="date-time"> 12045 <span class="date">11</span> 12046 <span class="time">Apr</span> 12047 <span class="year">2026</span> 12048 </span> 12049 </a> 12050 12051 12052 </div> 12053 <div class="blog-post-content"> 12054 <h2 class="blog-title">JORGE IACOBELLIS</h2> 12055 <p class="blog-desc">HIRAX 12056 12057 12058Â 12059 12060Jorge Iacobellis is a native of Argentina, born in 1956, and took up drumming at the a...</p> 12061 12062 12063 <ul class="post-tag"> 12064 12065 <li><a href="/blogs/news/tagged/argentina">Argentina</a></li> 12066 12067 </ul> 12068 12069 </div> 12070 12071</div> 12072<style type="text/css"> 12073 /* blog post css */ 12074 .blog-post { 12075 width:100%} 12076.blog-post .blog-img{ 12077 width: 100%; 12078} 12079.blog-post .blog-img-post{ 12080 position: relative; 12081 overflow: hidden; 12082 display: flex; 12083 align-items: center; 12084 justify-content: center; 12085} 12086.blog-post a.blog-img img{ 12087 transition: all 0.2s ease-in-out; 12088 -moz-transition: all 0.2s ease-in-out; 12089 -webkit-transition: all 0.2s ease-in-out; 12090 -ms-transition: all 0.2s ease-in-out; 12091 -o-transition: all 0.2s ease-in-out; 12092 object-fit:cover; 12093 height:250px; 12094 width:100%; 12095} 12096.blog-post a.blog-img:hover img{ 12097 -webkit-transform: scale(1.1); 12098 -ms-transform: scale(1.1); 12099 transform: scale(1.1); 12100} 12101.blog-post a.blog-img::after{ 12102 content: ""; 12103 position: absolute; 12104 top: 0;left: 0;width: 100%; 12105 height: 100%; 12106 background-color: rgb(0 0 0 / 12%); 12107 opacity: 0; 12108 visibility: hidden; 12109} 12110.blog-post:hover a.blog-img::after{ 12111 opacity: 1; 12112 visibility: visible; 12113} 12114.blog-post a.blog-video-button{ 12115 font-size: 16px; 12116 color: #ec1e24; 12117 background-color: #fff; 12118 position: absolute; 12119 z-index: 1; 12120 width: 70px; 12121 height: 70px; 12122 margin: 0 auto; 12123 display: flex; 12124 align-items: center; 12125 justify-content: center; 12126 border-radius: 100%; 12127} 12128 12129.blog-post:hover a.blog-img span.blog-icon{ 12130 opacity: 1; 12131 visibility: visible; 12132} 12133.blog-post a.blog-img span.date-time{ display:none !important; 12134 position: absolute; 12135 z-index: 1;left: 0px;top: 0; 12136 color: #888; 12137 font-size: 15px; 12138 font-weight: 400; 12139 line-height: 1; 12140 display: flex; 12141 padding: 15px 30px; 12142 background-color: #fff; 12143 border-radius: 0; 12144 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 12145 -webkit-transition: all 0.3s ease-in-out 0s; 12146 -o-transition: all 0.3s ease-in-out 0s; 12147 transition: all 0.3s ease-in-out 0s; 12148} 12149.blog-post a.blog-img:hover span.date-time{ 12150 color: #fff; 12151 background-color: #ec1e24; 12152} 12153.blog-post a.blog-img span.date-time span{ 12154 display: block;margin-left: 3px;text-align: center; 12155} 12156.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 12157.blog-post a.blog-img::after, 12158.blog-post:hover a.blog-img::after, 12159.blog-post a.blog-img span.blog-icon, 12160.blog-post:hover a.blog-img span.blog-icon, 12161.blog-post a.blog-img span.blog-icon:hover{ 12162 -webkit-transition: all 0.3s ease-in-out 0s; 12163 -o-transition: all 0.3s ease-in-out 0s; 12164 transition: all 0.3s ease-in-out 0s; 12165} 12166.blog-post .blog-post-content{ 12167 padding-top: 40px; 12168} 12169.blog-post .blog-post-content h2{ 12170 color: #2e405d; 12171 font-size: 18px; 12172 font-weight: 500; 12173 width: 95%; 12174} 12175.blog-post .blog-post-content p{ 12176 display: none; 12177 color: #666; 12178 font-size: 16px; 12179 margin-top: 16px; 12180} 12181.blog-post .blog-post-content a.read-btn{ 12182 font-size: 14px; 12183 display: flex; 12184 align-items: baseline; 12185 margin-top: 20px; 12186 text-transform: capitalize; 12187 font-weight: 500; 12188 line-height: 1; 12189} 12190.blog-post .blog-post-content a.read-btn span{ 12191 display: block; 12192} 12193.blog-post .blog-post-content a.read-btn:hover i{ 12194 animation-name: arrow; 12195 animation-duration: 0.55s; 12196} 12197.blog-post .blog-post-content ul.post-tag{
12198 display: none !important; 12199 align-items: center; 12200 line-height: 1; 12201 margin-top: 25px; 12202} 12203.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 12204.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 12205.blog-post .blog-post-content ul.post-tag li a{ 12206 color: #888; 12207 font-size: 14px; 12208 text-transform: uppercase; 12209} 12210 12211@media (max-width: 1599px){ 12212 .blog-post .blog-post-content h2{ 12213 font-size: 16px; 12214 width: 100%; 12215 } 12216} 12217@media (max-width: 1199px){ 12218 .blog-post .blog-post-content{ 12219 padding-top: 30px; 12220 } 12221 .blog-post .blog-post-content h2{ 12222 font-size: 16px; 12223 } 12224} 12225@media (max-width: 767px){ 12226 .blog-post .blog-post-content{ 12227 padding-top: 15px; 12228 } 12229 .blog-post .blog-post-content p{ 12230 margin-top: 6px; 12231 font-size: 14px; 12232 } 12233 .blog-post .blog-post-content a.read-btn{ 12234 font-size: 14px; 12235 margin-top: 10px; 12236 } 12237} 12238</style> 12239 </li> 12240 12241 12242 <li class="blog-slider wow animate__fadeIn"> 12243 <div class="blog-post"> 12244 <div class="blog-img-post"> 12245 12246 12247 12248 <a href="/blogs/artist-roster/jan-axel-hellhammer-blomberg" class="blog-img"> 12249 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/hellhammer_400x413_crop_center.png?v=1659124034" alt="JAN AXEL "HELLHAMMER" BLOMBERG" /> 12250 <span class="date-time"> 12251 <span class="date">11</span> 12252 <span class="time">Apr</span> 12253 <span class="year">2026</span> 12254 </span> 12255 </a> 12256 12257 12258 </div> 12259 <div class="blog-post-content"> 12260 <h2 class="blog-title">JAN AXEL "HELLHAMMER" BLOMBERG</h2> 12261 <p class="blog-desc">MAYHEM 12262 12263Â 12264 12265Jan Axel âHellhammerâ Blomberg (born August 2, 1969, in Trysil, Norway) is a Norwegian...</p> 12266 12267 12268 <ul class="post-tag"> 12269 12270 <li><a href="/blogs/news/tagged/blackmetal">#BlackMetal</a></li> 12271 12272 <li><a href="/blogs/news/tagged/norwegianheavymetal">#NorwegianHeavyMetal</a></li> 12273 12274 <li><a href="/blogs/news/tagged/norway">Norway</a></li> 12275 12276 </ul> 12277 12278 </div> 12279 12280</div> 12281<style type="text/css"> 12282 /* blog post css */ 12283 .blog-post { 12284 width:100%} 12285.blog-post .blog-img{ 12286 width: 100%; 12287} 12288.blog-post .blog-img-post{ 12289 position: relative; 12290 overflow: hidden; 12291 display: flex; 12292 align-items: center; 12293 justify-content: center; 12294} 12295.blog-post a.blog-img img{ 12296 transition: all 0.2s ease-in-out; 12297 -moz-transition: all 0.2s ease-in-out; 12298 -webkit-transition: all 0.2s ease-in-out; 12299 -ms-transition: all 0.2s ease-in-out; 12300 -o-transition: all 0.2s ease-in-out; 12301 object-fit:cover; 12302 height:250px; 12303 width:100%; 12304} 12305.blog-post a.blog-img:hover img{ 12306 -webkit-transform: scale(1.1); 12307 -ms-transform: scale(1.1); 12308 transform: scale(1.1); 12309} 12310.blog-post a.blog-img::after{ 12311 content: ""; 12312 position: absolute; 12313 top: 0;left: 0;width: 100%; 12314 height: 100%; 12315 background-color: rgb(0 0 0 / 12%); 12316 opacity: 0; 12317 visibility: hidden; 12318} 12319.blog-post:hover a.blog-img::after{ 12320 opacity: 1; 12321 visibility: visible; 12322} 12323.blog-post a.blog-video-button{ 12324 font-size: 16px; 12325 color: #ec1e24; 12326 background-color: #fff; 12327 position: absolute; 12328 z-index: 1; 12329 width: 70px; 12330 height: 70px; 12331 margin: 0 auto; 12332 display: flex; 12333 align-items: center; 12334 justify-content: center; 12335 border-radius: 100%; 12336} 12337 12338.blog-post:hover a.blog-img span.blog-icon{ 12339 opacity: 1; 12340 visibility: visible; 12341} 12342.blog-post a.blog-img span.date-time{ display:none !important; 12343 position: absolute; 12344 z-index: 1;left: 0px;top: 0; 12345 color: #888; 12346 font-size: 15px; 12347 font-weight: 400; 12348 line-height: 1; 12349 display: flex; 12350 padding: 15px 30px; 12351 background-color: #fff; 12352 border-radius: 0; 12353 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 12354 -webkit-transition: all 0.3s ease-in-out 0s; 12355 -o-transition: all 0.3s ease-in-out 0s; 12356 transition: all 0.3s ease-in-out 0s; 12357} 12358.blog-post a.blog-img:hover span.date-time{ 12359 color: #fff; 12360 background-color: #ec1e24; 12361} 12362.blog-post a.blog-img span.date-time span{ 12363 display: block;margin-left: 3px;text-align: center; 12364} 12365.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 12366.blog-post a.blog-img::after, 12367.blog-post:hover a.blog-img::after, 12368.blog-post a.blog-img span.blog-icon, 12369.blog-post:hover a.blog-img span.blog-icon, 12370.blog-post a.blog-img span.blog-icon:hover{ 12371 -webkit-transition: all 0.3s ease-in-out 0s; 12372 -o-transition: all 0.3s ease-in-out 0s; 12373 transition: all 0.3s ease-in-out 0s; 12374} 12375.blog-post .blog-post-content{ 12376 padding-top: 40px; 12377} 12378.blog-post .blog-post-content h2{ 12379 color: #2e405d; 12380 font-size: 18px; 12381 font-weight: 500; 12382 width: 95%; 12383} 12384.blog-post .blog-post-content p{ 12385 display: none; 12386 color: #666; 12387 font-size: 16px; 12388 margin-top: 16px; 12389} 12390.blog-post .blog-post-content a.read-btn{ 12391 font-size: 14px; 12392 display: flex; 12393 align-items: baseline; 12394 margin-top: 20px; 12395 text-transform: capitalize; 12396 font-weight: 500; 12397 line-height: 1; 12398} 12399.blog-post .blog-post-content a.read-btn span{ 12400 display: block; 12401} 12402.blog-post .blog-post-content a.read-btn:hover i{ 12403 animation-name: arrow; 12404 animation-duration: 0.55s; 12405} 12406.blog-post .blog-post-content ul.post-tag{
12407 display: none !important; 12408 align-items: center; 12409 line-height: 1; 12410 margin-top: 25px; 12411} 12412.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 12413.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 12414.blog-post .blog-post-content ul.post-tag li a{ 12415 color: #888; 12416 font-size: 14px; 12417 text-transform: uppercase; 12418} 12419 12420@media (max-width: 1599px){ 12421 .blog-post .blog-post-content h2{ 12422 font-size: 16px; 12423 width: 100%; 12424 } 12425} 12426@media (max-width: 1199px){ 12427 .blog-post .blog-post-content{ 12428 padding-top: 30px; 12429 } 12430 .blog-post .blog-post-content h2{ 12431 font-size: 16px; 12432 } 12433} 12434@media (max-width: 767px){ 12435 .blog-post .blog-post-content{ 12436 padding-top: 15px; 12437 } 12438 .blog-post .blog-post-content p{ 12439 margin-top: 6px; 12440 font-size: 14px; 12441 } 12442 .blog-post .blog-post-content a.read-btn{ 12443 font-size: 14px; 12444 margin-top: 10px; 12445 } 12446} 12447</style> 12448 </li> 12449 12450 12451 <li class="blog-slider wow animate__fadeIn"> 12452 <div class="blog-post"> 12453 <div class="blog-img-post"> 12454 12455 12456 12457 <a href="/blogs/artist-roster/john-jr-robinson" class="blog-img"> 12458 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/JR_400x413_crop_center.png?v=1659128752" alt="JOHN JR ROBINSON" /> 12459 <span class="date-time"> 12460 <span class="date">11</span> 12461 <span class="time">Apr</span> 12462 <span class="year">2026</span> 12463 </span> 12464 </a> 12465 12466 12467 </div> 12468 <div class="blog-post-content"> 12469 <h2 class="blog-title">JOHN JR ROBINSON</h2> 12470 <p class="blog-desc">INDEPENDENT "THE WORLD'S MOST RECORDED DRUMMER" 12471 12472Â 12473 12474John was born in Creston, Iowa in 1954. Both ...</p> 12475 12476 12477 <ul class="post-tag"> 12478 12479 <li><a href="/blogs/news/tagged/pop">#Pop</a></li> 12480 12481 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 12482 12483 <li><a href="/blogs/news/tagged/usa">USA</a></li> 12484 12485 </ul> 12486 12487 </div> 12488 12489</div> 12490<style type="text/css"> 12491 /* blog post css */ 12492 .blog-post { 12493 width:100%} 12494.blog-post .blog-img{ 12495 width: 100%; 12496} 12497.blog-post .blog-img-post{ 12498 position: relative; 12499 overflow: hidden; 12500 display: flex; 12501 align-items: center; 12502 justify-content: center; 12503} 12504.blog-post a.blog-img img{ 12505 transition: all 0.2s ease-in-out; 12506 -moz-transition: all 0.2s ease-in-out; 12507 -webkit-transition: all 0.2s ease-in-out; 12508 -ms-transition: all 0.2s ease-in-out; 12509 -o-transition: all 0.2s ease-in-out; 12510 object-fit:cover; 12511 height:250px; 12512 width:100%; 12513} 12514.blog-post a.blog-img:hover img{ 12515 -webkit-transform: scale(1.1); 12516 -ms-transform: scale(1.1); 12517 transform: scale(1.1); 12518} 12519.blog-post a.blog-img::after{ 12520 content: ""; 12521 position: absolute; 12522 top: 0;left: 0;width: 100%; 12523 height: 100%; 12524 background-color: rgb(0 0 0 / 12%); 12525 opacity: 0; 12526 visibility: hidden; 12527} 12528.blog-post:hover a.blog-img::after{ 12529 opacity: 1; 12530 visibility: visible; 12531} 12532.blog-post a.blog-video-button{ 12533 font-size: 16px; 12534 color: #ec1e24; 12535 background-color: #fff; 12536 position: absolute; 12537 z-index: 1; 12538 width: 70px; 12539 height: 70px; 12540 margin: 0 auto; 12541 display: flex; 12542 align-items: center; 12543 justify-content: center; 12544 border-radius: 100%; 12545} 12546 12547.blog-post:hover a.blog-img span.blog-icon{ 12548 opacity: 1; 12549 visibility: visible; 12550} 12551.blog-post a.blog-img span.date-time{ display:none !important; 12552 position: absolute; 12553 z-index: 1;left: 0px;top: 0; 12554 color: #888; 12555 font-size: 15px; 12556 font-weight: 400; 12557 line-height: 1; 12558 display: flex; 12559 padding: 15px 30px; 12560 background-color: #fff; 12561 border-radius: 0; 12562 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 12563 -webkit-transition: all 0.3s ease-in-out 0s; 12564 -o-transition: all 0.3s ease-in-out 0s; 12565 transition: all 0.3s ease-in-out 0s; 12566} 12567.blog-post a.blog-img:hover span.date-time{ 12568 color: #fff; 12569 background-color: #ec1e24; 12570} 12571.blog-post a.blog-img span.date-time span{ 12572 display: block;margin-left: 3px;text-align: center; 12573} 12574.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 12575.blog-post a.blog-img::after, 12576.blog-post:hover a.blog-img::after, 12577.blog-post a.blog-img span.blog-icon, 12578.blog-post:hover a.blog-img span.blog-icon, 12579.blog-post a.blog-img span.blog-icon:hover{ 12580 -webkit-transition: all 0.3s ease-in-out 0s; 12581 -o-transition: all 0.3s ease-in-out 0s; 12582 transition: all 0.3s ease-in-out 0s; 12583} 12584.blog-post .blog-post-content{ 12585 padding-top: 40px; 12586} 12587.blog-post .blog-post-content h2{ 12588 color: #2e405d; 12589 font-size: 18px; 12590 font-weight: 500; 12591 width: 95%; 12592} 12593.blog-post .blog-post-content p{ 12594 display: none; 12595 color: #666; 12596 font-size: 16px; 12597 margin-top: 16px; 12598} 12599.blog-post .blog-post-content a.read-btn{ 12600 font-size: 14px; 12601 display: flex; 12602 align-items: baseline; 12603 margin-top: 20px; 12604 text-transform: capitalize; 12605 font-weight: 500; 12606 line-height: 1; 12607} 12608.blog-post .blog-post-content a.read-btn span{ 12609 display: block; 12610} 12611.blog-post .blog-post-content a.read-btn:hover i{ 12612 animation-name: arrow; 12613 animation-duration: 0.55s; 12614} 12615.blog-post .blog-post-content ul.post-tag{
12616 display: none !important; 12617 align-items: center; 12618 line-height: 1; 12619 margin-top: 25px; 12620} 12621.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 12622.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 12623.blog-post .blog-post-content ul.post-tag li a{ 12624 color: #888; 12625 font-size: 14px; 12626 text-transform: uppercase; 12627} 12628 12629@media (max-width: 1599px){ 12630 .blog-post .blog-post-content h2{ 12631 font-size: 16px; 12632 width: 100%; 12633 } 12634} 12635@media (max-width: 1199px){ 12636 .blog-post .blog-post-content{ 12637 padding-top: 30px; 12638 } 12639 .blog-post .blog-post-content h2{ 12640 font-size: 16px; 12641 } 12642} 12643@media (max-width: 767px){ 12644 .blog-post .blog-post-content{ 12645 padding-top: 15px; 12646 } 12647 .blog-post .blog-post-content p{ 12648 margin-top: 6px; 12649 font-size: 14px; 12650 } 12651 .blog-post .blog-post-content a.read-btn{ 12652 font-size: 14px; 12653 margin-top: 10px; 12654 } 12655} 12656</style> 12657 </li> 12658 12659 12660 <li class="blog-slider wow animate__fadeIn"> 12661 <div class="blog-post"> 12662 <div class="blog-img-post"> 12663 12664 12665 12666 <a href="/blogs/artist-roster/humberto-zambrin" class="blog-img"> 12667 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/Zambrin_Axis_480x480_850c3eed-d3f9-46e0-8866-68ee4049c288_400x413_crop_center.webp?v=1659122884" alt="HUMBERTO ZAMBRIN" /> 12668 <span class="date-time"> 12669 <span class="date">11</span> 12670 <span class="time">Apr</span> 12671 <span class="year">2026</span> 12672 </span> 12673 </a> 12674 12675 12676 </div> 12677 <div class="blog-post-content"> 12678 <h2 class="blog-title">HUMBERTO ZAMBRIN</h2> 12679 <p class="blog-desc">ATTRACTHA 12680 12681 12682Â 12683 12684Humberto Zambrin is a Brazilian Metal drummer that got interested n drums at age o...</p> 12685 12686 12687 <ul class="post-tag"> 12688 12689 <li><a href="/blogs/news/tagged/heavymetal">#HeavyMetal</a></li> 12690 12691 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 12692 12693 <li><a href="/blogs/news/tagged/brazil">Brazil</a></li> 12694 12695 </ul> 12696 12697 </div> 12698 12699</div> 12700<style type="text/css"> 12701 /* blog post css */ 12702 .blog-post { 12703 width:100%} 12704.blog-post .blog-img{ 12705 width: 100%; 12706} 12707.blog-post .blog-img-post{ 12708 position: relative; 12709 overflow: hidden; 12710 display: flex; 12711 align-items: center; 12712 justify-content: center; 12713} 12714.blog-post a.blog-img img{ 12715 transition: all 0.2s ease-in-out; 12716 -moz-transition: all 0.2s ease-in-out; 12717 -webkit-transition: all 0.2s ease-in-out; 12718 -ms-transition: all 0.2s ease-in-out; 12719 -o-transition: all 0.2s ease-in-out; 12720 object-fit:cover; 12721 height:250px; 12722 width:100%; 12723} 12724.blog-post a.blog-img:hover img{ 12725 -webkit-transform: scale(1.1); 12726 -ms-transform: scale(1.1); 12727 transform: scale(1.1); 12728} 12729.blog-post a.blog-img::after{ 12730 content: ""; 12731 position: absolute; 12732 top: 0;left: 0;width: 100%; 12733 height: 100%; 12734 background-color: rgb(0 0 0 / 12%); 12735 opacity: 0; 12736 visibility: hidden; 12737} 12738.blog-post:hover a.blog-img::after{ 12739 opacity: 1; 12740 visibility: visible; 12741} 12742.blog-post a.blog-video-button{ 12743 font-size: 16px; 12744 color: #ec1e24; 12745 background-color: #fff; 12746 position: absolute; 12747 z-index: 1; 12748 width: 70px; 12749 height: 70px; 12750 margin: 0 auto; 12751 display: flex; 12752 align-items: center; 12753 justify-content: center; 12754 border-radius: 100%; 12755} 12756 12757.blog-post:hover a.blog-img span.blog-icon{ 12758 opacity: 1; 12759 visibility: visible; 12760} 12761.blog-post a.blog-img span.date-time{ display:none !important; 12762 position: absolute; 12763 z-index: 1;left: 0px;top: 0; 12764 color: #888; 12765 font-size: 15px; 12766 font-weight: 400; 12767 line-height: 1; 12768 display: flex; 12769 padding: 15px 30px; 12770 background-color: #fff; 12771 border-radius: 0; 12772 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 12773 -webkit-transition: all 0.3s ease-in-out 0s; 12774 -o-transition: all 0.3s ease-in-out 0s; 12775 transition: all 0.3s ease-in-out 0s; 12776} 12777.blog-post a.blog-img:hover span.date-time{ 12778 color: #fff; 12779 background-color: #ec1e24; 12780} 12781.blog-post a.blog-img span.date-time span{ 12782 display: block;margin-left: 3px;text-align: center; 12783} 12784.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 12785.blog-post a.blog-img::after, 12786.blog-post:hover a.blog-img::after, 12787.blog-post a.blog-img span.blog-icon, 12788.blog-post:hover a.blog-img span.blog-icon, 12789.blog-post a.blog-img span.blog-icon:hover{ 12790 -webkit-transition: all 0.3s ease-in-out 0s; 12791 -o-transition: all 0.3s ease-in-out 0s; 12792 transition: all 0.3s ease-in-out 0s; 12793} 12794.blog-post .blog-post-content{ 12795 padding-top: 40px; 12796} 12797.blog-post .blog-post-content h2{ 12798 color: #2e405d; 12799 font-size: 18px; 12800 font-weight: 500; 12801 width: 95%; 12802} 12803.blog-post .blog-post-content p{ 12804 display: none; 12805 color: #666; 12806 font-size: 16px; 12807 margin-top: 16px; 12808} 12809.blog-post .blog-post-content a.read-btn{ 12810 font-size: 14px; 12811 display: flex; 12812 align-items: baseline; 12813 margin-top: 20px; 12814 text-transform: capitalize; 12815 font-weight: 500; 12816 line-height: 1; 12817} 12818.blog-post .blog-post-content a.read-btn span{ 12819 display: block; 12820} 12821.blog-post .blog-post-content a.read-btn:hover i{ 12822 animation-name: arrow; 12823 animation-duration: 0.55s; 12824} 12825.blog-post .blog-post-content ul.post-tag{
12826 display: none !important; 12827 align-items: center; 12828 line-height: 1; 12829 margin-top: 25px; 12830} 12831.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 12832.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 12833.blog-post .blog-post-content ul.post-tag li a{ 12834 color: #888; 12835 font-size: 14px; 12836 text-transform: uppercase; 12837} 12838 12839@media (max-width: 1599px){ 12840 .blog-post .blog-post-content h2{ 12841 font-size: 16px; 12842 width: 100%; 12843 } 12844} 12845@media (max-width: 1199px){ 12846 .blog-post .blog-post-content{ 12847 padding-top: 30px; 12848 } 12849 .blog-post .blog-post-content h2{ 12850 font-size: 16px; 12851 } 12852} 12853@media (max-width: 767px){ 12854 .blog-post .blog-post-content{ 12855 padding-top: 15px; 12856 } 12857 .blog-post .blog-post-content p{ 12858 margin-top: 6px; 12859 font-size: 14px; 12860 } 12861 .blog-post .blog-post-content a.read-btn{ 12862 font-size: 14px; 12863 margin-top: 10px; 12864 } 12865} 12866</style> 12867 </li> 12868 12869 12870 <li class="blog-slider wow animate__fadeIn"> 12871 <div class="blog-post"> 12872 <div class="blog-img-post"> 12873 12874 12875 12876 <a href="/blogs/artist-roster/gina-schock" class="blog-img"> 12877 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_GSchock_400x413_crop_center.jpg?v=1659115768" alt="GINA SCHOCK" /> 12878 <span class="date-time"> 12879 <span class="date">11</span> 12880 <span class="time">Apr</span> 12881 <span class="year">2026</span> 12882 </span> 12883 </a> 12884 12885 12886 </div> 12887 <div class="blog-post-content"> 12888 <h2 class="blog-title">GINA SCHOCK</h2> 12889 <p class="blog-desc">THE GOGOSÂ 12890 12891Â 12892Gina Schock is an American singer and musician. She is best known as the drummer fo...</p> 12893 12894 12895 <ul class="post-tag"> 12896 12897 <li><a href="/blogs/news/tagged/newwave">#NewWave</a></li> 12898 12899 <li><a href="/blogs/news/tagged/poprock">#PopRock</a></li> 12900 12901 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 12902 12903 <li><a href="/blogs/news/tagged/usa">USA</a></li> 12904 12905 </ul> 12906 12907 </div> 12908 12909</div> 12910<style type="text/css"> 12911 /* blog post css */ 12912 .blog-post { 12913 width:100%} 12914.blog-post .blog-img{ 12915 width: 100%; 12916} 12917.blog-post .blog-img-post{ 12918 position: relative; 12919 overflow: hidden; 12920 display: flex; 12921 align-items: center; 12922 justify-content: center; 12923} 12924.blog-post a.blog-img img{ 12925 transition: all 0.2s ease-in-out; 12926 -moz-transition: all 0.2s ease-in-out; 12927 -webkit-transition: all 0.2s ease-in-out; 12928 -ms-transition: all 0.2s ease-in-out; 12929 -o-transition: all 0.2s ease-in-out; 12930 object-fit:cover; 12931 height:250px; 12932 width:100%; 12933} 12934.blog-post a.blog-img:hover img{ 12935 -webkit-transform: scale(1.1); 12936 -ms-transform: scale(1.1); 12937 transform: scale(1.1); 12938} 12939.blog-post a.blog-img::after{ 12940 content: ""; 12941 position: absolute; 12942 top: 0;left: 0;width: 100%; 12943 height: 100%; 12944 background-color: rgb(0 0 0 / 12%); 12945 opacity: 0; 12946 visibility: hidden; 12947} 12948.blog-post:hover a.blog-img::after{ 12949 opacity: 1; 12950 visibility: visible; 12951} 12952.blog-post a.blog-video-button{ 12953 font-size: 16px; 12954 color: #ec1e24; 12955 background-color: #fff; 12956 position: absolute; 12957 z-index: 1; 12958 width: 70px; 12959 height: 70px; 12960 margin: 0 auto; 12961 display: flex; 12962 align-items: center; 12963 justify-content: center; 12964 border-radius: 100%; 12965} 12966 12967.blog-post:hover a.blog-img span.blog-icon{ 12968 opacity: 1; 12969 visibility: visible; 12970} 12971.blog-post a.blog-img span.date-time{ display:none !important; 12972 position: absolute; 12973 z-index: 1;left: 0px;top: 0; 12974 color: #888; 12975 font-size: 15px; 12976 font-weight: 400; 12977 line-height: 1; 12978 display: flex; 12979 padding: 15px 30px; 12980 background-color: #fff; 12981 border-radius: 0; 12982 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 12983 -webkit-transition: all 0.3s ease-in-out 0s; 12984 -o-transition: all 0.3s ease-in-out 0s; 12985 transition: all 0.3s ease-in-out 0s; 12986} 12987.blog-post a.blog-img:hover span.date-time{ 12988 color: #fff; 12989 background-color: #ec1e24; 12990} 12991.blog-post a.blog-img span.date-time span{ 12992 display: block;margin-left: 3px;text-align: center; 12993} 12994.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 12995.blog-post a.blog-img::after, 12996.blog-post:hover a.blog-img::after, 12997.blog-post a.blog-img span.blog-icon, 12998.blog-post:hover a.blog-img span.blog-icon, 12999.blog-post a.blog-img span.blog-icon:hover{ 13000 -webkit-transition: all 0.3s ease-in-out 0s; 13001 -o-transition: all 0.3s ease-in-out 0s; 13002 transition: all 0.3s ease-in-out 0s; 13003} 13004.blog-post .blog-post-content{ 13005 padding-top: 40px; 13006} 13007.blog-post .blog-post-content h2{ 13008 color: #2e405d; 13009 font-size: 18px; 13010 font-weight: 500; 13011 width: 95%; 13012} 13013.blog-post .blog-post-content p{ 13014 display: none; 13015 color: #666; 13016 font-size: 16px; 13017 margin-top: 16px; 13018} 13019.blog-post .blog-post-content a.read-btn{ 13020 font-size: 14px; 13021 display: flex; 13022 align-items: baseline; 13023 margin-top: 20px; 13024 text-transform: capitalize; 13025 font-weight: 500; 13026 line-height: 1; 13027} 13028.blog-post .blog-post-content a.read-btn span{ 13029 display: block; 13030} 13031.blog-post .blog-post-content a.read-btn:hover i{ 13032 animation-name: arrow; 13033 animation-duration: 0.55s; 13034} 13035.blog-post .blog-post-content ul.post-tag{
13036 display: none !important; 13037 align-items: center; 13038 line-height: 1; 13039 margin-top: 25px; 13040} 13041.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 13042.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 13043.blog-post .blog-post-content ul.post-tag li a{ 13044 color: #888; 13045 font-size: 14px; 13046 text-transform: uppercase; 13047} 13048 13049@media (max-width: 1599px){ 13050 .blog-post .blog-post-content h2{ 13051 font-size: 16px; 13052 width: 100%; 13053 } 13054} 13055@media (max-width: 1199px){ 13056 .blog-post .blog-post-content{ 13057 padding-top: 30px; 13058 } 13059 .blog-post .blog-post-content h2{ 13060 font-size: 16px; 13061 } 13062} 13063@media (max-width: 767px){ 13064 .blog-post .blog-post-content{ 13065 padding-top: 15px; 13066 } 13067 .blog-post .blog-post-content p{ 13068 margin-top: 6px; 13069 font-size: 14px; 13070 } 13071 .blog-post .blog-post-content a.read-btn{ 13072 font-size: 14px; 13073 margin-top: 10px; 13074 } 13075} 13076</style> 13077 </li> 13078 13079 13080 <li class="blog-slider wow animate__fadeIn"> 13081 <div class="blog-post"> 13082 <div class="blog-img-post"> 13083 13084 13085 13086 <a href="/blogs/artist-roster/bobby-ruggiero" class="blog-img"> 13087 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_BRugg_400x413_crop_center.png?v=1659108381" alt="BOBBY RUGGIERO" /> 13088 <span class="date-time"> 13089 <span class="date">11</span> 13090 <span class="time">Apr</span> 13091 <span class="year">2026</span> 13092 </span> 13093 </a> 13094 13095 13096 </div> 13097 <div class="blog-post-content"> 13098 <h2 class="blog-title">BOBBY RUGGIERO</h2> 13099 <p class="blog-desc">VAN MORRISON 13100 13101 13102Â 13103 13104Fresh off a 12-year stint with legendary folk/rock artist Van Morrison, adaptab...</p> 13105 13106 13107 <ul class="post-tag"> 13108 13109 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 13110 13111 <li><a href="/blogs/news/tagged/usa">USA</a></li> 13112 13113 </ul> 13114 13115 </div> 13116 13117</div> 13118<style type="text/css"> 13119 /* blog post css */ 13120 .blog-post { 13121 width:100%} 13122.blog-post .blog-img{ 13123 width: 100%; 13124} 13125.blog-post .blog-img-post{ 13126 position: relative; 13127 overflow: hidden; 13128 display: flex; 13129 align-items: center; 13130 justify-content: center; 13131} 13132.blog-post a.blog-img img{ 13133 transition: all 0.2s ease-in-out; 13134 -moz-transition: all 0.2s ease-in-out; 13135 -webkit-transition: all 0.2s ease-in-out; 13136 -ms-transition: all 0.2s ease-in-out; 13137 -o-transition: all 0.2s ease-in-out; 13138 object-fit:cover; 13139 height:250px; 13140 width:100%; 13141} 13142.blog-post a.blog-img:hover img{ 13143 -webkit-transform: scale(1.1); 13144 -ms-transform: scale(1.1); 13145 transform: scale(1.1); 13146} 13147.blog-post a.blog-img::after{ 13148 content: ""; 13149 position: absolute; 13150 top: 0;left: 0;width: 100%; 13151 height: 100%; 13152 background-color: rgb(0 0 0 / 12%); 13153 opacity: 0; 13154 visibility: hidden; 13155} 13156.blog-post:hover a.blog-img::after{ 13157 opacity: 1; 13158 visibility: visible; 13159} 13160.blog-post a.blog-video-button{ 13161 font-size: 16px; 13162 color: #ec1e24; 13163 background-color: #fff; 13164 position: absolute; 13165 z-index: 1; 13166 width: 70px; 13167 height: 70px; 13168 margin: 0 auto; 13169 display: flex; 13170 align-items: center; 13171 justify-content: center; 13172 border-radius: 100%; 13173} 13174 13175.blog-post:hover a.blog-img span.blog-icon{ 13176 opacity: 1; 13177 visibility: visible; 13178} 13179.blog-post a.blog-img span.date-time{ display:none !important; 13180 position: absolute; 13181 z-index: 1;left: 0px;top: 0; 13182 color: #888; 13183 font-size: 15px; 13184 font-weight: 400; 13185 line-height: 1; 13186 display: flex; 13187 padding: 15px 30px; 13188 background-color: #fff; 13189 border-radius: 0; 13190 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 13191 -webkit-transition: all 0.3s ease-in-out 0s; 13192 -o-transition: all 0.3s ease-in-out 0s; 13193 transition: all 0.3s ease-in-out 0s; 13194} 13195.blog-post a.blog-img:hover span.date-time{ 13196 color: #fff; 13197 background-color: #ec1e24; 13198} 13199.blog-post a.blog-img span.date-time span{ 13200 display: block;margin-left: 3px;text-align: center; 13201} 13202.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 13203.blog-post a.blog-img::after, 13204.blog-post:hover a.blog-img::after, 13205.blog-post a.blog-img span.blog-icon, 13206.blog-post:hover a.blog-img span.blog-icon, 13207.blog-post a.blog-img span.blog-icon:hover{ 13208 -webkit-transition: all 0.3s ease-in-out 0s; 13209 -o-transition: all 0.3s ease-in-out 0s; 13210 transition: all 0.3s ease-in-out 0s; 13211} 13212.blog-post .blog-post-content{ 13213 padding-top: 40px; 13214} 13215.blog-post .blog-post-content h2{ 13216 color: #2e405d; 13217 font-size: 18px; 13218 font-weight: 500; 13219 width: 95%; 13220} 13221.blog-post .blog-post-content p{ 13222 display: none; 13223 color: #666; 13224 font-size: 16px; 13225 margin-top: 16px; 13226} 13227.blog-post .blog-post-content a.read-btn{ 13228 font-size: 14px; 13229 display: flex; 13230 align-items: baseline; 13231 margin-top: 20px; 13232 text-transform: capitalize; 13233 font-weight: 500; 13234 line-height: 1; 13235} 13236.blog-post .blog-post-content a.read-btn span{ 13237 display: block; 13238} 13239.blog-post .blog-post-content a.read-btn:hover i{ 13240 animation-name: arrow; 13241 animation-duration: 0.55s; 13242} 13243.blog-post .blog-post-content ul.post-tag{
13244 display: none !important; 13245 align-items: center; 13246 line-height: 1; 13247 margin-top: 25px; 13248} 13249.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 13250.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 13251.blog-post .blog-post-content ul.post-tag li a{ 13252 color: #888; 13253 font-size: 14px; 13254 text-transform: uppercase; 13255} 13256 13257@media (max-width: 1599px){ 13258 .blog-post .blog-post-content h2{ 13259 font-size: 16px; 13260 width: 100%; 13261 } 13262} 13263@media (max-width: 1199px){ 13264 .blog-post .blog-post-content{ 13265 padding-top: 30px; 13266 } 13267 .blog-post .blog-post-content h2{ 13268 font-size: 16px; 13269 } 13270} 13271@media (max-width: 767px){ 13272 .blog-post .blog-post-content{ 13273 padding-top: 15px; 13274 } 13275 .blog-post .blog-post-content p{ 13276 margin-top: 6px; 13277 font-size: 14px; 13278 } 13279 .blog-post .blog-post-content a.read-btn{ 13280 font-size: 14px; 13281 margin-top: 10px; 13282 } 13283} 13284</style> 13285 </li> 13286 13287 13288 <li class="blog-slider wow animate__fadeIn"> 13289 <div class="blog-post"> 13290 <div class="blog-img-post"> 13291 13292 13293 13294 <a href="/blogs/artist-roster/eddie-vallee" class="blog-img"> 13295 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_Evallee_400x413_crop_center.jpg?v=1659114226" alt="EDDIE VALLEE" /> 13296 <span class="date-time"> 13297 <span class="date">11</span> 13298 <span class="time">Apr</span> 13299 <span class="year">2026</span> 13300 </span> 13301 </a> 13302 13303 13304 </div> 13305 <div class="blog-post-content"> 13306 <h2 class="blog-title">EDDIE VALLEE</h2> 13307 <p class="blog-desc">INDEPENDENT (Boomer, The Drifters, The Coasters, The Rogues) 13308 13309 13310Â 13311Phoenix-based drummer and vocali...</p> 13312 13313 13314 <ul class="post-tag"> 13315 13316 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 13317 13318 <li><a href="/blogs/news/tagged/usa">USA</a></li> 13319 13320 </ul> 13321 13322 </div> 13323 13324</div> 13325<style type="text/css"> 13326 /* blog post css */ 13327 .blog-post { 13328 width:100%} 13329.blog-post .blog-img{ 13330 width: 100%; 13331} 13332.blog-post .blog-img-post{ 13333 position: relative; 13334 overflow: hidden; 13335 display: flex; 13336 align-items: center; 13337 justify-content: center; 13338} 13339.blog-post a.blog-img img{ 13340 transition: all 0.2s ease-in-out; 13341 -moz-transition: all 0.2s ease-in-out; 13342 -webkit-transition: all 0.2s ease-in-out; 13343 -ms-transition: all 0.2s ease-in-out; 13344 -o-transition: all 0.2s ease-in-out; 13345 object-fit:cover; 13346 height:250px; 13347 width:100%; 13348} 13349.blog-post a.blog-img:hover img{ 13350 -webkit-transform: scale(1.1); 13351 -ms-transform: scale(1.1); 13352 transform: scale(1.1); 13353} 13354.blog-post a.blog-img::after{ 13355 content: ""; 13356 position: absolute; 13357 top: 0;left: 0;width: 100%; 13358 height: 100%; 13359 background-color: rgb(0 0 0 / 12%); 13360 opacity: 0; 13361 visibility: hidden; 13362} 13363.blog-post:hover a.blog-img::after{ 13364 opacity: 1; 13365 visibility: visible; 13366} 13367.blog-post a.blog-video-button{ 13368 font-size: 16px; 13369 color: #ec1e24; 13370 background-color: #fff; 13371 position: absolute; 13372 z-index: 1; 13373 width: 70px; 13374 height: 70px; 13375 margin: 0 auto; 13376 display: flex; 13377 align-items: center; 13378 justify-content: center; 13379 border-radius: 100%; 13380} 13381 13382.blog-post:hover a.blog-img span.blog-icon{ 13383 opacity: 1; 13384 visibility: visible; 13385} 13386.blog-post a.blog-img span.date-time{ display:none !important; 13387 position: absolute; 13388 z-index: 1;left: 0px;top: 0; 13389 color: #888; 13390 font-size: 15px; 13391 font-weight: 400; 13392 line-height: 1; 13393 display: flex; 13394 padding: 15px 30px; 13395 background-color: #fff; 13396 border-radius: 0; 13397 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 13398 -webkit-transition: all 0.3s ease-in-out 0s; 13399 -o-transition: all 0.3s ease-in-out 0s; 13400 transition: all 0.3s ease-in-out 0s; 13401} 13402.blog-post a.blog-img:hover span.date-time{ 13403 color: #fff; 13404 background-color: #ec1e24; 13405} 13406.blog-post a.blog-img span.date-time span{ 13407 display: block;margin-left: 3px;text-align: center; 13408} 13409.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 13410.blog-post a.blog-img::after, 13411.blog-post:hover a.blog-img::after, 13412.blog-post a.blog-img span.blog-icon, 13413.blog-post:hover a.blog-img span.blog-icon, 13414.blog-post a.blog-img span.blog-icon:hover{ 13415 -webkit-transition: all 0.3s ease-in-out 0s; 13416 -o-transition: all 0.3s ease-in-out 0s; 13417 transition: all 0.3s ease-in-out 0s; 13418} 13419.blog-post .blog-post-content{ 13420 padding-top: 40px; 13421} 13422.blog-post .blog-post-content h2{ 13423 color: #2e405d; 13424 font-size: 18px; 13425 font-weight: 500; 13426 width: 95%; 13427} 13428.blog-post .blog-post-content p{ 13429 display: none; 13430 color: #666; 13431 font-size: 16px; 13432 margin-top: 16px; 13433} 13434.blog-post .blog-post-content a.read-btn{ 13435 font-size: 14px; 13436 display: flex; 13437 align-items: baseline; 13438 margin-top: 20px; 13439 text-transform: capitalize; 13440 font-weight: 500; 13441 line-height: 1; 13442} 13443.blog-post .blog-post-content a.read-btn span{ 13444 display: block; 13445} 13446.blog-post .blog-post-content a.read-btn:hover i{ 13447 animation-name: arrow; 13448 animation-duration: 0.55s; 13449} 13450.blog-post .blog-post-content ul.post-tag{
13451 display: none !important; 13452 align-items: center; 13453 line-height: 1; 13454 margin-top: 25px; 13455} 13456.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 13457.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 13458.blog-post .blog-post-content ul.post-tag li a{ 13459 color: #888; 13460 font-size: 14px; 13461 text-transform: uppercase; 13462} 13463 13464@media (max-width: 1599px){ 13465 .blog-post .blog-post-content h2{ 13466 font-size: 16px; 13467 width: 100%; 13468 } 13469} 13470@media (max-width: 1199px){ 13471 .blog-post .blog-post-content{ 13472 padding-top: 30px; 13473 } 13474 .blog-post .blog-post-content h2{ 13475 font-size: 16px; 13476 } 13477} 13478@media (max-width: 767px){ 13479 .blog-post .blog-post-content{ 13480 padding-top: 15px; 13481 } 13482 .blog-post .blog-post-content p{ 13483 margin-top: 6px; 13484 font-size: 14px; 13485 } 13486 .blog-post .blog-post-content a.read-btn{ 13487 font-size: 14px; 13488 margin-top: 10px; 13489 } 13490} 13491</style> 13492 </li> 13493 13494 13495 <li class="blog-slider wow animate__fadeIn"> 13496 <div class="blog-post"> 13497 <div class="blog-img-post"> 13498 13499 13500 13501 <a href="/blogs/artist-roster/davide-billia" class="blog-img"> 13502 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_DBillia_400x413_crop_center.jpg?v=1659111642" alt="DAVIDE BILLIA" /> 13503 <span class="date-time"> 13504 <span class="date">11</span> 13505 <span class="time">Apr</span> 13506 <span class="year">2026</span> 13507 </span> 13508 </a> 13509 13510 13511 </div> 13512 <div class="blog-post-content"> 13513 <h2 class="blog-title">DAVIDE BILLIA</h2> 13514 <p class="blog-desc">HOUR OF PENANCE 13515 13516 13517 13518Davide âBrutal Daveâ Billia joined Hour of Penance in 2015 and recorded two a...</p> 13519 13520 13521 <ul class="post-tag"> 13522 13523 <li><a href="/blogs/news/tagged/deathmetal">#DeathMetal</a></li> 13524 13525 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 13526 13527 <li><a href="/blogs/news/tagged/italy">Italy</a></li> 13528 13529 </ul> 13530 13531 </div> 13532 13533</div> 13534<style type="text/css"> 13535 /* blog post css */ 13536 .blog-post { 13537 width:100%} 13538.blog-post .blog-img{ 13539 width: 100%; 13540} 13541.blog-post .blog-img-post{ 13542 position: relative; 13543 overflow: hidden; 13544 display: flex; 13545 align-items: center; 13546 justify-content: center; 13547} 13548.blog-post a.blog-img img{ 13549 transition: all 0.2s ease-in-out; 13550 -moz-transition: all 0.2s ease-in-out; 13551 -webkit-transition: all 0.2s ease-in-out; 13552 -ms-transition: all 0.2s ease-in-out; 13553 -o-transition: all 0.2s ease-in-out; 13554 object-fit:cover; 13555 height:250px; 13556 width:100%; 13557} 13558.blog-post a.blog-img:hover img{ 13559 -webkit-transform: scale(1.1); 13560 -ms-transform: scale(1.1); 13561 transform: scale(1.1); 13562} 13563.blog-post a.blog-img::after{ 13564 content: ""; 13565 position: absolute; 13566 top: 0;left: 0;width: 100%; 13567 height: 100%; 13568 background-color: rgb(0 0 0 / 12%); 13569 opacity: 0; 13570 visibility: hidden; 13571} 13572.blog-post:hover a.blog-img::after{ 13573 opacity: 1; 13574 visibility: visible; 13575} 13576.blog-post a.blog-video-button{ 13577 font-size: 16px; 13578 color: #ec1e24; 13579 background-color: #fff; 13580 position: absolute; 13581 z-index: 1; 13582 width: 70px; 13583 height: 70px; 13584 margin: 0 auto; 13585 display: flex; 13586 align-items: center; 13587 justify-content: center; 13588 border-radius: 100%; 13589} 13590 13591.blog-post:hover a.blog-img span.blog-icon{ 13592 opacity: 1; 13593 visibility: visible; 13594} 13595.blog-post a.blog-img span.date-time{ display:none !important; 13596 position: absolute; 13597 z-index: 1;left: 0px;top: 0; 13598 color: #888; 13599 font-size: 15px; 13600 font-weight: 400; 13601 line-height: 1; 13602 display: flex; 13603 padding: 15px 30px; 13604 background-color: #fff; 13605 border-radius: 0; 13606 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 13607 -webkit-transition: all 0.3s ease-in-out 0s; 13608 -o-transition: all 0.3s ease-in-out 0s; 13609 transition: all 0.3s ease-in-out 0s; 13610} 13611.blog-post a.blog-img:hover span.date-time{ 13612 color: #fff; 13613 background-color: #ec1e24; 13614} 13615.blog-post a.blog-img span.date-time span{ 13616 display: block;margin-left: 3px;text-align: center; 13617} 13618.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 13619.blog-post a.blog-img::after, 13620.blog-post:hover a.blog-img::after, 13621.blog-post a.blog-img span.blog-icon, 13622.blog-post:hover a.blog-img span.blog-icon, 13623.blog-post a.blog-img span.blog-icon:hover{ 13624 -webkit-transition: all 0.3s ease-in-out 0s; 13625 -o-transition: all 0.3s ease-in-out 0s; 13626 transition: all 0.3s ease-in-out 0s; 13627} 13628.blog-post .blog-post-content{ 13629 padding-top: 40px; 13630} 13631.blog-post .blog-post-content h2{ 13632 color: #2e405d; 13633 font-size: 18px; 13634 font-weight: 500; 13635 width: 95%; 13636} 13637.blog-post .blog-post-content p{ 13638 display: none; 13639 color: #666; 13640 font-size: 16px; 13641 margin-top: 16px; 13642} 13643.blog-post .blog-post-content a.read-btn{ 13644 font-size: 14px; 13645 display: flex; 13646 align-items: baseline; 13647 margin-top: 20px; 13648 text-transform: capitalize; 13649 font-weight: 500; 13650 line-height: 1; 13651} 13652.blog-post .blog-post-content a.read-btn span{ 13653 display: block; 13654} 13655.blog-post .blog-post-content a.read-btn:hover i{ 13656 animation-name: arrow; 13657 animation-duration: 0.55s; 13658} 13659.blog-post .blog-post-content ul.post-tag{
13660 display: none !important; 13661 align-items: center; 13662 line-height: 1; 13663 margin-top: 25px; 13664} 13665.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 13666.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 13667.blog-post .blog-post-content ul.post-tag li a{ 13668 color: #888; 13669 font-size: 14px; 13670 text-transform: uppercase; 13671} 13672 13673@media (max-width: 1599px){ 13674 .blog-post .blog-post-content h2{ 13675 font-size: 16px; 13676 width: 100%; 13677 } 13678} 13679@media (max-width: 1199px){ 13680 .blog-post .blog-post-content{ 13681 padding-top: 30px; 13682 } 13683 .blog-post .blog-post-content h2{ 13684 font-size: 16px; 13685 } 13686} 13687@media (max-width: 767px){ 13688 .blog-post .blog-post-content{ 13689 padding-top: 15px; 13690 } 13691 .blog-post .blog-post-content p{ 13692 margin-top: 6px; 13693 font-size: 14px; 13694 } 13695 .blog-post .blog-post-content a.read-btn{ 13696 font-size: 14px; 13697 margin-top: 10px; 13698 } 13699} 13700</style> 13701 </li> 13702 13703 13704 <li class="blog-slider wow animate__fadeIn"> 13705 <div class="blog-post"> 13706 <div class="blog-img-post"> 13707 13708 13709 13710 <a href="/blogs/artist-roster/andrey-ischenko" class="blog-img"> 13711 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_AIshchenko_400x413_crop_center.jpg?v=1659036695" alt="ANDREY ISCHENKO" /> 13712 <span class="date-time"> 13713 <span class="date">11</span> 13714 <span class="time">Apr</span> 13715 <span class="year">2026</span> 13716 </span> 13717 </a> 13718 13719 13720 </div> 13721 <div class="blog-post-content"> 13722 <h2 class="blog-title">ANDREY ISCHENKO</h2> 13723 <p class="blog-desc">INDEPENDENT 13724 13725 13726 13727 13728Andrey started playing drums in late 1980âs. During 30-year career he played wit...</p> 13729 13730 13731 <ul class="post-tag"> 13732 13733 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 13734 13735 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 13736 13737 <li><a href="/blogs/news/tagged/russia">Russia</a></li> 13738 13739 </ul> 13740 13741 </div> 13742 13743</div> 13744<style type="text/css"> 13745 /* blog post css */ 13746 .blog-post { 13747 width:100%} 13748.blog-post .blog-img{ 13749 width: 100%; 13750} 13751.blog-post .blog-img-post{ 13752 position: relative; 13753 overflow: hidden; 13754 display: flex; 13755 align-items: center; 13756 justify-content: center; 13757} 13758.blog-post a.blog-img img{ 13759 transition: all 0.2s ease-in-out; 13760 -moz-transition: all 0.2s ease-in-out; 13761 -webkit-transition: all 0.2s ease-in-out; 13762 -ms-transition: all 0.2s ease-in-out; 13763 -o-transition: all 0.2s ease-in-out; 13764 object-fit:cover; 13765 height:250px; 13766 width:100%; 13767} 13768.blog-post a.blog-img:hover img{ 13769 -webkit-transform: scale(1.1); 13770 -ms-transform: scale(1.1); 13771 transform: scale(1.1); 13772} 13773.blog-post a.blog-img::after{ 13774 content: ""; 13775 position: absolute; 13776 top: 0;left: 0;width: 100%; 13777 height: 100%; 13778 background-color: rgb(0 0 0 / 12%); 13779 opacity: 0; 13780 visibility: hidden; 13781} 13782.blog-post:hover a.blog-img::after{ 13783 opacity: 1; 13784 visibility: visible; 13785} 13786.blog-post a.blog-video-button{ 13787 font-size: 16px; 13788 color: #ec1e24; 13789 background-color: #fff; 13790 position: absolute; 13791 z-index: 1; 13792 width: 70px; 13793 height: 70px; 13794 margin: 0 auto; 13795 display: flex; 13796 align-items: center; 13797 justify-content: center; 13798 border-radius: 100%; 13799} 13800 13801.blog-post:hover a.blog-img span.blog-icon{ 13802 opacity: 1; 13803 visibility: visible; 13804} 13805.blog-post a.blog-img span.date-time{ display:none !important; 13806 position: absolute; 13807 z-index: 1;left: 0px;top: 0; 13808 color: #888; 13809 font-size: 15px; 13810 font-weight: 400; 13811 line-height: 1; 13812 display: flex; 13813 padding: 15px 30px; 13814 background-color: #fff; 13815 border-radius: 0; 13816 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 13817 -webkit-transition: all 0.3s ease-in-out 0s; 13818 -o-transition: all 0.3s ease-in-out 0s; 13819 transition: all 0.3s ease-in-out 0s; 13820} 13821.blog-post a.blog-img:hover span.date-time{ 13822 color: #fff; 13823 background-color: #ec1e24; 13824} 13825.blog-post a.blog-img span.date-time span{ 13826 display: block;margin-left: 3px;text-align: center; 13827} 13828.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 13829.blog-post a.blog-img::after, 13830.blog-post:hover a.blog-img::after, 13831.blog-post a.blog-img span.blog-icon, 13832.blog-post:hover a.blog-img span.blog-icon, 13833.blog-post a.blog-img span.blog-icon:hover{ 13834 -webkit-transition: all 0.3s ease-in-out 0s; 13835 -o-transition: all 0.3s ease-in-out 0s; 13836 transition: all 0.3s ease-in-out 0s; 13837} 13838.blog-post .blog-post-content{ 13839 padding-top: 40px; 13840} 13841.blog-post .blog-post-content h2{ 13842 color: #2e405d; 13843 font-size: 18px; 13844 font-weight: 500; 13845 width: 95%; 13846} 13847.blog-post .blog-post-content p{ 13848 display: none; 13849 color: #666; 13850 font-size: 16px; 13851 margin-top: 16px; 13852} 13853.blog-post .blog-post-content a.read-btn{ 13854 font-size: 14px; 13855 display: flex; 13856 align-items: baseline; 13857 margin-top: 20px; 13858 text-transform: capitalize; 13859 font-weight: 500; 13860 line-height: 1; 13861} 13862.blog-post .blog-post-content a.read-btn span{ 13863 display: block; 13864} 13865.blog-post .blog-post-content a.read-btn:hover i{ 13866 animation-name: arrow; 13867 animation-duration: 0.55s; 13868} 13869.blog-post .blog-post-content ul.post-tag{
13870 display: none !important; 13871 align-items: center; 13872 line-height: 1; 13873 margin-top: 25px; 13874} 13875.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 13876.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 13877.blog-post .blog-post-content ul.post-tag li a{ 13878 color: #888; 13879 font-size: 14px; 13880 text-transform: uppercase; 13881} 13882 13883@media (max-width: 1599px){ 13884 .blog-post .blog-post-content h2{ 13885 font-size: 16px; 13886 width: 100%; 13887 } 13888} 13889@media (max-width: 1199px){ 13890 .blog-post .blog-post-content{ 13891 padding-top: 30px; 13892 } 13893 .blog-post .blog-post-content h2{ 13894 font-size: 16px; 13895 } 13896} 13897@media (max-width: 767px){ 13898 .blog-post .blog-post-content{ 13899 padding-top: 15px; 13900 } 13901 .blog-post .blog-post-content p{ 13902 margin-top: 6px; 13903 font-size: 14px; 13904 } 13905 .blog-post .blog-post-content a.read-btn{ 13906 font-size: 14px; 13907 margin-top: 10px; 13908 } 13909} 13910</style> 13911 </li> 13912 13913 13914 <li class="blog-slider wow animate__fadeIn"> 13915 <div class="blog-post"> 13916 <div class="blog-img-post"> 13917 13918 13919 13920 <a href="/blogs/artist-roster/aira-deathstorm" class="blog-img"> 13921 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_ADeathstorm_400x413_crop_center.jpg?v=1659033578" alt="AIRA DEATHSTORM" /> 13922 <span class="date-time"> 13923 <span class="date">11</span> 13924 <span class="time">Apr</span> 13925 <span class="year">2026</span> 13926 </span> 13927 </a> 13928 13929 13930 </div> 13931 <div class="blog-post-content"> 13932 <h2 class="blog-title">AIRA DEATHSTORM</h2> 13933 <p class="blog-desc">FIEND 13934 13935 13936 13937 13938 13939Aira has been playing drums for over 12 years and has plenty of concert and studio ex...</p> 13940 13941 13942 <ul class="post-tag"> 13943 13944 <li><a href="/blogs/news/tagged/metal">#Metal</a></li> 13945 13946 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 13947 13948 <li><a href="/blogs/news/tagged/russia">Russia</a></li> 13949 13950 </ul> 13951 13952 </div> 13953 13954</div> 13955<style type="text/css"> 13956 /* blog post css */ 13957 .blog-post { 13958 width:100%} 13959.blog-post .blog-img{ 13960 width: 100%; 13961} 13962.blog-post .blog-img-post{ 13963 position: relative; 13964 overflow: hidden; 13965 display: flex; 13966 align-items: center; 13967 justify-content: center; 13968} 13969.blog-post a.blog-img img{ 13970 transition: all 0.2s ease-in-out; 13971 -moz-transition: all 0.2s ease-in-out; 13972 -webkit-transition: all 0.2s ease-in-out; 13973 -ms-transition: all 0.2s ease-in-out; 13974 -o-transition: all 0.2s ease-in-out; 13975 object-fit:cover; 13976 height:250px; 13977 width:100%; 13978} 13979.blog-post a.blog-img:hover img{ 13980 -webkit-transform: scale(1.1); 13981 -ms-transform: scale(1.1); 13982 transform: scale(1.1); 13983} 13984.blog-post a.blog-img::after{ 13985 content: ""; 13986 position: absolute; 13987 top: 0;left: 0;width: 100%; 13988 height: 100%; 13989 background-color: rgb(0 0 0 / 12%); 13990 opacity: 0; 13991 visibility: hidden; 13992} 13993.blog-post:hover a.blog-img::after{ 13994 opacity: 1; 13995 visibility: visible; 13996} 13997.blog-post a.blog-video-button{ 13998 font-size: 16px; 13999 color: #ec1e24; 14000 background-color: #fff; 14001 position: absolute; 14002 z-index: 1; 14003 width: 70px; 14004 height: 70px; 14005 margin: 0 auto; 14006 display: flex; 14007 align-items: center; 14008 justify-content: center; 14009 border-radius: 100%; 14010} 14011 14012.blog-post:hover a.blog-img span.blog-icon{ 14013 opacity: 1; 14014 visibility: visible; 14015} 14016.blog-post a.blog-img span.date-time{ display:none !important; 14017 position: absolute; 14018 z-index: 1;left: 0px;top: 0; 14019 color: #888; 14020 font-size: 15px; 14021 font-weight: 400; 14022 line-height: 1; 14023 display: flex; 14024 padding: 15px 30px; 14025 background-color: #fff; 14026 border-radius: 0; 14027 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 14028 -webkit-transition: all 0.3s ease-in-out 0s; 14029 -o-transition: all 0.3s ease-in-out 0s; 14030 transition: all 0.3s ease-in-out 0s; 14031} 14032.blog-post a.blog-img:hover span.date-time{ 14033 color: #fff; 14034 background-color: #ec1e24; 14035} 14036.blog-post a.blog-img span.date-time span{ 14037 display: block;margin-left: 3px;text-align: center; 14038} 14039.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 14040.blog-post a.blog-img::after, 14041.blog-post:hover a.blog-img::after, 14042.blog-post a.blog-img span.blog-icon, 14043.blog-post:hover a.blog-img span.blog-icon, 14044.blog-post a.blog-img span.blog-icon:hover{ 14045 -webkit-transition: all 0.3s ease-in-out 0s; 14046 -o-transition: all 0.3s ease-in-out 0s; 14047 transition: all 0.3s ease-in-out 0s; 14048} 14049.blog-post .blog-post-content{ 14050 padding-top: 40px; 14051} 14052.blog-post .blog-post-content h2{ 14053 color: #2e405d; 14054 font-size: 18px; 14055 font-weight: 500; 14056 width: 95%; 14057} 14058.blog-post .blog-post-content p{ 14059 display: none; 14060 color: #666; 14061 font-size: 16px; 14062 margin-top: 16px; 14063} 14064.blog-post .blog-post-content a.read-btn{ 14065 font-size: 14px; 14066 display: flex; 14067 align-items: baseline; 14068 margin-top: 20px; 14069 text-transform: capitalize; 14070 font-weight: 500; 14071 line-height: 1; 14072} 14073.blog-post .blog-post-content a.read-btn span{ 14074 display: block; 14075} 14076.blog-post .blog-post-content a.read-btn:hover i{ 14077 animation-name: arrow; 14078 animation-duration: 0.55s; 14079} 14080.blog-post .blog-post-content ul.post-tag{
14081 display: none !important; 14082 align-items: center; 14083 line-height: 1; 14084 margin-top: 25px; 14085} 14086.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 14087.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 14088.blog-post .blog-post-content ul.post-tag li a{ 14089 color: #888; 14090 font-size: 14px; 14091 text-transform: uppercase; 14092} 14093 14094@media (max-width: 1599px){ 14095 .blog-post .blog-post-content h2{ 14096 font-size: 16px; 14097 width: 100%; 14098 } 14099} 14100@media (max-width: 1199px){ 14101 .blog-post .blog-post-content{ 14102 padding-top: 30px; 14103 } 14104 .blog-post .blog-post-content h2{ 14105 font-size: 16px; 14106 } 14107} 14108@media (max-width: 767px){ 14109 .blog-post .blog-post-content{ 14110 padding-top: 15px; 14111 } 14112 .blog-post .blog-post-content p{ 14113 margin-top: 6px; 14114 font-size: 14px; 14115 } 14116 .blog-post .blog-post-content a.read-btn{ 14117 font-size: 14px; 14118 margin-top: 10px; 14119 } 14120} 14121</style> 14122 </li> 14123 14124 14125 <li class="blog-slider wow animate__fadeIn"> 14126 <div class="blog-post"> 14127 <div class="blog-img-post"> 14128 14129 14130 14131 <a href="/blogs/artist-roster/alan-white" class="blog-img"> 14132 <img class="img-fluid" src="//axispdc.com/cdn/shop/articles/AXIS_Site_ArtistBio_AWhite_400x413_crop_center.jpg?v=1659035227" alt="ALAN WHITE" /> 14133 <span class="date-time"> 14134 <span class="date">11</span> 14135 <span class="time">Apr</span> 14136 <span class="year">2026</span> 14137 </span> 14138 </a> 14139 14140 14141 </div> 14142 <div class="blog-post-content"> 14143 <h2 class="blog-title">ALAN WHITE</h2> 14144 <p class="blog-desc">YESÂ 14145 14146Â 14147Alan White (born 14 June 1949) is an English drummer and songwriter best known for his te...</p> 14148 14149 14150 <ul class="post-tag"> 14151 14152 <li><a href="/blogs/news/tagged/progrock">#ProgRock</a></li> 14153 14154 <li><a href="/blogs/news/tagged/rock">#Rock</a></li> 14155 14156 <li><a href="/blogs/news/tagged/uk">UK</a></li> 14157 14158 </ul> 14159 14160 </div> 14161 14162</div> 14163<style type="text/css"> 14164 /* blog post css */ 14165 .blog-post { 14166 width:100%} 14167.blog-post .blog-img{ 14168 width: 100%; 14169} 14170.blog-post .blog-img-post{ 14171 position: relative; 14172 overflow: hidden; 14173 display: flex; 14174 align-items: center; 14175 justify-content: center; 14176} 14177.blog-post a.blog-img img{ 14178 transition: all 0.2s ease-in-out; 14179 -moz-transition: all 0.2s ease-in-out; 14180 -webkit-transition: all 0.2s ease-in-out; 14181 -ms-transition: all 0.2s ease-in-out; 14182 -o-transition: all 0.2s ease-in-out; 14183 object-fit:cover; 14184 height:250px; 14185 width:100%; 14186} 14187.blog-post a.blog-img:hover img{ 14188 -webkit-transform: scale(1.1); 14189 -ms-transform: scale(1.1); 14190 transform: scale(1.1); 14191} 14192.blog-post a.blog-img::after{ 14193 content: ""; 14194 position: absolute; 14195 top: 0;left: 0;width: 100%; 14196 height: 100%; 14197 background-color: rgb(0 0 0 / 12%); 14198 opacity: 0; 14199 visibility: hidden; 14200} 14201.blog-post:hover a.blog-img::after{ 14202 opacity: 1; 14203 visibility: visible; 14204} 14205.blog-post a.blog-video-button{ 14206 font-size: 16px; 14207 color: #ec1e24; 14208 background-color: #fff; 14209 position: absolute; 14210 z-index: 1; 14211 width: 70px; 14212 height: 70px; 14213 margin: 0 auto; 14214 display: flex; 14215 align-items: center; 14216 justify-content: center; 14217 border-radius: 100%; 14218} 14219 14220.blog-post:hover a.blog-img span.blog-icon{ 14221 opacity: 1; 14222 visibility: visible; 14223} 14224.blog-post a.blog-img span.date-time{ display:none !important; 14225 position: absolute; 14226 z-index: 1;left: 0px;top: 0; 14227 color: #888; 14228 font-size: 15px; 14229 font-weight: 400; 14230 line-height: 1; 14231 display: flex; 14232 padding: 15px 30px; 14233 background-color: #fff; 14234 border-radius: 0; 14235 transform: rotate(270deg);margin-left: -51px;margin-top: 48px; 14236 -webkit-transition: all 0.3s ease-in-out 0s; 14237 -o-transition: all 0.3s ease-in-out 0s; 14238 transition: all 0.3s ease-in-out 0s; 14239} 14240.blog-post a.blog-img:hover span.date-time{ 14241 color: #fff; 14242 background-color: #ec1e24; 14243} 14244.blog-post a.blog-img span.date-time span{ 14245 display: block;margin-left: 3px;text-align: center; 14246} 14247.blog-post a.blog-img span.date-time span:first-child{margin-left: 0px;} 14248.blog-post a.blog-img::after, 14249.blog-post:hover a.blog-img::after, 14250.blog-post a.blog-img span.blog-icon, 14251.blog-post:hover a.blog-img span.blog-icon, 14252.blog-post a.blog-img span.blog-icon:hover{ 14253 -webkit-transition: all 0.3s ease-in-out 0s; 14254 -o-transition: all 0.3s ease-in-out 0s; 14255 transition: all 0.3s ease-in-out 0s; 14256} 14257.blog-post .blog-post-content{ 14258 padding-top: 40px; 14259} 14260.blog-post .blog-post-content h2{ 14261 color: #2e405d; 14262 font-size: 18px; 14263 font-weight: 500; 14264 width: 95%; 14265} 14266.blog-post .blog-post-content p{ 14267 display: none; 14268 color: #666; 14269 font-size: 16px; 14270 margin-top: 16px; 14271} 14272.blog-post .blog-post-content a.read-btn{ 14273 font-size: 14px; 14274 display: flex; 14275 align-items: baseline; 14276 margin-top: 20px; 14277 text-transform: capitalize; 14278 font-weight: 500; 14279 line-height: 1; 14280} 14281.blog-post .blog-post-content a.read-btn span{ 14282 display: block; 14283} 14284.blog-post .blog-post-content a.read-btn:hover i{ 14285 animation-name: arrow; 14286 animation-duration: 0.55s; 14287} 14288.blog-post .blog-post-content ul.post-tag{
14289 display: none !important; 14290 align-items: center; 14291 line-height: 1; 14292 margin-top: 25px; 14293} 14294.blog-post .blog-post-content ul.post-tag li:first-child{margin-left: 0px;} 14295.blog-post .blog-post-content ul.post-tag li {margin-left: 10px;} 14296.blog-post .blog-post-content ul.post-tag li a{ 14297 color: #888; 14298 font-size: 14px; 14299 text-transform: uppercase; 14300} 14301 14302@media (max-width: 1599px){ 14303 .blog-post .blog-post-content h2{ 14304 font-size: 16px; 14305 width: 100%; 14306 } 14307} 14308@media (max-width: 1199px){ 14309 .blog-post .blog-post-content{ 14310 padding-top: 30px; 14311 } 14312 .blog-post .blog-post-content h2{ 14313 font-size: 16px; 14314 } 14315} 14316@media (max-width: 767px){ 14317 .blog-post .blog-post-content{ 14318 padding-top: 15px; 14319 } 14320 .blog-post .blog-post-content p{ 14321 margin-top: 6px; 14322 font-size: 14px; 14323 } 14324 .blog-post .blog-post-content a.read-btn{ 14325 font-size: 14px; 14326 margin-top: 10px; 14327 } 14328} 14329</style> 14330 </li> 14331 14332 </ul> 14333 <div class="paginatoin-area"> 14334 <ul class="paginate"> 14335 14336 </ul> 14337 </div> 14338 </div></div> 14339 </div> 14340</div> 14341 14342<style> 14343 .blog-content-wrap .right-wrap .blog-content-side{ 14344 14345 padding-left: 28px; 14346 14347 } 14348 .blog-content-wrap .left-wrap .blog-content-side{ 14349 14350 padding-right: 28px; 14351 14352 } 14353 .blog-content-wrap .left-wrap { 14354 flex-direction: row-reverse; 14355 } 14356 @media (max-width : 767px){ 14357 .blog-content-wrap .left-wrap, 14358 .blog-content-wrap .right-wrap { 14359 flex-direction: column-reverse; 14360 } 14361 .blog-content-wrap .blog-grid-wrap{ 14362 margin-top: 40px; 14363 } 14364 .blog-content-wrap .blog-grid-wrap:last-child{ 14365 margin-top: 0px; 14366 } 14367 .blog-content-wrap .right-wrap .blog-content-side{ 14368 14369 padding-left: 12px; 14370 14371 } 14372 .blog-content-wrap .left-wrap .blog-content-side{ 14373 14374 padding-right: 12px; 14375 14376 } 14377 } 14378 .blog-content-wrap ul.single-blog-area { 14379 display: flex; 14380 -ms-flex-wrap: wrap; 14381 flex-wrap: wrap; 14382 14383 margin-left: -30px; 14384 14385 margin-top: -30px; 14386 } 14387 .blog-content-wrap ul.single-blog-area li.blog-slider { 14388 position: relative; 14389 display: flex; 14390 14391 margin: 30px 0 0 30px; 14392 14393 } 14394 .blog-content-wrap ul.single-blog-area li.blog-slider::after{ 14395 content: ""; 14396 opacity: ; 14397 } 14398 14399 14400 14401 14402 .blog-content-wrap ul.single-blog-area li.blog-slider{ 14403 width: calc(33.33% - 30px); 14404 } 14405 14406 @media (max-width : 991px){ 14407 .blog-content-wrap ul.single-blog-area li.blog-slider{ 14408 width: calc(50% - 30px); 14409 } 14410 .blog-content-wrap ul.single-blog-area li.blog-slider:nth-child(3){ 14411 margin-top: 30px; 14412 } 14413 } 14414 @media (max-width : 767px){ 14415 14416 } 14417 14418 14419 @media (max-width : 767px){ 14420 .blog-content-wrap ul.single-blog-area{margin-left: -15px;margin-top: -15px; 14421 } 14422 .blog-content-wrap ul.single-blog-area li.blog-slider{ 14423 width: calc(100% - 15px);margin: 20px 0 0 15px;} 14424 } 14425</style></div> 14426 </main> 14427 <div class="mm-fullscreen-bg"></div> 14428<style> 14429.mm-fullscreen-bg { 14430 position: fixed; 14431 top: 0; 14432 14433 left: 0; 14434 14435 width: 100%; 14436 height: 100%; 14437 background-color: rgba(0, 0, 0, 0.6); 14438 z-index: 9; 14439 opacity: 0; 14440 visibility: hidden; 14441} 14442.mm-fullscreen-bg.active { 14443 opacity: 1; 14444 visibility: visible; 14445} 14446.mm-fullscreen-bg, 14447.mm-fullscreen-bg.active { 14448 -webkit-transition: all 0.3s ease-in-out 0s; 14449 -o-transition: all 0.3s ease-in-out 0s; 14450 transition: all 0.3s ease-in-out 0s; 14451} 14452</style> 14453 14454 <div id="shopify-section-footer" class="shopify-section"><section class="footer-top-area" data-section-id="footer" data-section-type="app-section-feed" data-section-settings=''> 14455 <div class="container-fluid container-col"> 14456 <div class="footer-top"> 14457 <ul class="top-wrap"> 14458 <li class="top-wrapper"> 14459 <div class="news-content"> 14460 <h2 class="ft-title"> 14461 STAY INFORMED 14462 </h2> 14463 <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 14464 14465 14466 <div class="news-wrap"> 14467 <input type="hidden" name="contact[tags]" value="newsletter"> 14468 <input type="email" name="contact[email]" class="email mail" id="E-mail" value="" placeholder="Enter your email" autocapitalize="off" required> 14469 <button type="submit" name="commit" id="Subscribe"> 14470 <i class="feather-send"></i> 14471 </button> 14472 </div> 14473 </form> 14474 </div> 14475 </li> 14476 <li class="logo"><a href="/" class="theme-logo"> 14477 <img src="//axispdc.com/cdn/shop/files/AXIS_logo_USA_red.png?v=1659019446" alt="AXiS Pedal & Drum Co."> 14478</a><style> 14479 .logo a.shop-name span { 14480 color: #000; 14481 font-size: 24px; 14482 font-weight: 600; 14483 } 14484</style></li> 14485 <li class="top-wrapper"> 14486 <div class="social-content"><ul class="social-icon"> 14487 14488 <li> 14489 <a target="_blank" href="https://www.facebook.com/axispercussionofficial"> 14490 <i class="fa fa-facebook"></i> 14491 </a> 14492 </li> 14493 14494 14495 14496 <li>
14497 <a target="_blank" href="https://www.instagram.com/axispdc/"> 14498 <i class="fa fa-instagram"></i> 14499 </a> 14500 </li> 14501 14502 14503 14504 14505 14506 <li> 14507 <a target="_blank" href="https://www.youtube.com/channel/UC81RQX7CQXllhXFqhXYQopA/videos"> 14508 <i class="fa fa-youtube"></i> 14509 </a> 14510 </li> 14511 14512</ul> 14513 </div> 14514 </li> 14515 </ul> 14516 </div> 14517 <div class="footer-list-wrap"> 14518 <ul class="footer-list"> 14519 <li class="ftlink-li footer-info"> 14520 <h2 class="ft-title">contact</h2> 14521 <div class="address-wrap"> 14522 <p style="line-height:1.2">AXiS Pedal & Drum Co.<br> 14523San Francisco, CA 14524 <a href=""> 14525 14526 </a> 14527 <a href=""> 14528 14529 </a> 14530 </p> 14531 </div> 14532 14533 </li> 14534 14535 <li class="ftlink-li link-list"> 14536 <div class="link-wrapper"> 14537 <h2 class="ft-title">SUPPORT</h2> 14538 <a data-bs-toggle="collapse" href="#collapse-support" class="ft-title"> 14539 <span>SUPPORT</span> 14540 <i class="ti-plus"></i> 14541 </a> 14542 <ul class="footer-sublist collapse" id="collapse-support"> 14543 14544 14545 14546 <li class="ftsublink-li"> 14547 <a href="/pages/warranty-and-return-policy" class="ft-sublink">Warranty & Return Policy</a> 14548 </li> 14549 14550 14551 14552 <li class="ftsublink-li"> 14553 <a href="/pages/shipping-and-address-requirements" class="ft-sublink">Shipping and Address Requirements</a> 14554 </li> 14555 14556 14557 14558 <li class="ftsublink-li"> 14559 <a href="/policies/privacy-policy" class="ft-sublink">Privacy Policy</a> 14560 </li> 14561 14562 14563 14564 <li class="ftsublink-li"> 14565 <a href="/policies/terms-of-service" class="ft-sublink">Terms & Conditions</a> 14566 </li> 14567 14568 14569 </ul> 14570 </div> 14571 </li> 14572 14573 <li class="ftlink-li link-list"> 14574 <div class="link-wrapper"> 14575 <h2 class="ft-title">Information</h2> 14576 <a data-bs-toggle="collapse" href="#collapse-information" class="ft-title"> 14577 <span>Information</span> 14578 <i class="ti-plus"></i> 14579 </a> 14580 <ul class="footer-sublist collapse" id="collapse-information"> 14581 14582 14583 14584 <li class="ftsublink-li"> 14585 <a href="/pages/about-axis" class="ft-sublink">About Axis</a> 14586 </li> 14587 14588 14589 14590 <li class="ftsublink-li"> 14591 <a href="/pages/artist-endorsement-application" class="ft-sublink">Artist Endorsement Application</a> 14592 </li> 14593 14594 14595 14596 <li class="ftsublink-li"> 14597 <a href="/apps/help-center" class="ft-sublink">FAQ</a> 14598 </li> 14599 14600 14601 </ul> 14602 </div> 14603 </li> 14604 14605 <li class="ftlink-li link-list"> 14606 <div class="link-wrapper"> 14607 <h2 class="ft-title"></h2> 14608 <a data-bs-toggle="collapse" href="#collapse-" class="ft-title"> 14609 <span></span> 14610 <i class="ti-plus"></i> 14611 </a> 14612 <ul class="footer-sublist collapse" id="collapse-"> 14613 14614 14615 </ul> 14616 </div> 14617 </li> 14618 14619<!-- <li class="ftlink-li insta-grid"> 14620 <div class="footer-sublist"> 14621 <ul class="insta-wrap"> 14622 <li class="insta-wrap"> 14623 <a href=""> 14624 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14625 </a> 14626 </li> 14627 <li class="insta-wrap"> 14628 <a href=""> 14629 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14630 </a> 14631 </li> 14632 <li class="insta-wrap"> 14633 <a href=""> 14634 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14635 </a> 14636 </li> 14637 <li class="insta-wrap"> 14638 <a href=""> 14639 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14640 </a> 14641 </li> 14642 <li class="insta-wrap"> 14643 <a href=""> 14644 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14645 </a> 14646 </li> 14647 <li class="insta-wrap"> 14648 <a href=""> 14649 <img src="https://dummyimage.com/800x743/f7f7f7/999999"> 14650 </a> 14651 </li> 14652 </ul> 14653 </div> 14654 </li> --> 14655 </ul> 14656 </div> 14657 </div> 14658 14659 <div class="container-fluid container-col copyright"> 14660 <ul class="copyright-wrap"> 14661 <li class="text"> 14662 <p>© 2026 AXIS PEDAL & DRUM CO.</p> 14663 </li> 14664<!-- <li class="payment-icon"><a href="javascript:void(0)" class="payment-icon"> 14665 <img src="https://dummyimage.com/181x23/f7f7f7/999999" class="img-fluid" alt="AXiS Pedal & Drum Co."> 14666 14667</a></li> --> 14668 </ul> 14669 </div> 14670 14671</section> 14672 14673 14674<style> 14675.footer-top-area{ 14676 14677 background-color: #232323; 14678} 14679.footer-top-area .footer-list-wrap { 14680 border-top: 1px solid rgba(0,0,0,0.1); 14681 padding-top: 40px; 14682 margin-top: 40px; 14683 padding-bottom: 40px; 14684} 14685 14686.footer-top{ 14687 padding-top: 40px; 14688} 14689 14690@media (max-width: 1199px){ 14691 .footer-top-area .footer-list-wrap{ 14692 margin-top: 20px; 14693 padding-top: 20px; 14694 padding-bottom: 20px; 14695 } 14696 .footer-top{ 14697 padding-top: 20px; 14698 } 14699} 14700@media (max-width: 767px){ 14701 .footer-top-area .footer-list-wrap{ 14702 margin-top: 20px; 14703 padding-top: 20px; 14704 padding-bottom: 20px; 14705 } 14706 .footer-top{ 14707 padding-top: 20px; 14708 } 14709} 14710 14711 14712.footer-top-area .container-col{ 14713 padding-left: 160px; 14714 padding-right: 160px; 14715} 14716@media(max-width: 1599px){ 14717 .footer-top-area .container-col{ 14718 padding-left: 60px; 14719 padding-right: 60px; 14720 } 14721} 14722@media(max-width: 1199px){ 14723 .footer-top-area .container-col{ 14724 padding-left: 30px; 14725 padding-right: 30px; 14726 } 14727} 14728@media(max-width: 767px){ 14729 .footer-top-area .container-col{ 14730 padding-left: 15px; 14731 padding-right: 15px; 14732 } 14733} 14734 14735/*footer top area*/ 14736 14737.footer-top ul.top-wrap { 14738 display: flex; 14739 align-items: center; 14740 flex-wrap: wrap; 14741 justify-content: space-between; 14742} 14743.footer-top ul.top-wrap > li{ 14744 width: 33.33%; 14745} 14746.footer-top ul.top-wrap li.logo{ 14747 text-align: center; 14748} 14749 14750.footer-list-wrap ul.footer-list{ 14751 display: flex; 14752 -ms-flex-wrap: wrap; 14753 flex-wrap: wrap; 14754 justify-content: space-between; 14755 14756 margin-left: -30px; 14757 14758} 14759.footer-list-wrap ul.footer-list li.ftlink-li{ 14760 width: calc(20% - 30px); 14761 14762 margin-left: 30px; 14763 14764} 14765.footer-list-wrap ul.footer-list li.ftlink-li .ft-title{ 14766 font-size: 18px; 14767 line-height: 1; 14768 text-transform: uppercase; 14769} 14770.footer-list-wrap ul.footer-list li.ftlink-li a.ft-title{ 14771 display: none; 14772} 14773.footer-list-wrap ul.footer-list li.ftlink-li .footer-sublist{ 14774 margin-top: 40px; 14775} 14776.footer-list-wrap ul.footer-list li.ftlink-li .footer-sublist.collapse:not(.show){ 14777 display: block; 14778} 14779.footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li{ 14780 margin-top: 10px; 14781} 14782.footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li:first-child{ 14783 margin-top: 0px; 14784} 14785.footer-list-wrap ul.footer-list li.ftlink-li .copy-right { 14786 margin-top: 60px; 14787} 14788.footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li a{ 14789 color: #535252; 14790 font-size: 16px; 14791 font-weight: 400; 14792} 14793 14794.footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li a:hover{ 14795 color: #ec1e24; 14796} 14797 14798/*address content*/ 14799 14800.footer-list-wrap ul.footer-list li.ftlink-li .address-wrap { 14801 margin-top: 45px; 14802} 14803.footer-list-wrap ul.footer-list li.ftlink-li .address-wrap p, 14804.footer-list-wrap ul.footer-list li.ftlink-li .address-wrap a{ 14805 color: #535252; 14806 font-size: 16px; 14807 font-weight: 400; 14808 display: block; 14809 line-height: 30px; 14810} 14811.footer-list-wrap ul.footer-list li.ftlink-li .address-wrap p{ 14812 margin-top: 20px; 14813} 14814.ft-title { 14815color: #737070} 14816/*instagram*/ 14817.footer-list-wrap ul.insta-wrap{ 14818 display: flex; 14819 flex-wrap: wrap; 14820 margin-left: -20px; 14821 margin-top: -20px; 14822} 14823.footer-list-wrap ul.insta-wrap li.insta-wrap{ 14824 width: calc(33.33% - 20px); 14825 margin-left: 20px; 14826 margin-top: 20px; 14827} 14828 14829/*copy-right*/ 14830 14831.copyright ul.copyright-wrap{ 14832 display: flex; 14833 flex-wrap: wrap; 14834 align-items: center; 14835 justify-content: space-between; 14836 padding: 25px 0; 14837} 14838.copyright ul.copyright-wrap li{ 14839 width: 50%; 14840} 14841 14842.copyright ul.copyright-wrap li.payment-icon { 14843 text-align: right; 14844} 14845.copyright ul.copyright-wrap li.text p{ 14846 color: #535252; 14847 font-size: 16px; 14848 font-weight: 400; 14849} 14850 14851/*newsletter*/ 14852.footer-top .news-content { 14853 display: flex; 14854 align-items: center; 14855} 14856.footer-top .news-content h2{ 14857 font-size: 18px; 14858 line-height: 1; 14859 text-transform: uppercase; 14860 margin-right: 30px; 14861} 14862.footer-top .news-content form{ 14863 position: relative; 14864 width: 100%; 14865} 14866.footer-top .news-content form input { 14867 height: 50px; 14868 min-width: 100%; 14869} 14870.footer-top .news-content .news-wrap{ 14871 display: flex; 14872 align-items: center; 14873 position: relative; 14874 max-width: 340px; 14875 margin: 0 auto; 14876} 14877.footer-top .news-content form button { 14878 color: #ec1e24; 14879 font-size: 20px; 14880 position: absolute; 14881 right: 20px; 14882} 14883 14884/*social icon*/ 14885 14886.footer-top .social-content h2{ 14887 font-size: 18px; 14888 line-height: 1; 14889 text-transform: uppercase; 14890} 14891.footer-top .social-content { 14892 display: flex; 14893 flex-wrap: wrap; 14894 align-items: center; 14895 justify-content: flex-end; 14896} 14897.footer-top ul.social-icon{ 14898 display: flex; 14899 flex-wrap: wrap; 14900 align-items: center; 14901} 14902 14903.footer-top ul.social-icon li{ 14904 margin-right: 20px; 14905} 14906.footer-top ul.social-icon li a{ 14907 font-size: 16px; 14908 line-height: 1; 14909 height: 50px; 14910 width: 50px; 14911 display: flex; 14912 align-items: center; 14913 justify-content: center; 14914 border: 1px solid #e2e2e2; 14915 background-color: #fff; 14916} 14917.footer-top ul.social-icon li a:hover {
14918 color: #ec1e24; 14919} 14920 14921 14922 14923@media (max-width : 1599px){ 14924 .footer-top ul.social-icon li{ 14925 margin-right: 10px; 14926 } 14927 .footer-top ul.social-icon li a{ 14928 font-size: 14px; 14929 line-height: 1; 14930 height: 40px; 14931 width: 40px; 14932 } 14933 .footer-top .news-content h2{ 14934 font-size: 16px; 14935 margin-right: 10px; 14936 } 14937 .footer-top .social-content h2{ 14938 font-size: 16px; 14939 } 14940} 14941 14942@media (max-width : 1199px){ 14943 .footer-top ul.top-wrap > li{ 14944 width: 100%; 14945 } 14946 .footer-top .social-content { 14947 justify-content: center; 14948 flex-direction: column-reverse; 14949 } 14950 .footer-top ul.social-icon, 14951 .footer-top .top-wrapper{ 14952 margin-top: 15px; 14953 } 14954 14955 .footer-top .top-wrap li.logo{ 14956 order: -1; 14957 } 14958 .footer-top .news-content{ 14959 justify-content: center; 14960 flex-direction: column; 14961 } 14962 14963 .footer-top .news-content form{ 14964 margin-top: 15px; 14965 } 14966 .footer-list-wrap ul.footer-list li.ftlink-li .ft-title{ 14967 font-size: 16px; 14968 } 14969 .footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li a{ 14970 font-size: 14px; 14971 } 14972 .footer-list-wrap ul.footer-list li.ftlink-li .address-wrap p, 14973 .footer-list-wrap ul.footer-list li.ftlink-li .address-wrap a{ 14974 font-size: 14px; 14975 } 14976} 14977 14978@media (max-width : 991px){ 14979 .footer-list-wrap ul.footer-list li.ftlink-li{ 14980 width: 100%; 14981 text-align: center; 14982 margin-top: 15px; 14983 } 14984 .footer-list-wrap ul.footer-list li.ftlink-li a.ft-title{ 14985 display: flex; 14986 font-size: 14px; 14987 align-items: center; 14988 justify-content: space-between; 14989 padding-bottom: 15px; 14990 border-bottom: 1px solid rgba(0,0,0,0.1); 14991 } 14992 .footer-list-wrap ul.footer-list li.ftlink-li a.ft-title i{ 14993 font-size: 14px; 14994 } 14995 .footer-list-wrap ul.footer-list li.ftlink-li a.ft-title[aria-expanded="true"] i:before{ 14996 content: "\e622"; 14997 } 14998 14999 .footer-list-wrap ul.footer-list li.ftlink-li .footer-sublist{ 15000 15001 text-align: left; 15002 15003 padding-top: 15px; 15004 padding-bottom: 15px; 15005 margin-top: 0; 15006 } 15007 .footer-list-wrap ul.footer-list li.ftlink-li ul.footer-sublist li.ftsublink-li{ 15008 margin-top: 5px; 15009 } 15010 .footer-list-wrap ul.footer-list li.ftlink-li .footer-sublist.collapse:not(.show){ 15011 display: none; 15012 } 15013 .footer-list-wrap ul.footer-list li.ftlink-li .ft-title{ 15014 display: none; 15015 } 15016 15017 .footer-list-wrap ul.footer-list li.ftlink-li.footer-info{ 15018 margin-top: 0; 15019 } 15020 .footer-list-wrap ul.footer-list li.ftlink-li.footer-info .ft-title{ 15021 display: block; 15022 } 15023 .footer-list-wrap ul.footer-list li.ftlink-li .address-wrap { 15024 margin-top: 15px; 15025 } 15026 .footer-list-wrap ul.footer-list li.ftlink-li .address-wrap p{ 15027 margin-top: 5px; 15028 } 15029 .footer-list-wrap ul.footer-list li.ftlink-li .copy-right { 15030 margin-top: 15px; 15031 } 15032 .footer-list-wrap ul.footer-list li.ftlink-li .copy-right p{ 15033 font-size: 14px; 15034 } 15035 .footer-list-wrap ul.insta-wrap { 15036 margin-top: -10px; 15037 margin-left: -10px; 15038 } 15039 .footer-list-wrap ul.insta-wrap li.insta-wrap{ 15040 width: calc(16.66% - 10px); 15041 margin-left: 10px; 15042 margin-top: 10px; 15043 } 15044} 15045 15046@media (max-width : 767px){ 15047 .footer-list-wrap ul.footer-list{ 15048 15049 margin-left: 0px; 15050 15051 } 15052 .footer-list-wrap ul.footer-list li.ftlink-li{ 15053 width: 100%; 15054 15055 margin-left: 0; 15056 15057 } 15058 .copyright ul.copyright-wrap{ 15059 padding: 15px 0; 15060 } 15061 .copyright ul.copyright-wrap li{ 15062 width: 100%; 15063 text-align: center; 15064 } 15065 .copyright ul.copyright-wrap li.payment-icon{ 15066 text-align: center; 15067 margin-top: 15px; 15068 } 15069 .footer-list-wrap ul.insta-wrap li.insta-wrap{ 15070 width: calc(33.33% - 10px); 15071 } 15072 .copyright ul.copyright-wrap li.text p{ 15073 font-size: 14px; 15074 } 15075} 15076 15077 15078</style></div> 15079 <a href="javascript:void(0)" id="top" class="scroll"> 15080 <i class="ti-arrow-up"></i> 15081</a> 15082<style> 15083a.scroll { 15084 color: #fff; 15085 position: fixed; 15086 bottom: 30px; 15087 15088 right: 30px; 15089 15090 opacity: 0; 15091 visibility: hidden; 15092 height: 35px; 15093 width: 35px; 15094 display: flex;
15095 align-items: center; 15096 justify-content: center; 15097 background-color: #ec1e24; 15098 border: 1px solid #fff; 15099 border-radius: 100%; 15100 z-index: 2; 15101} 15102a.scroll:hover { 15103 color: #ec1e24; 15104 background-color: #fff; 15105 border: 1px solid #ec1e24; 15106 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); 15107} 15108@media (max-width : 767px){ 15109 a.scroll { 15110 15111 right: 15px; 15112 15113 } 15114} 15115</style> 15116 <!-- Necessary JS --> 15117
15117<script src="//axispdc.com/cdn/shop/t/9/assets/timber.js?v=109484993550998605431655139489" type="text/javascript"></script>
vendor: 1 bytes, line 15117
15117
15118<script src="//axispdc.com/cdn/shop/t/9/assets/cart.api.js?v=44743444004837228251655139489" type="text/javascript"></script>
vendor: 1 bytes, line 15118
15118
15119<script>Shopify.money_format = "${{amount}}";</script>
15119 15120
15121<script> 15122 15123</script>
15123<script> 15124 $('.ajax-spin-cart').on('click', function() { 15125 $(this).addClass('loading add-item'); 15126 setTimeout(function () { 15127 $('.ajax-spin-cart').removeClass('loading'); 15128 },1000); 15129 setTimeout(function () { 15130 $('.ajax-spin-cart').removeClass("add-item"); 15131 },2000); 15132 15133 }); 15134</script>
15134<script src="//axispdc.com/cdn/shop/t/9/assets/wishlist.js?v=19670998348649953471655139467" type="text/javascript"></script>
vendor: 1 bytes, line 15134
15134
15135<script> 15136 /* Ajax Wishlist */ 15137 $(".action-wishlist").on('click', function(){ 15138 $(this).addClass("loading-wishlist adding-wishlist"); 15139 setTimeout(function () { 15140 $(".action-wishlist").removeClass("loading-wishlist"); 15141 },1000); 15142 setTimeout(function () { 15143 $(".adding-wishlist").removeClass("adding-wishlist"); 15144 },2000); 15145 15146 }); 15147 15148 (function() { 15149 Wishlist.init(); 15150 }()); 15151</script>
15151<!-- Recently Viewed Products -->
15151<script>
vendor: 373 bytes, lines 15151-15157
15151 15152 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 15153 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 15154 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 15155 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 15156 15157 ga('create', '
15157UA-110326897-1
vendor: 42 bytes, lines 15157-15159
15157', 'auto'); 15158 ga('send', 'pageview'); 15159
15160</script>
15160 15161 15162
15163<script defer src='https://inspon-app.com/textfield/backend/js/page_script.js'></script>
15163 15164 15165 15166<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 15166-15167
15166 15167<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
15167GTM-5SC6PTS2
vendor: 83 bytes, lines 15167-15168
15167" 15168height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
15169<!-- End Google Tag Manager (noscript) --> 15170<!-- Google tag (gtag.js) --> 15171 <amp-analytics type="gtag" data-credentials="include"> 15172
15172<script type="application/json"> { "vars": { "gtag_id": "AW-17079595985", "config": { "AW-17079595985": { "groups": "default" } } }, "triggers": { } } </script>
15172 15173 </amp-analytics> 15174<div id="shopify-block-AaUY3TDlOK3J2UVAyQ__4015264832934714879" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: ecomsend-app -->
15174<script type="text/javascript"> 15175 //SendWILL APPS COMMON JS CODE 15176 window.EcomSendApps = window.EcomSendApps || {} 15177 15178 window.EcomSendApps.design_mode = false 15179 15180 15181 window.EcomSendApps.common = window.EcomSendApps.common || {} 15182 window.EcomSendApps.common.shop = { 15183 permanent_domain: 'axis-percussion.myshopify.com', 15184 currency: "USD", 15185 money_format: "${{amount}}", 15186 id: 42811228311, 15187 } 15188 15189 15190 15191 window.EcomSendApps.common.customer = { 15192 id: null, 15193 tags: null, 15194 email: null, 15195 accepts_marketing: null, 15196 first_name: null, 15197 } 15198 15199 15200 15201 window.EcomSendApps.common.template = 'blog' 15202</script>
15202 15203<!-- END app snippet --> 15204
15205<script> 15206 window.EcomSendApps = window.EcomSendApps || {} 15207 /** @description shared localStorage key used by web-pixel sandbox to read storefront GDPR mode */ 15208 const ECOMSEND_GDPR_ENABLED_STORAGE_KEY = "ECOMSEND:GDPR_ENABLED" 15209 /** @description storefront main bundle asset url */ 15210 const ECOMSEND_MAIN_SCRIPT_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/ecomsend.js' 15211 /** @description storefront style asset url */ 15212 const ECOMSEND_MAIN_STYLE_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/style.css' 15213 /** @description storefront wasm asset url for runtime signature module */ 15214 const ECOMSEND_WASM_ASSET_URL = 'https://cdn.shopify.com/extensions/01a0f197-ce1f-7a19-8adb-6b78fec4702f/ecomsend-209/assets/client_safe.wasm' 15215 /** @description fallback delay when requestIdleCallback is unavailable */ 15216 const ECOMSEND_IDLE_TIMEOUT_MS = 800 15217 /** @description user interaction events used to trigger lazy init earlier */ 15218 const ECOMSEND_INTERACTION_EVENTS = ["pointerdown", "keydown", "touchstart"] 15219 /** @description global flag key for emergency immediate loading */ 15220 const ECOMSEND_FORCE_IMMEDIATE_FLAG = window.EcomSendApps?.forceImmediateLoad === true 15221 /** @description default GDPR mode comes from block setting and can be overridden on window.EcomSendApps.GDPR */ 15222 const ECOMSEND_DEFAULT_GDPR_FLAG = false 15223 /** @description default CWTracks mode comes from block setting and can be overridden on window.EcomSendApps.CWTracksEnabled */ 15224 const ECOMSEND_DEFAULT_CWTRACKS_ENABLED = false 15225 15226 /** @description normalize merchant-provided GDPR switch into a strict boolean value */ 15227 function normalizeEcomsendBooleanFlag(rawValue) { 15228 if (typeof rawValue === "boolean") { 15229 return rawValue 15230 } 15231 if (typeof rawValue === "number") { 15232 return rawValue === 1 15233 } 15234 if (typeof rawValue === "string") { 15235 const normalizedValue = rawValue.trim().toLowerCase() 15236 return normalizedValue === "true" || normalizedValue === "1" || normalizedValue === "yes" 15237 } 15238 return false 15239 } 15240 15241 /** @description lock runtime switch value on EcomSendApps to reduce accidental console overwrite. */ 15242 function lockEcomsendReadonlyFlag(flagName, flagValue) { 15243 try { 15244 Object.defineProperty(window.EcomSendApps, flagName, { 15245 value: flagValue, 15246 writable: false, 15247 configurable: false, 15248 enumerable: true, 15249 }) 15250 return 15251 } catch (error) {} 15252 window.EcomSendApps[flagName] = flagValue 15253 } 15254 15255 /** @description resolve storefront GDPR mode from merchant theme override */ 15256 function resolveEcomsendGdprMode() { 15257 if (typeof window.EcomSendApps.GDPR === "undefined") { 15258 window.EcomSendApps.GDPR = ECOMSEND_DEFAULT_GDPR_FLAG 15259 } 15260 const gdprEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.GDPR) 15261 window.EcomSendApps.GDPR = gdprEnabled 15262 return gdprEnabled 15263 } 15264 15265 /** @description resolve storefront CWTracks mode from merchant theme block setting and runtime override */ 15266 function resolveEcomsendCwTracksMode() { 15267 if (typeof window.EcomSendApps.CWTracksEnabled === "undefined") { 15268 window.EcomSendApps.CWTracksEnabled = ECOMSEND_DEFAULT_CWTRACKS_ENABLED 15269 } 15270 const cwTracksEnabled = normalizeEcomsendBooleanFlag(window.EcomSendApps.CWTracksEnabled) 15271 window.EcomSendApps.CWTracksEnabled = cwTracksEnabled 15272 return cwTracksEnabled 15273 } 15274 15275 /** @description persist storefront GDPR mode so web-pixel sandbox can consume the same switch */ 15276 function syncEcomsendGdprModeToStorage(gdprEnabled) { 15277 if (!window.localStorage) { 15278 return 15279 } 15280 if (gdprEnabled) { 15281 window.localStorage.setItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY, "true") 15282 return 15283 } 15284 window.localStorage.removeItem(ECOMSEND_GDPR_ENABLED_STORAGE_KEY) 15285 } 15286 15287 /** @description enable GDPR gating only when merchant explicitly turns on storefront GDPR mode */ 15288 const ECOMSEND_GDPR_ENABLED = resolveEcomsendGdprMode() 15289 /** @description enable CWTracks callback/event emit only when merchant turns on CWTracks mode. */ 15290 const ECOMSEND_CWTRACKS_ENABLED = resolveEcomsendCwTracksMode() 15291 lockEcomsendReadonlyFlag("GDPR", ECOMSEND_GDPR_ENABLED) 15292 lockEcomsendReadonlyFlag("CWTracksEnabled", ECOMSEND_CWTRACKS_ENABLED) 15293 15294 try { 15295 syncEcomsendGdprModeToStorage(ECOMSEND_GDPR_ENABLED) 15296 } catch (error) {} 15297 15298 /** @description create main stylesheet node for storefront runtime */ 15299 function createEcomSendMainStyleEle() { 15300 const ecomsendMainStyleEle = document.createElement("link") 15301 ecomsendMainStyleEle.rel = "stylesheet" 15302 ecomsendMainStyleEle.href = ECOMSEND_MAIN_STYLE_URL 15303 ecomsendMainStyleEle.dataset.ecomsendTag = "main-style" 15304 return ecomsendMainStyleEle 15305 } 15306 15307 /** @description append runtime stylesheet exactly once */ 15308 function ensureEcomSendMainStyleLoaded() { 15309 if (document.querySelector('link[data-ecomsend-tag="main-style"]')) { 15310 return 15311 } 15312 const ecomsendMainStyleEle = createEcomSendMainStyleEle() 15313 document.head.appendChild(ecomsendMainStyleEle) 15314 } 15315 15316 /** @description remove interaction listeners after first lazy-init trigger */ 15317 function clearInteractionListeners() {
15318 ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { 15319 window.removeEventListener(eventName, scheduleMainBundleLoad) 15320 }) 15321 } 15322 15323 /** @description run low-priority task via idle callback with timeout fallback */ 15324 function scheduleLowPriorityTask(taskRunner, timeoutMs) { 15325 if (window.requestIdleCallback) { 15326 window.requestIdleCallback(() => { 15327 taskRunner() 15328 }, { timeout: timeoutMs }) 15329 return 15330 } 15331 window.setTimeout(() => { 15332 taskRunner() 15333 }, timeoutMs) 15334 } 15335 15336 /** @description load main storefront bundle once and keep rollback override */ 15337 function loadEcomsendMainBundle() { 15338 if (window.__ecomsendMainBundleLoaded) { 15339 return 15340 } 15341 window.__ecomsendMainBundleLoaded = true 15342 clearInteractionListeners() 15343 /** @description ensure storefront runtime css is loaded together with main bundle */ 15344 ensureEcomSendMainStyleLoaded() 15345 const ecomsendMainScriptEle = document.createElement("script") 15346 ecomsendMainScriptEle.src = ECOMSEND_MAIN_SCRIPT_URL 15347 ecomsendMainScriptEle.async = true 15348 ecomsendMainScriptEle.dataset.ecomsendTag = "main-script" 15349 document.body.appendChild(ecomsendMainScriptEle) 15350 } 15351 15352 /** @description schedule heavy bundle with idle-first strategy to reduce main-thread contention */ 15353 function scheduleMainBundleLoad() { 15354 if (window.__ecomsendMainBundleLoadScheduled) { 15355 return 15356 } 15357 /** @description dedupe idle scheduling from DOMContentLoaded and first interactions */ 15358 window.__ecomsendMainBundleLoadScheduled = true 15359 if (ECOMSEND_FORCE_IMMEDIATE_FLAG) { 15360 loadEcomsendMainBundle() 15361 return 15362 } 15363 scheduleLowPriorityTask(loadEcomsendMainBundle, ECOMSEND_IDLE_TIMEOUT_MS) 15364 } 15365 15366 /** @description cache marketing params for pixel/report flows before heavy bundle starts */ 15367 function cacheMarketingParams() { 15368 const urlParams = new URLSearchParams(window.location.search) 15369 const marketingId = urlParams.get("ec_marketing_id") 15370 const ecEmailId = urlParams.get("ec_email_id") 15371 const ecMarketingSign = urlParams.get("ec_marketing_sign") 15372 15373 if (marketingId && window.localStorage) { 15374 window.localStorage.setItem("ec_marketing_id", marketingId) 15375 } 15376 if (ecEmailId && window.localStorage) { 15377 window.localStorage.setItem("ec_email_id", ecEmailId) 15378 } 15379 if (ecMarketingSign && window.localStorage) { 15380 window.localStorage.setItem("ec_marketing_sign", ecMarketingSign) 15381 } 15382 } 15383 15384 /** @description check whether marketing storage is allowed under Shopify customer privacy state */ 15385 function isMarketingStorageAllowedByCustomerPrivacy() { 15386 const customerPrivacy = window?.Shopify?.customerPrivacy 15387 if (!customerPrivacy) { 15388 return false 15389 } 15390 const marketingAllowed = typeof customerPrivacy.marketingAllowed === "function" && customerPrivacy.marketingAllowed() 15391 if (marketingAllowed) { 15392 return true 15393 } 15394 if (typeof customerPrivacy.currentVisitorConsent === "function") { 15395 const consent = customerPrivacy.currentVisitorConsent() 15396 return consent?.marketing === "yes" 15397 } 15398 return false 15399 } 15400 15401 /** @description check whether analytics storage is allowed under Shopify customer privacy state */ 15402 function isAnalyticsStorageAllowedByCustomerPrivacy() { 15403 const customerPrivacy = window?.Shopify?.customerPrivacy 15404 if (!customerPrivacy) { 15405 return false 15406 } 15407 const analyticsAllowed = typeof customerPrivacy.analyticsProcessingAllowed === "function" && customerPrivacy.analyticsProcessingAllowed() 15408 if (analyticsAllowed) { 15409 return true 15410 } 15411 if (typeof customerPrivacy.currentVisitorConsent === "function") { 15412 const consent = customerPrivacy.currentVisitorConsent() 15413 return consent?.analytics === "yes" 15414 } 15415 return false 15416 } 15417 15418 /** @description execute marketing param caching with GDPR guard: functional off when GDPR disabled */ 15419 function cacheMarketingParamsWithGdprGuard() { 15420 if (!ECOMSEND_GDPR_ENABLED) { 15421 cacheMarketingParams() 15422 return 15423 } 15424 if (isMarketingStorageAllowedByCustomerPrivacy()) { 15425 cacheMarketingParams() 15426 } 15427 } 15428 15429 /** @description cache shop id used by pixel report branches */ 15430 function cacheShopIdForPixel() { 15431 if (!window.EcomSendApps?.common?.shop?.id || !window.localStorage) { 15432 return 15433 } 15434 window.localStorage.setItem("ECOMSEND:ES_SHOP_ID", window.EcomSendApps.common.shop.id) 15435 } 15436 15437 /** 15438 * Flow client config (e.g. browserStaySeconds) is fetched by the main ecomsend.js bundle: 15439 * bootstrapFlowClientConfig â POST /api/automation/v2/clientFlowConfig (API Sign) 15440 * â localStorage ECOMSEND:FLOW_CLIENT_CONFIG.byEventId â read by web-pixel. 15441 * Keep new C-end Flow config on this path; do not scatter fetches in liquid. 15442 */ 15443 15444 /** @description execute shop id caching with GDPR guard and shared consent policy */ 15445 function cacheShopIdWithGdprGuard() { 15446 if (!ECOMSEND_GDPR_ENABLED) { 15447 cacheShopIdForPixel() 15448 return 15449 } 15450 if (isAnalyticsStorageAllowedByCustomerPrivacy()) { 15451 cacheShopIdForPixel() 15452 } 15453 } 15454 15455 /** @description load Shopify consent-tracking API before GDPR-gated cache writes */ 15456 function withCustomerPrivacyApiReady(onReady) { 15457 if (!ECOMSEND_GDPR_ENABLED) { 15458 onReady() 15459 return 15460 } 15461 if (window?.Shopify?.customerPrivacy) { 15462 onReady() 15463 return 15464 } 15465 if (typeof window?.Shopify?.loadFeatures !== "function") { 15466 return 15467 } 15468 window.Shopify.loadFeatures( 15469 [{ name: "consent-tracking-api", version: "0.1" }], 15470 (error) => { 15471 if (error) { 15472 return 15473 } 15474 onReady() 15475 } 15476 ) 15477 } 15478 15479 try { 15480 withCustomerPrivacyApiReady(() => { 15481 cacheMarketingParamsWithGdprGuard() 15482 cacheShopIdWithGdprGuard() 15483 }) 15484 if (ECOMSEND_GDPR_ENABLED) { 15485 document.addEventListener("visitorConsentCollected", () => { 15486 cacheMarketingParamsWithGdprGuard() 15487 cacheShopIdWithGdprGuard() 15488 }) 15489 } 15490 } catch (e) {} 15491 15492 /** @description inject wasm asset url into shared namespace before main bundle executes */ 15493 window.EcomSendApps.wasmURL = ECOMSEND_WASM_ASSET_URL 15494
15495 ECOMSEND_INTERACTION_EVENTS.forEach((eventName) => { 15496 window.addEventListener(eventName, scheduleMainBundleLoad, { once: true, passive: true }) 15497 }) 15498 15499 if (document.readyState === "loading") { 15500 document.addEventListener("DOMContentLoaded", scheduleMainBundleLoad, { once: true }) 15501 } else { 15502 scheduleMainBundleLoad() 15503 } 15504</script>
15504 15505 15506<style id="ecomsend-custom-style"></style> 15507
15508<script>window.shopLocale = 'en'</script>
15508 15509
15510<script> 15511 /** @description timeout used for deferred discount request scheduling */ 15512 const ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS = 1500 15513 15514 /** @description apply discount code from url query only when parameter exists */ 15515 function applyWillDiscountCode() { 15516 const urlParams = new URLSearchParams(window.location.search) 15517 const willDiscountCode = urlParams.get("willDiscountCode") 15518 if (!willDiscountCode || /[\u0000-\u001F\u007F]/.test(willDiscountCode)) { 15519 return 15520 } 15521 fetch("/cart/update.js", { 15522 method: "POST", 15523 headers: { 15524 "Content-Type": "application/json", 15525 }, 15526 body: JSON.stringify({ 15527 discount: willDiscountCode, 15528 }), 15529 }) 15530 } 15531 15532 try { 15533 if (!window.__ecomsendDeferredTasksScheduled) { 15534 /** @description global guard to avoid duplicate deferred task scheduling */ 15535 window.__ecomsendDeferredTasksScheduled = true 15536 if (window.requestIdleCallback) { 15537 window.requestIdleCallback(() => { 15538 applyWillDiscountCode() 15539 }, { timeout: ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS }) 15540 } else { 15541 window.setTimeout(() => { 15542 applyWillDiscountCode() 15543 }, ECOMSEND_DISCOUNT_IDLE_TIMEOUT_MS) 15544 } 15545 } 15546 } catch (error) {} 15547</script>
15547 15548 15549 15550 15551</div><div id="shopify-block-AeFhwRjFrd0c5RmJOU__6052823664294247695" class="shopify-block shopify-app-block">
15551<script id="qikify-contact-form-config" type="text/javascript"> 15552 15553 15554 window.qcfData = { 15555 entries: null, 15556 subscription: null, 15557 config: null, 15558 translation: null, 15559 instanceStatus: undefined, 15560 customAppDiscounts: null, 15561 }; 15562 15563 15564 qcfData.entries = [{"id":306765,"name":"Contact form","priority":0,"type":null,"data":{"fields":[{"id":"bcontact-field-446927","type":"text","formType":"basic","formName":"name","name":"name","label":"Your name","width":"1_2","required":true},{"id":"bcontact-field-626405","type":"email","formType":"basic","formName":"email","name":"email","label":"Your email","width":"1_2"},{"id":"bcontact-field-292425","name":"What can we help you with?","label":"What can we help you with?","formType":"custom","formName":"custom","type":"select","choices_v2":"Question about my order status\nQuestion about product availability\nI need help fixing my pedal or other AXiS product\nQuestion about becoming an AXiS Artist \nQuestion about something else ","datetime_format":"dmy","width":"1_1","radio_display":"vertical","help_text":"Pick an option from the list above","default_value_v2":"","required":true},{"id":"bcontact-field-639207","type":"textarea","formType":"basic","formName":"message","name":"message","label":"Message","required":true}],"button_display":"fixed","trigger_button_type":"tab","tab_label":"Contact Us","embed_tab_label":"Contact Us","tab_position":"bottom","icon_position":"bottom_right","tab_button_fontsize":"16","embed_tab_button_fontsize":"16","tab_bgcolor":"#cfcbcb","tab_color":"#000000","show_tab_icon":false,"fixed_icon_button_icon":"letter","embed_button_icon":"letter","button_icon":"letter","mobile_toggle":true,"trigger_button_mobile_type":"icon","button_mobile_position":"bottom_right","button_mobile_position_tab":"bottom","popup_position":"popup","page":"all","auto_open":false,"auto_open_delay":"3","auto_open_timeout":"1800","template":"popup2","form_bubble_template":"none","popup_layout":"none","popup_size":"sm","hide_watermark":true,"typography":{"fontFamily":"Lexend","fontSize":"14"},"alignment":"center","submit_btn_align":"right","submit_btn_style":"round","input_label":"label","border_style":"round","help_text_color":"#bfbfbf","submission_email_subject":"Thanks for your submission","submission_email_enable_logo":true,"submission_email_logo":"https://cdn.qikify.com/common/contactform/images/qikify-logo.png","submission_email_logo_width":"200","submission_email_title":"Thanks for your submission","submission_email_description":"Hi {customer_name},<br> Weâve received your submission and will get back to you soon.","submission_email_footer":"If you have any questions or concerns, please reply to this email or contact us at {shop_email}.","schedule":"always","form_popup_template":"popup3","title_label":"Contact Us","description_label":"Leave a message here and we will reply to you shortly.","submit_label":"Submit","msg_success":"Thanks for contacting us. We will get back to you as soon as possible.","page_options":"all","radio_display":"block","label_color":"#ffffff","background_color":"#3a3a3a","border_color":"#ffffff","layout":"left","submit_bgcolor":"#000000","title_color":"#ffffff","submit_text_color":"#ffffff","description_color":"#ffffff","background_image":"https://cdn.qikify.com/common/contactform/images/popup-image-3.jpg","schedule_time_start":"2024-01-06T23:43:29.710Z","schedule_time_end":"2024-01-07T23:43:29.714Z"},"status":1,"created_at":"2024-01-06 23:34:09","updated_at":"2024-01-19 01:23:28"}]; 15565 15566 15567 15568 qcfData.subscription = {"name":"contactform-basic","kind":"subscription"}; 15569 15570 15571 15572 qcfData.config = {"captcha":false}; 15573 15574 15575 15576 15577 15578 15579 15580</script>
15580 15581
15582<script src="https://cdn.shopify.com/extensions/01a12017-3ce2-774d-8c68-1a40eb5f4ee7/free-contact-form-1-144/assets/contactform-v2.js" defer="defer"></script>
15582 15583 15584 15585 15586 15587 <style id="qikify-contactform-custom-style"></style> 15588 15589 15590 15591
15591<script id="qikify-contactform-custom-script"></script>
15591 15592 15593 15594 15595</div><div id="shopify-block-Aa3UrMW9IZE1TVFNUQ__5537102726230261467" class="shopify-block shopify-app-block"> 15596 15597 15598 <!-- BEGIN app snippet: quiz-popup-styles --><style> 15599 #quiz-container { 15600 position: fixed; 15601 top: 0; 15602 left: 0; 15603 width: 100%; 15604 height: 100%; 15605 display: flex; 15606 flex-direction: column; 15607 justify-content: center; 15608 align-items: center; 15609 background: rgba(0, 0, 0, 0.5); 15610 z-index: var(--quiz-z-index, 100); 15611 overflow: auto; 15612 touch-action: manipulation; 15613 } 15614 #quiz-container .quiz-content { 15615 position: relative; 15616 border-radius: 8px; 15617 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 15618 z-index: var(--quiz-content-z-index, 101); 15619 max-height: 100%; 15620 overflow: auto; 15621 background: white; 15622 touch-action: manipulation; 15623 } 15624 #quiz-container .close-btn { 15625 position: absolute; 15626 top: 10px; 15627 right: 10px; 15628 background: none; 15629 border: none; 15630 font-size: 32px; 15631 cursor: pointer; 15632 z-index: var(--close-btn-z-index, 102); 15633 margin-left: auto; 15634 color: var(--close-btn-color, #777777); 15635 line-height: 32px; 15636 } 15637 body.revenuehunt-popup-open .react-dropdown-select-dropdown { 15638 z-index: var(--quiz-dropdown-z-index, 103) !important; 15639 } 15640</style> 15641<!-- END app snippet --> 15642 <!-- BEGIN app snippet: quiz-global-vars -->
15642<script> 15643 if (!window.quizUrls) window.quizUrls = {}; 15644 15645 window.quizUrls['quiz_6FVD3l'] = "https:\/\/cdn.shopify.com\/s\/files\/1\/0428\/1122\/8311\/files\/quiz-6FVD3l.json?v=1787946371"; 15646 15647 15648 if (!window.quiz_locale) { 15649 window.quiz_locale = 'en' 15650 } 15651 if (!window.quiz_country) { 15652 window.quiz_country = 'US' 15653 } 15654 if (!window.quiz_currency) { 15655 window.quiz_currency = '${{amount}} USD' 15656 } 15657 if (!window.quiz_market_id) { 15658 window.quiz_market_id = 'gid://shopify/Market/2241462423' 15659 } 15660</script>
15660 15661<!-- END app snippet --> 15662 <!-- BEGIN app snippet: quiz-renderer-script -->
15662<script type="module" src="https://cdn.shopify.com/extensions/01a11ac7-4734-7248-af65-43709269384f/revenuehunt-202/assets/quiz-renderer.js" defer></script>
15662<!-- END app snippet --> 15663 <!-- BEGIN app snippet: quiz-popup-setup --><!-- BEGIN app snippet: quiz-url-functions -->
15663<script> 15664 /** 15665 * Quiz URL Functions 15666 * 15667 * Single source of truth for quiz URL parsing and clearing. 15668 */ 15669 (function() { 15670 if (window.revenueHuntQuizUrl && window.revenueHuntQuizUrl.__initialized) { 15671 return; 15672 } 15673 15674 window.revenueHuntQuizUrl = { 15675 __initialized: true, 15676 15677 isQuizHash: function(hash) { 15678 return ( 15679 hash === '#quiz' || 15680 /^#quiz-[A-Za-z0-9]+$/.test(hash) || 15681 /^#response-[A-Za-z0-9]+$/.test(hash) 15682 ); 15683 }, 15684 15685 getQuizKey: function(hash, defaultQuizKey) { 15686 if (!this.isQuizHash(hash)) return null; 15687 15688 const hashTarget = String(hash || '').replace(/^#/, ''); 15689 15690 if (hashTarget === 'quiz') { 15691 return defaultQuizKey; 15692 } 15693 15694 if (hashTarget.startsWith('quiz-')) { 15695 return 'quiz_' + hashTarget.substring(5); 15696 } 15697 15698 if (hashTarget.startsWith('response-')) { 15699 return hashTarget; 15700 } 15701 15702 return null; 15703 }, 15704 15705 getTarget: function(hash, search, defaultQuizKey) {
15706 const hashTarget = this.getQuizKey(hash, defaultQuizKey); 15707 if (hashTarget) return hashTarget; 15708 15709 const responseId = new URLSearchParams(String(search || '')).get('response_id'); 15710 if (responseId && /^[A-Za-z0-9]+$/.test(responseId)) { 15711 return 'response-' + responseId; 15712 } 15713 15714 return null; 15715 }, 15716 15717 clear: function() { 15718 const url = new URL(window.location.href); 15719 let changed = false; 15720 15721 if (this.isQuizHash(url.hash)) { 15722 url.hash = ''; 15723 changed = true; 15724 } 15725 15726 if (url.searchParams.has('response_id')) { 15727 url.searchParams.delete('response_id'); 15728 changed = true; 15729 } 15730 15731 if (changed) { 15732 window.history.replaceState(window.history.state, '', url.toString()); 15733 } 15734 }, 15735 }; 15736 })(); 15737</script>
15737 15738<!-- END app snippet --> 15739<!-- BEGIN app snippet: quiz-popup-functions -->
15739<script> 15740 /** 15741 * Popup Functions 15742 * 15743 * Shared, setting-free quiz popup behavior. 15744 * Individual theme extension instances register their own popup config with 15745 * window.revenueHuntQuizPopup.register(config), then open by instance id. 15746 * 15747 * Popup extensions are intentionally singleton: only one #quiz-container 15748 * exists at a time. Multiple instances can register configs, but opening a 15749 * popup replaces the current popup unless the caller chooses another policy. 15750 * 15751 * Used by: automatic popup, link popup, chat button 15752 */ 15753 (function() { 15754 if (window.revenueHuntQuizPopup && window.revenueHuntQuizPopup.__initialized) { 15755 return; 15756 } 15757 15758 function getConfig(instanceId) { 15759 return window.revenueHuntQuizPopup.configs[String(instanceId)] || null; 15760 } 15761 15762 function applyPopupStyles(quizContainer, quizContent, config) { 15763 const zIndex = parseInt(config.zIndex || 100, 10); 15764 const width = parseInt(config.width || 100, 10); 15765 const height = parseInt(config.height || 100, 10); 15766 15767 quizContainer.style.setProperty('--quiz-z-index', zIndex); 15768 quizContainer.style.setProperty('--quiz-content-z-index', zIndex + 1); 15769 quizContainer.style.setProperty('--close-btn-z-index', zIndex + 2); 15770 quizContainer.style.setProperty('--close-btn-color', config.closeColor || '#777777'); 15771 15772 // Quiz dropdowns are portaled to document.body, outside #quiz-container. 15773 // Keep this one popup-open body variable so portaled dropdowns stay above the modal. 15774 document.body.style.setProperty('--quiz-dropdown-z-index', zIndex + 3); 15775 15776 quizContent.style.width = `${width}%`; 15777 quizContent.style.height = `${height}%`; 15778 } 15779 15780 function markPopupShown(quizKey) { 15781 // Only mark the popup as shown when the key already targets a quiz (not for response hashes) 15782 if (typeof quizKey === 'string' && quizKey.startsWith('quiz_')) { 15783 window.revenueHuntSetStorage('revenuehunt-popup-already-shown-' + quizKey, true, 1); 15784 } 15785 } 15786 15787 window.revenueHuntQuizPopup = { 15788 __initialized: true, 15789 configs: {}, 15790 15791 register: function(config) { 15792 if (!config || !config.instanceId) return; 15793 15794 this.configs[String(config.instanceId)] = { 15795 instanceId: String(config.instanceId), 15796 source: config.source || 'popup', 15797 width: config.width || 100, 15798 height: config.height || 100, 15799 zIndex: config.zIndex || 100, 15800 closeColor: config.closeColor || '#777777', 15801 }; 15802 }, 15803 15804 close: function(options) { 15805 const settings = options || {}; 15806 const quizContainer = document.getElementById('quiz-container'); 15807 15808 if (quizContainer) { 15809 quizContainer.remove(); 15810 } 15811 15812 document.body.classList.remove('revenuehunt-popup-open'); 15813 document.body.style.removeProperty('--quiz-dropdown-z-index'); 15814 15815 if (settings.clearHash !== false && window.revenueHuntQuizUrl) { 15816 window.revenueHuntQuizUrl.clear(); 15817 } 15818 }, 15819 15820 getContainer: function(instanceId) { 15821 const owner = String(instanceId); 15822 const containers = document.querySelectorAll('[data-popup-owner]'); 15823 15824 for (let i = 0; i < containers.length; i += 1) { 15825 if (containers[i].dataset.popupOwner === owner) { 15826 return containers[i]; 15827 } 15828 } 15829 15830 return null; 15831 }, 15832 15833 resize: function(instanceId) { 15834 const config = getConfig(instanceId); 15835 const quizContainer = this.getContainer(instanceId); 15836 const quizContent = quizContainer && quizContainer.querySelector('.quiz-content'); 15837 15838 if (!config || !quizContainer || !quizContent) return; 15839 15840 applyPopupStyles(quizContainer, quizContent, config); 15841 }, 15842 15843 open: function(instanceId, quizKey, options) { 15844 const config = getConfig(instanceId); 15845 if (!config) return null; 15846 15847 const settings = options || {}; 15848 15849 const existingQuizContainer = document.getElementById('quiz-container'); 15850 if (existingQuizContainer) { 15851 if (settings.ifOpen === 'mark-shown') { 15852 markPopupShown(quizKey); 15853 return null; 15854 } 15855
15856 existingQuizContainer.remove(); 15857 } 15858 15859 markPopupShown(quizKey); 15860 15861 const popupRenderId = `popup-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`; 15862 const quizContainer = document.createElement('div'); 15863 quizContainer.id = 'quiz-container'; 15864 // `needsclick` opts out of FastClick, which legacy Shopify themes (e.g. Brooklyn) bundle in 15865 // theme.js. FastClick collides with the renderer's own touch handler on iOS and swallows the 15866 // first taps until a refresh. 15867 quizContainer.className = 'quiz-container needsclick'; 15868 quizContainer.dataset.quizInstanceId = popupRenderId; 15869 quizContainer.dataset.popupOwner = config.instanceId; 15870 quizContainer.dataset.popupSource = config.source; 15871 if (settings.openedBy) { 15872 quizContainer.dataset.openedBy = settings.openedBy; 15873 } 15874 quizContainer.style.display = 'flex'; 15875 document.body.classList.add('revenuehunt-popup-open'); 15876 15877 const quizContent = document.createElement('div'); 15878 quizContent.className = 'quiz-content needsclick'; 15879 applyPopupStyles(quizContainer, quizContent, config); 15880 15881 const closeButton = document.createElement('button'); 15882 closeButton.className = 'close-btn'; 15883 closeButton.setAttribute('aria-label', 'Close quiz'); 15884 15885 const closeIcon = document.createElement('span'); 15886 closeIcon.textContent = 'Ã'; 15887 closeButton.appendChild(closeIcon); 15888 15889 const quizRenderer = document.createElement('quiz-renderer'); 15890 quizRenderer.setAttribute('data-quiz-instance-id', popupRenderId); 15891 quizRenderer.setAttribute('target', String(quizKey)); 15892 quizRenderer.setAttribute('type', 'modal'); 15893 quizRenderer.setAttribute('aria-label', 'Quiz'); 15894 quizRenderer.setAttribute( 15895 'over-plan-at', 15896 "", 15897 ); 15898 quizRenderer.setAttribute( 15899 'execute-custom-features', 15900 'false', 15901 ); 15902 quizRenderer.setAttribute('myshopify-domain', "axis-percussion.myshopify.com"); 15903 15904 quizContent.appendChild(closeButton); 15905 quizContent.appendChild(quizRenderer); 15906 quizContainer.appendChild(quizContent); 15907 document.body.appendChild(quizContainer); 15908 15909 closeButton.addEventListener('click', function () { 15910 window.revenueHuntQuizPopup.close(); 15911 }); 15912 15913 quizContainer.addEventListener('click', function (event) { 15914 if (event.target === quizContainer) { 15915 window.revenueHuntQuizPopup.close(); 15916 } 15917 }); 15918 15919 return quizContainer; 15920 }, 15921 }; 15922 15923 window.revenueHuntCloseQuizContainer = function(options) { 15924 window.revenueHuntQuizPopup.close(options); 15925 }; 15926 })(); 15927</script>
15927 15928<!-- END app snippet --> 15929<!-- BEGIN app snippet: quiz-popup-config -->
15929<script> 15930 (function() { 15931 if (!window.revenueHuntQuizPopup) return; 15932 15933 window.revenueHuntQuizPopup.register({ 15934 instanceId: "link-popup-Aa3UrMW9IZE1TVFNUQ__5537102726230261467", 15935 source: "link-popup", 15936 width: "100", 15937 height: "100", 15938 zIndex: 100, 15939 closeColor: "#777777", 15940 }); 15941 })(); 15942</script>
15942 15943<!-- END app snippet --> 15944<!-- END app snippet --> 15945 <!-- BEGIN app snippet: quiz-storage-helpers -->
15945<script> 15946 /** 15947 * Storage Helpers 15948 * 15949 * Provides localStorage utilities with automatic expiration. 15950 * Used to track popup display state, greeting/notification dismissals, etc. 15951 * 15952 * Functions: 15953 * - revenueHuntGetStorage(name): Get value, returns null if expired 15954 * - revenueHuntSetStorage(name, value, days): Set value with expiration 15955 */ 15956 window.revenueHuntGetStorage = function(name) { 15957 try { 15958 const itemStr = localStorage.getItem(name); 15959 if (!itemStr) { 15960 return null; 15961 } 15962 const item = JSON.parse(itemStr); 15963 if (Date.now() > item.expiry) { 15964 localStorage.removeItem(name); 15965 return null; 15966 } 15967 return item.value; 15968 } catch (e) { 15969 console.warn('Failed to get localStorage:', e); 15970 return null; 15971 } 15972 }; 15973 15974 window.revenueHuntSetStorage = function(name, value, days) { 15975 try { 15976 const expiry = Date.now() + (days * 24 * 60 * 60 * 1000); 15977 const data = { 15978 value: value, 15979 expiry: expiry 15980 }; 15981 localStorage.setItem(name, JSON.stringify(data)); 15982 } catch (e) { 15983 console.warn('Failed to set localStorage:', e); 15984 } 15985 }; 15986</script>
15986<!-- END app snippet --> 15987 <!-- BEGIN app snippet: quiz-block-priority -->
15987<script> 15988 /** 15989 * Block Priority System 15990 * 15991 * Ensures only ONE quiz extension of each type activates per page. 15992 * Priority: First block > First global 15993 * 15994 * Use cases: 15995 * - Multiple blocks of same type: Only first block runs 15996 * - Multiple globals of same type: Only first global runs (if no blocks) 15997 * - Mix of block + global: Only block runs, global is skipped 15998 */ 15999 16000 // Registry for synchronous block registration (works before document.body exists) 16001 window.revenueHuntBlockRegistry = window.revenueHuntBlockRegistry || {}; 16002 16003 /** 16004 * Registers a block extension 16005 * Uses JS variable instead of DOM to support synchronous registration before document.body exists 16006 * @param {string} type - Extension type (e.g., 'link-popup', 'chat-button', 'automatic-popup') 16007 * @returns {boolean} - True if registered successfully, false if already registered 16008 */ 16009 window.revenueHuntRegisterBlock = function(type) { 16010 if (window.revenueHuntBlockRegistry[type]) { 16011 return false; 16012 } 16013 window.revenueHuntBlockRegistry[type] = true; 16014 return true; 16015 }; 16016 16017 /** 16018 * Checks if a block extension is active 16019 * @param {string} type - Extension type 16020 * @returns {boolean} - True if block extension is active 16021 */ 16022 window.revenueHuntIsBlockActive = function(type) { 16023 return !!window.revenueHuntBlockRegistry[type]; 16024 }; 16025 16026 /** 16027 * Registers a global extension 16028 * @param {string} type - Extension type 16029 * @returns {boolean} - True if registered successfully, false if already registered 16030 */ 16031 window.revenueHuntRegisterGlobal = function(type) { 16032 const globalMarkerId = 'revenuehunt-' + type + '-global-active'; 16033 if (document.getElementById(globalMarkerId)) { 16034 return false; 16035 } 16036 const marker = document.createElement('div'); 16037 marker.id = globalMarkerId; 16038 marker.style.display = 'none'; 16039 document.body.appendChild(marker); 16040 return true; 16041 }; 16042</script>
16042<!-- END app snippet --> 16043 <!-- BEGIN app snippet: quiz-link-quiz-script -->
16043<script> 16044 /** 16045 * Link Popup Quiz Script 16046 * 16047 * Handles quiz popups triggered by quiz/response hashes or a response_id query parameter. 16048 * Also handles direct URL navigation (e.g., /page#quiz or /page?response_id={id}). 16049 * 16050 * Priority system: 16051 * - Block extensions: Register and exit if already registered 16052 * - Global extensions: Exit if block exists OR already registered 16053 */ 16054 document.addEventListener('DOMContentLoaded', function() { 16055 const isBlock = false; 16056 16057 if (isBlock) { 16058 if (!window.revenueHuntRegisterBlock('link-popup')) { 16059 return; 16060 } 16061 } else { 16062 if (window.revenueHuntIsBlockActive('link-popup')) { 16063 return; 16064 } 16065 if (!window.revenueHuntRegisterGlobal('link-popup')) { 16066 return; 16067 } 16068 } 16069 16070 const defaultQuizKey = 'quiz_6FVD3l'; 16071 const popupInstanceId = "link-popup-Aa3UrMW9IZE1TVFNUQ__5537102726230261467"; 16072 16073 function getActiveRenderer() { 16074 const quizContainer = document.getElementById('quiz-container'); 16075 return quizContainer && quizContainer.querySelector('quiz-renderer'); 16076 } 16077 16078 function syncQuizPopupWithUrl() { 16079 const target = window.revenueHuntQuizUrl.getTarget( 16080 window.location.hash, 16081 window.location.search, 16082 defaultQuizKey, 16083 ); 16084 const quizContainer = document.getElementById('quiz-container'); 16085 16086 if (!target) { 16087 if ( 16088 quizContainer && 16089 quizContainer.dataset.openedBy === 'url' && 16090 window.revenueHuntQuizPopup 16091 ) { 16092 window.revenueHuntQuizPopup.close({ clearHash: false }); 16093 } 16094 return; 16095 } 16096 16097 const activeRenderer = getActiveRenderer(); 16098 const activeTarget = activeRenderer && activeRenderer.getAttribute('target'); 16099 16100 if ( 16101 quizContainer && 16102 quizContainer.dataset.openedBy === 'url' && 16103 quizContainer.dataset.popupOwner === popupInstanceId && 16104 activeTarget === target 16105 ) { 16106 return; 16107 } 16108 16109 window.revenueHuntQuizPopup.open(popupInstanceId, target, { openedBy: 'url' }); 16110 } 16111 16112 syncQuizPopupWithUrl(); 16113 window.addEventListener('hashchange', syncQuizPopupWithUrl); 16114 window.addEventListener('popstate', syncQuizPopupWithUrl); 16115 16116 if(window.addEventListener) { 16117 window.addEventListener('message', function(event) { 16118 const data = event.data; 16119 const quizContainer = window.revenueHuntQuizPopup && window.revenueHuntQuizPopup.getContainer(popupInstanceId); 16120 const quizContent = quizContainer && quizContainer.querySelector('.quiz-content'); 16121 const activeRenderer = quizContent && quizContent.querySelector('quiz-renderer'); 16122 const activeInstanceId = activeRenderer && activeRenderer.getAttribute('data-quiz-instance-id'); 16123 16124 if ( 16125 !data || 16126 typeof data !== 'object' || 16127 data.channel !== 'revenuehunt:quiz-renderer' || 16128 data.source !== 'quiz-renderer' || 16129 data.type !== 'isResult' || 16130 !quizContent || 16131 !activeInstanceId || 16132 data.instanceId !== activeInstanceId 16133 ) { 16134 return; 16135 } 16136 16137 window.revenueHuntQuizPopup.resize(popupInstanceId); 16138 }); 16139 } 16140 }); 16141</script>
16141 16142<!-- END app snippet --> 16143 16144 16145 16146</div><div id="shopify-block-Ad01KZlB2V2REbkp3Q__8170924994765517213" class="shopify-block shopify-app-block">
16146<script id="tcustomizer-config"> 16147 const configuredTC = window._TC || {}; 16148 16149 _TC = { 16150 shopCurrency: "USD", 16151 product: null, 16152 unitProduct: null, 16153 config: null, 16154 subscription: null, 16155 syncedProductIds: null, 16156 shopifyPlan: null, 16157 storeFrontAccessToken: null, 16158 countryCode: null, 16159 languageCode: null, 16160 ...configuredTC, 16161 }; 16162 16163 16164 _TC.moneyFormat = "${{amount}}", 16165 16166 16167 16168 _TC.subscription = {"id":12,"name":"Grandfather","abilities":{"additional_charge":true,"synced_products_limit":20}}; 16169 16170 16171 16172 16173 16174 _TC.config = {"updated_at":1704592910,"hide_watermark":true,"combine_add_on_item":false,"showed_announce_grandfather_plan":true}; 16175 16176 16177 16178 16179 16180 16181 16182 16183 _TC.storeFrontAccessToken = '812b5a3bf5a59246deb704c59f3e851d' 16184 16185 16186 16187 16188 16189 _TC.countryCode = 'US' 16190 16191 16192 16193 _TC.languageCode = 'en' 16194 16195 16196 16197</script>
16197 16198 16199 16200 16201 16202 <!-- BEGIN app snippet: app-v2 -->
16202<script> 16203 16204 16205 16206 16207 _TC.products = _TC.products || []; 16208 16209 16210 16211 16212 16213 16214 16215 16216 16217 _TC.productByIds = _TC.productByIds || {}; 16218 _TC.optionSets = _TC.optionSets || {}; 16219 _TC.addonVariants = _TC.addonVariants || []; 16220 _TC.customizationData = _TC.customizationData || []; 16221 16222 16223 16224 16225 16226 16227</script>
16227 16228<!-- END app snippet --> 16229 16230 16231 16232 16233
16233<script> 16234 _TC = window._TC || {}; 16235 _TC.assetUrl = "https://cdn.shopify.com/extensions/01a0a834-6d98-7018-924e-9d54abf1d2ee/tepo-product-options-298/assets/tcustomizer-plugin-name.js"; 16236 16237 _TC.scriptUrl = "https://cdn.shopify.com/extensions/01a0a834-6d98-7018-924e-9d54abf1d2ee/tepo-product-options-298/assets/tcustomizer-v2.js"; 16238 16239 16240 </script>
16240 16241 16242 16243
16243<script src="https://cdn.shopify.com/extensions/01a0a834-6d98-7018-924e-9d54abf1d2ee/tepo-product-options-298/assets/tcustomizer-v2.js" defer="defer"></script>
16243 16244 16245 16246 16247 16248 16249 16250 16251 16252 16253 16254 16255</div>
16255<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
16255 16256</body> 16257</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.