/*
Theme Name: AllBlackMedia
Theme URI: https://www.allblackmedia.com/
Author: AllBlackMedia
Description: Fast editorial WordPress theme for AllBlackMedia, built for news, entertainment, culture and Discover-oriented publishing.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: allblackmedia
*/

:root{--abm-max:1280px;--abm-gap:24px;--abm-text:#111;--abm-muted:#6b6b6b;--abm-border:#e7e7e7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--abm-text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(100% - 32px,var(--abm-max));margin-inline:auto}
.abm-ad{min-height:90px;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.abm-top{border-bottom:1px solid var(--abm-border)}
.abm-brand{font-weight:900;font-size:32px;letter-spacing:-1.5px;text-align:center;padding:22px 0}
.abm-nav{border-top:1px solid var(--abm-border);border-bottom:1px solid var(--abm-border)}
.abm-nav-inner{display:flex;align-items:center;gap:22px;overflow:auto;white-space:nowrap;padding:12px 0;font-weight:700;font-size:14px}
.abm-nav-inner::-webkit-scrollbar{display:none}
.abm-mobilebar{display:none}
.abm-trending{border-bottom:1px solid var(--abm-border);font-size:13px}
.abm-trending .container{display:flex;gap:16px;overflow:auto;white-space:nowrap;padding:10px 0}
.abm-trending strong{text-transform:uppercase}
.abm-hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:28px 0}
.abm-hero-main{position:relative;min-height:520px;background:#111;overflow:hidden}
.abm-hero-main img{width:100%;height:100%;object-fit:cover}
.abm-hero-main .overlay{position:absolute;inset:auto 0 0;padding:80px 30px 28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.abm-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.abm-hero-main h1{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:8px 0}
.abm-hero-side{display:grid;gap:20px}
.abm-side-card{display:grid;grid-template-columns:150px 1fr;gap:14px;border-bottom:1px solid var(--abm-border);padding-bottom:20px}
.abm-side-card img{width:150px;height:105px;object-fit:cover}
.abm-side-card h2{font-size:20px;line-height:1.15;margin:5px 0}
.abm-section{margin:46px 0}
.abm-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid #111;margin-bottom:18px}
.abm-section-head h2{font-size:25px;margin:0 0 8px}
.abm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.abm-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.abm-card h3{font-size:19px;line-height:1.2;margin:8px 0 4px}
.abm-meta{font-size:12px;color:var(--abm-muted)}
.abm-latest{display:grid;grid-template-columns:1fr 320px;gap:40px}
.abm-list{display:grid;gap:20px}
.abm-list-card{display:grid;grid-template-columns:250px 1fr;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--abm-border)}
.abm-list-card img{width:250px;height:160px;object-fit:cover}
.abm-list-card h3{font-size:24px;line-height:1.15;margin:5px 0}
.abm-sidebar{display:grid;align-content:start;gap:28px}
.abm-box{border-top:3px solid #111;padding-top:10px}
.abm-box h3{margin:0 0 12px;text-transform:uppercase;font-size:15px}
.abm-popular{counter-reset:pop;list-style:none;padding:0;margin:0}
.abm-popular li{counter-increment:pop;padding:12px 0;border-bottom:1px solid var(--abm-border);font-weight:700}
.abm-popular li:before{content:counter(pop,decimal-leading-zero);font-size:24px;margin-right:10px;color:#999}
.abm-footer{margin-top:60px;background:#111;color:#fff;padding:45px 0}
.abm-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.abm-footer a{color:#ddd}
.abm-article{max-width:900px;margin:45px auto}
.abm-breadcrumb{font-size:12px;color:var(--abm-muted);margin-bottom:14px}
.abm-article h1{font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 18px}
.abm-dek{font-size:21px;color:#555;margin:0 0 20px}
.abm-byline{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#555;margin-bottom:24px}
.abm-article .hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;margin:25px 0}
.abm-content{font-size:19px;line-height:1.75}
.abm-content h2{font-size:31px;line-height:1.15;margin-top:38px}
.abm-content h3{font-size:25px}
.abm-content blockquote{border-left:4px solid #111;margin:28px 0;padding:5px 20px;font-size:23px}
.abm-author{display:flex;gap:18px;border-top:1px solid var(--abm-border);border-bottom:1px solid var(--abm-border);padding:22px 0;margin:40px 0}
.abm-author img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.abm-loadmore{display:block;margin:25px auto;padding:12px 22px;border:1px solid #111;background:#111;color:#fff;cursor:pointer}
@media(max-width:900px){
 .container{width:min(100% - 22px,var(--abm-max))}
 .abm-brand{font-size:27px;padding:15px 0}
 .abm-nav{display:none}.abm-mobilebar{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid var(--abm-border);border-bottom:1px solid var(--abm-border)}
 .abm-hero{grid-template-columns:1fr}.abm-hero-main{min-height:400px}.abm-grid{grid-template-columns:repeat(2,1fr)}
 .abm-latest{grid-template-columns:1fr}.abm-sidebar{grid-template-columns:1fr}
}
@media(max-width:600px){
 .abm-hero-main{min-height:380px}.abm-hero-main .overlay{padding:70px 18px 18px}
 .abm-side-card{grid-template-columns:115px 1fr}.abm-side-card img{width:115px;height:82px}.abm-side-card h2{font-size:17px}
 .abm-grid{grid-template-columns:1fr 1fr;gap:14px}.abm-card h3{font-size:17px}
 .abm-list-card{grid-template-columns:120px 1fr;gap:12px}.abm-list-card img{width:120px;height:82px}.abm-list-card h3{font-size:18px}
 .abm-article{margin:28px auto}.abm-article h1{font-size:39px}.abm-content{font-size:18px}
 .abm-footer-grid{grid-template-columns:1fr}
}

.abm-section-head a{font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:9px}
.abm-search{display:flex;gap:8px;margin:20px 0}
.abm-search input{flex:1;padding:12px;border:1px solid #ccc}
.abm-search button{padding:12px 18px;background:#111;color:#fff;border:0}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:600px){
 body{font-size:16px;overflow-x:hidden}
 .abm-ad{min-height:70px;font-size:10px}
 .abm-brand{font-size:28px;line-height:1.1}
 .abm-mobilebar{font-size:16px}
 .abm-mobilebar span{font-size:24px;line-height:1}
 .abm-trending .container{font-size:13px;padding:9px 0}
 .abm-section{margin:34px 0}
 .abm-section-head h2{font-size:24px}
 .abm-section-head{gap:10px}
 .abm-hero{margin:18px 0}
 .abm-hero-main{min-height:360px}
 .abm-hero-main h1{font-size:32px}
 .abm-hero-main .overlay{padding:90px 16px 18px}
 .abm-grid{grid-template-columns:1fr 1fr;gap:16px}
 .abm-card h3{font-size:17px;line-height:1.18}
 .abm-card .abm-kicker{font-size:10px}
 .abm-list-card h3{font-size:18px}
 .abm-footer{padding:35px 0}
 .abm-footer-grid{gap:24px}
}