/*
Theme Name: 9X NEWS
Theme URI: https://example.com/
Author: 9X NEWS
Description: Responsive black, red and white digital news portal theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: 9x-news
*/
:root{--red:#d71920;--ink:#171717;--muted:#666;--line:#e7e7e7;--paper:#fff;--soft:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto;display:block}.wrap{width:min(1200px,94%);margin:auto}.topline{background:#111;color:#fff;font-size:12px;padding:7px 0}.topline .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.brandbar{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:34px;letter-spacing:-1px}.brandmark{background:var(--red);color:#fff;padding:3px 8px;border-radius:4px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#666}.searchform{display:flex;gap:6px}.searchform input{padding:10px;border:1px solid #ddd;border-radius:3px;min-width:180px}.searchform button,.btn{background:var(--red);color:#fff;border:0;padding:10px 14px;font-weight:700;cursor:pointer;border-radius:3px}.nav{background:#171717;color:#fff}.nav .wrap{display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav a{padding:13px 14px;display:block;font-size:13px;font-weight:700}.nav a:hover,.nav .current-menu-item>a{background:var(--red);color:#fff}.ticker{margin:16px auto;display:flex;align-items:stretch;border:1px solid var(--line);overflow:hidden}.ticker strong{background:var(--red);color:#fff;padding:10px 13px;white-space:nowrap;font-size:12px}.ticker div{padding:9px 12px;font-size:13px;overflow:hidden}.section-title{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--red);margin:24px 0 16px;font-size:20px;font-weight:900}.section-title span{background:var(--red);color:#fff;padding:7px 11px;font-size:14px}.leadgrid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.hero{position:relative;background:#222;min-height:350px;overflow:hidden;color:#fff}.hero img{width:100%;height:390px;object-fit:cover;opacity:.83}.hero .hero-copy{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.94))}.tag{display:inline-block;background:var(--red);color:#fff;padding:4px 7px;font-size:10px;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(25px,3.3vw,42px);line-height:1.13;margin:10px 0}.side-list{display:grid;gap:12px}.story-small{display:grid;grid-template-columns:115px 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.story-small img{width:115px;height:86px;object-fit:cover;background:#eee}.story-small h3{font-size:15px;line-height:1.3;margin:0 0 6px}.meta{font-size:11px;color:var(--muted)}.contentgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card img{width:100%;height:145px;object-fit:cover;background:#eee}.card h3{font-size:16px;line-height:1.35;margin:9px 0}.card p{font-size:13px;color:var(--muted);margin:0}.sidebar-box{border:1px solid var(--line);padding:14px;margin-bottom:18px}.sidebar-box h3{margin:0 0 12px;border-bottom:2px solid var(--red);padding-bottom:8px}.sidebar-box ul{padding-left:18px;margin:0}.sidebar-box li{margin:9px 0;font-size:14px}.post-head h1{font-size:clamp(30px,4vw,46px);line-height:1.12}.post-content{font-size:18px;line-height:1.8}.post-content img{margin:18px auto}.post-content a{color:var(--red);text-decoration:underline}.footer{background:#171717;color:#eee;margin-top:40px;padding:32px 0}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer p,.footer a{color:#ccc;font-size:13px}.footer h3{color:#fff}.copyright{border-top:1px solid #444;margin-top:20px;padding-top:16px;font-size:12px;color:#aaa}.pagination{margin:25px 0}.pagination a,.pagination span{display:inline-block;padding:8px 12px;border:1px solid var(--line);margin-right:5px}.pagination .current{background:var(--red);color:#fff}.empty{background:var(--soft);padding:20px}.mobile-toggle{display:none}
@media(max-width:760px){.brandbar{align-items:flex-start;flex-direction:column}.brand{font-size:29px}.searchform{width:100%}.searchform input{flex:1;min-width:0}.nav .wrap{gap:0}.nav a{padding:11px 10px;font-size:12px}.leadgrid,.contentgrid{grid-template-columns:1fr}.hero{min-height:270px}.hero img{height:300px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card img{height:125px}.story-small{grid-template-columns:100px 1fr}.story-small img{width:100px;height:76px}.footergrid{grid-template-columns:1fr}.ticker{margin:12px auto}.ticker div{white-space:nowrap}.post-content{font-size:16px}}
@media(max-width:420px){.cards{grid-template-columns:1fr 1fr}.card h3{font-size:14px}.hero img{height:260px}.hero{min-height:250px}.hero .hero-copy{padding:15px}.topline .wrap{font-size:11px}}
