/* ============================================================
   ESP homepage block restyle — Short Shot house style
   Targets two block families whose cards share the same
   .zox-art-* / .zox-s-* / .zox-byline-* internals:
     1. featured sport blocks      .zox-feat-sport3-grid
     2. "X NEWS" flex-list widgets .zox_flex_list1_widget
   Scoped to those wrappers so the nav mega-menu and other
   .zox-art-* usages are left alone.
   ============================================================ */

.zox-feat-sport3-grid,
.zox_flex_list1_widget{--esp-red:#c21f25;}

/* --- card: subtle hover lift -------------------------------- */
.zox-feat-sport3-grid .zox-art-wrap,
.zox_flex_list1_widget .zox-art-grid{transition:transform .14s ease;}
.zox-feat-sport3-grid .zox-art-wrap:hover,
.zox_flex_list1_widget .zox-art-grid:hover{transform:translateY(-4px);}

/* --- image: rounded corners + zoom on hover ----------------- */
.zox-feat-sport3-grid .zox-art-img,
.zox_flex_list1_widget .zox-art-img{border-radius:12px;overflow:hidden;}
.zox-feat-sport3-grid .zox-art-img img,
.zox_flex_list1_widget .zox-art-img img{width:100%;display:block;transition:transform .45s ease;}
.zox-feat-sport3-grid .zox-art-wrap:hover .zox-art-img img,
.zox_flex_list1_widget .zox-art-grid:hover .zox-art-img img{transform:scale(1.05);}

/* --- taller portrait image tile: same width, ~2x the 16:9 height
   (featured block: the 3-card sub-row; news widgets: every card) --- */
.zox-feat-sport3-grid .zox-feat-sports3-sub .zox-art-img,
.zox_flex_list1_widget .zox-art-img{aspect-ratio:8 / 9;}
.zox-feat-sport3-grid .zox-feat-sports3-sub .zox-art-img img,
.zox_flex_list1_widget .zox-art-img img{height:100%;object-fit:cover;object-position:center top;}

/* --- category: plain text -> red pill chip ------------------ */
.zox-feat-sport3-grid h3.zox-s-cat,
.zox_flex_list1_widget h3.zox-s-cat{margin:15px 0 9px;line-height:1;}
.zox-feat-sport3-grid h3.zox-s-cat > .zox-s-cat,
.zox-feat-sport3-grid span.zox-s-cat,
.zox_flex_list1_widget h3.zox-s-cat > .zox-s-cat,
.zox_flex_list1_widget span.zox-s-cat{
	display:inline-block;
	padding:4px 10px;
	border-radius:6px;
	background:var(--esp-red) !important;
	color:#fff !important;
	font-size:11px;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}

/* --- title: bold, tight, hover to red ----------------------- */
.zox-feat-sport3-grid .zox-s-title, .zox-feat-sport3-grid .zox-s-title2,
.zox_flex_list1_widget .zox-s-title, .zox_flex_list1_widget .zox-s-title2{
	font-weight:800 !important;
	line-height:1.22 !important;
	letter-spacing:-.01em;
	transition:color .15s ease;
}
.zox-feat-sport3-grid .zox-art-title a:hover .zox-s-title,
.zox-feat-sport3-grid .zox-art-title a:hover .zox-s-title2,
.zox_flex_list1_widget .zox-art-title a:hover .zox-s-title,
.zox_flex_list1_widget .zox-art-title a:hover .zox-s-title2{color:var(--esp-red) !important;}

/* --- excerpt: muted ----------------------------------------- */
.zox-feat-sport3-grid .zox-s-graph,
.zox_flex_list1_widget .zox-s-graph{color:#9aa0a8;line-height:1.5;}

/* --- byline: muted + consistent ----------------------------- */
.zox-feat-sport3-grid .zox-byline-wrap,
.zox_flex_list1_widget .zox-byline-wrap{font-size:12px;}
.zox-feat-sport3-grid .zox-byline-name a,
.zox_flex_list1_widget .zox-byline-name a{color:#c7ccd2;font-weight:700;transition:color .15s ease;}
.zox-feat-sport3-grid .zox-byline-name a:hover,
.zox_flex_list1_widget .zox-byline-name a:hover{color:var(--esp-red);}
.zox-feat-sport3-grid .zox-byline-date,
.zox_flex_list1_widget .zox-byline-date{color:#7f868f;}

/* ============================================================
   Main blog list (.zox-main-blog) — the "More Posts" list.
   Same card language, but the image tile size is left untouched
   (no aspect-ratio change), per the horizontal list layout.
   ============================================================ */
.zox-main-blog{--esp-red:#c21f25;}

/* thumbnail: rounded + hover zoom (size unchanged) */
.zox-main-blog .zox-art-img{border-radius:10px;overflow:hidden;}
.zox-main-blog .zox-art-img img{transition:transform .45s ease;}
.zox-main-blog .zox-art-grid:hover .zox-art-img img{transform:scale(1.05);}

/* category -> red pill chip */
.zox-main-blog h3.zox-s-cat{margin:0 0 8px;line-height:1;}
.zox-main-blog h3.zox-s-cat > .zox-s-cat,
.zox-main-blog span.zox-s-cat{
	display:inline-block;padding:4px 10px;border-radius:6px;
	background:var(--esp-red) !important;color:#fff !important;
	font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
}

/* title: bold, tight, hover red */
.zox-main-blog .zox-s-title2{
	font-weight:800 !important;line-height:1.22 !important;letter-spacing:-.01em;transition:color .15s ease;
}
.zox-main-blog .zox-art-title a:hover .zox-s-title2{color:var(--esp-red) !important;}

/* excerpt + byline: muted */
.zox-main-blog .zox-s-graph{color:#9aa0a8;line-height:1.5;}
.zox-main-blog .zox-byline-wrap{font-size:12px;}
.zox-main-blog .zox-byline-name a{color:#c7ccd2;font-weight:700;transition:color .15s ease;}
.zox-main-blog .zox-byline-name a:hover{color:var(--esp-red);}
.zox-main-blog .zox-byline-date{color:#7f868f;}

/* "More Posts" button -> on-brand */
.zox-inf-more-but{
	background:#1b1c1f !important;
	border:1px solid rgba(255,255,255,.12) !important;
	color:#fff !important;
	font-weight:800;letter-spacing:.12em;text-transform:uppercase;
	border-radius:12px;
	transition:background .15s ease,border-color .15s ease;
}
.zox-inf-more-but:hover{background:#c21f25 !important;border-color:#c21f25 !important;}

/* ============================================================
   Sidebar tabbed widget (.zox-widget-tab-wrap) — Latest/Trending/Videos
   Clean text list: red active-tab underline + bold titles + dividers.
   ============================================================ */
.zox-widget-tab-wrap{--esp-red:#c21f25;}

/* tab head: muted -> white, active gets a red underline */
.zox-widget-tab-wrap .zox-widget-tab-head{border-bottom:1px solid rgba(255,255,255,.10);}
.zox-widget-tab-wrap .zox-widget-tab-head > li > a,
.zox-widget-tab-wrap .zox-widget-tab-head > li a span{
	font-weight:800;letter-spacing:.07em;text-transform:uppercase;
	color:#8a9099 !important;transition:color .15s ease;
}
.zox-widget-tab-wrap .zox-widget-tab-head > li:hover a,
.zox-widget-tab-wrap .zox-widget-tab-head > li:hover a span{color:#e7e9ec !important;}
.zox-widget-tab-wrap .zox-widget-tab-head > li.zox-widget-tab-act{box-shadow:inset 0 -2px 0 var(--esp-red);}
.zox-widget-tab-wrap .zox-widget-tab-head > li.zox-widget-tab-act a,
.zox-widget-tab-wrap .zox-widget-tab-head > li.zox-widget-tab-act span{color:#fff !important;}

/* list items: bold titles, hairline dividers, hover to red */
.zox-widget-tab-wrap .zox-art-wrap.zox-tab-noimg{border-bottom:1px solid rgba(255,255,255,.07);}
.zox-widget-tab-wrap .zox-art-wrap.zox-tab-noimg:last-child{border-bottom:0;}
.zox-widget-tab-wrap .zox-s-title3{
	font-weight:700 !important;line-height:1.3 !important;color:#efefef;transition:color .15s ease;
}
.zox-widget-tab-wrap .zox-art-title a:hover .zox-s-title3{color:var(--esp-red) !important;}