.elementor-465 .elementor-element.elementor-element-ffee501{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-465 .elementor-element.elementor-element-716bf8e{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-465 .elementor-element.elementor-element-716bf8e{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-465 .elementor-element.elementor-element-716bf8e{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-716bf8e *//* =========================
ASM SPORTS TECH BLOG SYSTEM
MASTER CSS
========================= */

.asm-blog-article{
--asm-bg:#050505;
--asm-bg-soft:#0a0a0a;
--asm-panel:#0d0d0d;
--asm-panel-2:#121212;
--asm-line:rgba(255,255,255,.08);
--asm-line-soft:rgba(255,255,255,.05);
--asm-text:#f5f5f5;
--asm-text-soft:rgba(255,255,255,.78);
--asm-text-dim:rgba(255,255,255,.58);
--asm-red:#b30000;
--asm-red-bright:#e10600;
--asm-wrap:1240px;
--asm-narrow:920px;
--asm-shadow:0 22px 60px rgba(0,0,0,.30);
--asm-font:"Plus Jakarta Sans", sans-serif;
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 12% 0%, rgba(225,6,0,.08) 0%, rgba(225,6,0,0) 22%),
radial-gradient(circle at 88% 18%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 20%),
linear-gradient(180deg,#040404 0%, #070707 100%);
color:var(--asm-text);
font-family:var(--asm-font);
}

.asm-blog-article *{
box-sizing:border-box;
}

.asm-blog-wrap{
width:min(calc(100% - 40px), var(--asm-wrap));
margin:0 auto;
}

.asm-blog-hero{
position:relative;
padding:145px 0 46px;
border-bottom:1px solid var(--asm-line-soft);
}

.asm-blog-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.42) 100%);
pointer-events:none;
}

.asm-blog-breadcrumbs{
position:relative;
z-index:2;
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
margin-bottom:18px;
color:var(--asm-text-dim);
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
}

.asm-blog-breadcrumbs a{
color:var(--asm-text-dim);
text-decoration:none;
transition:color .25s ease;
}

.asm-blog-breadcrumbs a:hover{
color:#fff;
}

.asm-blog-label{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 14px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.025);
color:rgba(255,255,255,.84);
font-size:11px;
letter-spacing:.24em;
text-transform:uppercase;
margin-bottom:18px;
}

.asm-blog-label::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:linear-gradient(180deg,var(--asm-red-bright),var(--asm-red));
box-shadow:0 0 16px rgba(225,6,0,.65);
}

.asm-blog-hero h1,
.asm-blog-hero h2{
position:relative;
z-index:2;
margin:0;
max-width:900px;
font-size:clamp(34px, 6.2vw, 64px);
line-height:1.05;
letter-spacing:.04em;
font-weight:500;
color:rgba(255,255,255,.92) !important;
text-shadow:0 0 18px rgba(255,255,255,.08);
-webkit-font-smoothing:antialiased;
text-transform:uppercase;
}

.asm-blog-subtitle{
position:relative;
z-index:2;
margin:20px 0 0;
max-width:860px;
font-size:18px;
line-height:1.8;
color:rgba(255,255,255,.76);
}

.asm-blog-meta{
position:relative;
z-index:2;
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}

.asm-blog-meta span{
display:inline-flex;
align-items:center;
padding:10px 14px;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.025);
font-size:12px;
color:rgba(255,255,255,.72);
letter-spacing:.12em;
text-transform:uppercase;
}

.asm-blog-feature{
padding:34px 0 26px;
}

.asm-blog-feature__card{
position:relative;
border:1px solid var(--asm-line);
overflow:hidden;
background:linear-gradient(180deg,#0e0e0e 0%, #090909 100%);
box-shadow:var(--asm-shadow);
}

.asm-blog-feature__card::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 22%),
linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 100%);
pointer-events:none;
}

.asm-blog-feature img{
display:block;
width:100%;
height:auto;
object-fit:cover;
}

.asm-blog-feature__caption{
padding:14px 18px 18px;
color:var(--asm-text-dim);
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
}

.asm-blog-main{
padding:28px 0 110px;
}

.asm-blog-layout{
display:grid;
grid-template-columns:minmax(0, 1fr) 320px;
gap:34px;
align-items:start;
}

.asm-blog-content{
min-width:0;
}

.asm-blog-sidebar{
position:sticky;
top:110px;
display:flex;
flex-direction:column;
gap:18px;
}

.asm-side-card{
border:1px solid rgba(255,255,255,.10);
padding:20px 20px 18px;
background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.008) 100%);
box-shadow:0 10px 30px rgba(0,0,0,.14);
}

.asm-side-card h3{
margin:0 0 14px;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
color:rgba(255,255,255,.94);
}

.asm-side-card ul{
list-style:none;
margin:0;
padding:0;
}

.asm-side-card li{
margin:0;
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.07);
color:rgba(255,255,255,.78);
font-size:14px;
line-height:1.7;
}

.asm-side-card li:last-child{
border-bottom:0;
padding-bottom:0;
}

.asm-side-card a{
color:var(--asm-text-soft);
text-decoration:none;
}

.asm-side-card a:hover{
color:#fff;
}

.asm-side-cta{
display:flex;
flex-direction:column;
gap:12px;
}

.asm-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:54px;
padding:0 22px;
text-decoration:none;
font-size:11px;
font-weight:700;
letter-spacing:.20em;
text-transform:uppercase;
transition:transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
}

.asm-btn:hover{
transform:translateY(-2px);
}

.asm-btn--primary{
color:#fff;
border:1px solid rgba(225,6,0,.42);
background:linear-gradient(180deg, rgba(225,6,0,.26) 0%, rgba(179,0,0,.18) 100%);
box-shadow:0 10px 28px rgba(179,0,0,.18);
}

.asm-btn--secondary{
color:#fff;
border:1px solid var(--asm-line);
background:rgba(255,255,255,.02);
}

.asm-prose{
color:var(--asm-text-soft);
font-size:17px;
line-height:1.92;
}

.asm-prose > *:first-child{
margin-top:0;
}

.asm-prose p{
margin:0 0 22px;
}

.asm-prose strong{
color:#fff;
font-weight:700;
}

.asm-prose h2{
margin:54px 0 18px;
font-size:clamp(26px, 4vw, 40px);
line-height:1.12;
letter-spacing:.08em;
text-transform:uppercase;
color:#fff;
}

.asm-prose h3{
margin:34px 0 14px;
font-size:20px;
line-height:1.3;
letter-spacing:.06em;
text-transform:uppercase;
color:#fff;
}

.asm-prose a{
color:#fff;
text-decoration:none;
border-bottom:1px solid rgba(255,255,255,.18);
transition:border-color .25s ease, color .25s ease;
}

.asm-prose a:hover{
border-color:rgba(225,6,0,.55);
}

.asm-intro-box,
.asm-note-box,
.asm-tools-box,
.asm-faq-box,
.asm-products,
.asm-related,
.asm-final-cta{
margin-top:46px;
}

.asm-intro-box,
.asm-note-box,
.asm-tools-box,
.asm-faq-item,
.asm-product-card,
.asm-related-card,
.asm-final-cta__inner{
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.008) 100%);
box-shadow:0 10px 30px rgba(0,0,0,.14);
}

.asm-intro-box,
.asm-note-box,
.asm-tools-box{
padding:24px;
}

.asm-intro-box h2,
.asm-note-box h2,
.asm-tools-box h2{
margin-top:0;
}

.asm-keypoints{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin-top:16px;
}

.asm-keypoint{
background:rgba(255,255,255,.015);
border:1px solid rgba(255,255,255,.08);
padding:18px 18px;
font-size:14px;
line-height:1.75;
color:var(--asm-text-soft);
}

.asm-tools-list,
.asm-step-list{
margin:18px 0 0;
padding:0;
list-style:none;
}

.asm-tools-list li,
.asm-step-list li{
position:relative;
padding:0 0 0 28px;
margin:0 0 14px;
}

.asm-tools-list li::before,
.asm-step-list li::before{
content:"";
position:absolute;
top:11px;
left:0;
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(180deg,var(--asm-red-bright),var(--asm-red));
box-shadow:0 0 16px rgba(225,6,0,.5);
}

.asm-step{
padding:26px 24px;
margin-top:20px;
position:relative;
overflow:hidden;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.008) 100%);
box-shadow:0 10px 30px rgba(0,0,0,.14);
}

.asm-step::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(90deg, rgba(225,6,0,.35) 0%, rgba(225,6,0,0) 34%);
pointer-events:none;
}

.asm-step span{
color:rgba(255,255,255,.62);
margin-bottom:14px;
display:block;
font-size:11px;
letter-spacing:.20em;
text-transform:uppercase;
}

.asm-step h3{
margin-top:0;
margin-bottom:12px;
font-size:19px;
line-height:1.35;
text-transform:none;
letter-spacing:0;
}

.asm-quote{
margin:42px 0;
padding:34px 28px;
background:linear-gradient(90deg, rgba(179,0,0,.14) 0%, rgba(179,0,0,.03) 36%, rgba(179,0,0,0) 100%);
border-left:2px solid #b30000;
}

.asm-quote p{
margin:0;
font-size:20px;
line-height:1.65;
max-width:920px;
color:#fff;
letter-spacing:.04em;
text-transform:uppercase;
}

.asm-products-grid,
.asm-related-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
margin-top:18px;
}

.asm-product-card,
.asm-related-card,
.asm-faq-item{
padding:32px 30px 28px;
display:flex;
flex-direction:column;
transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}

.asm-product-card:hover,
.asm-related-card:hover,
.asm-faq-item:hover{
transform:translateY(-4px);
border-color:rgba(225,6,0,.26);
background:linear-gradient(180deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.012) 100%);
box-shadow:0 18px 38px rgba(0,0,0,.20);
}

.asm-product-card h3,
.asm-related-card h3,
.asm-faq-item h3{
margin:0 0 14px;
line-height:1.3;
color:#fff;
}

.asm-product-card p,
.asm-related-card p,
.asm-faq-item p{
margin:0;
line-height:1.75;
color:var(--asm-text-soft);
}

.asm-product-card a,
.asm-related-card a{
position:relative;
margin-top:auto;
padding-bottom:4px;
display:inline-flex;
align-items:center;
gap:8px;
color:#fff;
text-decoration:none;
font-size:12px;
letter-spacing:.18em;
text-transform:uppercase;
border-bottom:none;
}

.asm-product-card a::after,
.asm-related-card a::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:0;
height:1px;
background:#b30000;
transition:width .28s ease;
}

.asm-product-card:hover a::after,
.asm-related-card:hover a::after{
width:100%;
}

.asm-faq-wrap{
display:grid;
gap:14px;
margin-top:18px;
}

.asm-final-cta__inner{
position:relative;
overflow:hidden;
padding:42px 36px;
min-height:240px;
display:flex;
flex-direction:column;
justify-content:center;
}

.asm-final-cta__inner::before{
content:"";
position:absolute;
inset:auto -10% 0 auto;
width:320px;
height:320px;
background:radial-gradient(circle, rgba(225,6,0,.18) 0%, rgba(225,6,0,0) 70%);
pointer-events:none;
}

.asm-final-cta__inner h2{
margin:0 0 16px;
max-width:760px;
}

.asm-final-cta__inner p{
max-width:760px;
color:rgba(255,255,255,.76);
}

.asm-final-cta__actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:18px;
}

@media (max-width: 1080px){
.asm-blog-layout{
grid-template-columns:minmax(0,1fr);
}

.asm-blog-sidebar{
position:static;
margin-top:8px;
}

.asm-products-grid,
.asm-related-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 767px){
.asm-blog-wrap{
width:min(calc(100% - 24px), 1240px);
}

.asm-blog-hero{
padding-top:120px;
padding-bottom:34px;
}

.asm-blog-hero h1,
.asm-blog-hero h2{
font-size:clamp(28px, 7.5vw, 42px);
line-height:1.08;
letter-spacing:.03em;
}

.asm-blog-subtitle{
font-size:16px;
line-height:1.8;
}

.asm-keypoints{
grid-template-columns:1fr;
}

.asm-prose{
font-size:16px;
line-height:1.85;
}

.asm-intro-box,
.asm-note-box,
.asm-tools-box,
.asm-step,
.asm-final-cta__inner{
padding:22px 18px;
}

.asm-quote{
padding:24px 18px;
}

.asm-quote p{
font-size:17px;
}

.asm-btn{
width:100%;
}
}

/* =========================
ASM BLOG FULL-WIDTH OVERRIDE
REMOVE THE SIDE BLACK GAPS
========================= */

body.single-post .container,
body.single-post .row,
body.single-post .site-content,
body.single-post .content-layout-wrapper,
body.single-post .wd-content-layout,
body.single-post .main-page-wrapper,
body.single-post article.post,
body.single-post .article-inner,
body.single-post .article-body-container,
body.single-post .entry-content,
body.single-post .wd-entry-content,
body.single-post .elementor,
body.single-post .elementor-section,
body.single-post .elementor-container,
body.single-post .elementor-widget-wrap,
body.single-post .elementor-widget-html,
body.single-post .elementor-widget-html .elementor-widget-container,
body.single-post .e-con,
body.single-post .e-con-inner{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}

/* Kill the boxed Elementor parent containers that still hold the page in */
body.single-post .elementor-element.elementor-element-ffee501,
body.single-post .elementor-element.elementor-element-ffee501 > .e-con-inner,
body.single-post .elementor-element.elementor-element-716bf8e,
body.single-post .elementor-element.elementor-element-716bf8e > .elementor-widget-container,
body.single-post .elementor-element.elementor-element-716bf8e > .e-con-inner{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}

/* Make the custom blog sections span edge to edge */
body.single-post .asm-blog-article,
body.single-post .asm-blog-hero,
body.single-post .asm-blog-feature,
body.single-post .asm-blog-main{
width:100% !important;
max-width:100% !important;
margin-left:0 !important;
margin-right:0 !important;
}

/* Keep only the intended inner content width */
body.single-post .asm-blog-wrap{
width:min(calc(100% - 40px), 1240px) !important;
max-width:1240px !important;
margin-left:auto !important;
margin-right:auto !important;
}

/* Stop Woodmart layout from boxing the content */
body.single-post .wd-content-layout{
display:block !important;
}

body.single-post .row.content-layout-wrapper{
display:block !important;
margin-left:0 !important;
margin-right:0 !important;
}

/* Remove leftover side spacing from the main post column */
body.single-post .site-content.col-lg-12,
body.single-post .site-content.col-12,
body.single-post .site-content.col-md-12{
flex:0 0 100% !important;
max-width:100% !important;
width:100% !important;
padding-left:0 !important;
padding-right:0 !important;
}

/* Mobile refinement */
@media (max-width: 767px){
body.single-post .asm-blog-wrap{
width:min(calc(100% - 24px), 1240px) !important;
}
}/* End custom CSS */