/*
Theme Name: KenyaSpill
Theme URI: https://kenyaspill.com
Author: KenyaSpill Editorial
Description: A fast, responsive Kenyan entertainment and news magazine theme with four-column story grids, video section, infinite loading, social sharing, and starter content.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: kenyaspill
License: GPL-2.0-or-later
*/
:root{--red:#ed1029;--black:#111;--muted:#666;--line:#e8e8e8}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#141414;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto}.wrap{max-width:1250px;margin:auto;padding:0 26px}.site-head{background:white}.head-inner{display:flex;align-items:center;gap:18px;min-height:69px}.brand{font-weight:950;font-size:40px;letter-spacing:-2px;white-space:nowrap;line-height:1}.brand strong{color:var(--red)}.tagline{font-size:13px;white-space:nowrap}.head-spacer{flex:1}.search-form{display:flex;max-width:300px;width:100%}.search-form input{min-width:0;width:100%;border:1px solid #ddd;padding:12px;border-radius:5px 0 0 5px}.search-form button,.button-red{border:0;background:var(--red);color:white;padding:11px 15px;cursor:pointer;font-weight:700}.social-row{display:flex;gap:6px;align-items:center}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#222;color:#fff;font-size:15px;font-weight:bold}.social-icon:hover{color:white;opacity:.8}.social-facebook{background:#1778f2}.social-instagram{background:#db167d}.social-youtube{background:red}.social-whatsapp{background:#16ba4e}.social-tiktok{background:#111}.social-x{background:#111}.main-nav{background:#111;color:#fff}.nav-inner{display:flex;align-items:center;flex-wrap:wrap}.nav-inner a{font-size:12px;font-weight:800;padding:17px 18px;display:inline-block}.nav-inner a:hover,.nav-inner .current-menu-item a{background:var(--red);color:white}.home-nav{background:var(--red)}.ticker{background:#e90820;color:#fff;font-size:13px}.ticker-inner{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px;white-space:nowrap;overflow:hidden}.ticker-label{background:#ffe800;color:#111;font-weight:900;padding:5px 8px}.ticker-text{overflow:hidden;text-overflow:ellipsis}.hero{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:190px 190px;gap:3px;background:#111}.hero-card{position:relative;overflow:hidden;color:white}.hero-card:first-child{grid-row:span 2}.hero-card img{width:100%;height:100%;object-fit:cover;display:block}.hero-shade{position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.87));pointer-events:none}.hero-content{position:absolute;bottom:22px;left:25px;right:20px}.hero-content h2{font-size:26px;line-height:1.08;margin:7px 0 0;max-width:650px}.hero-card:first-child h2{font-size:42px}.label{background:var(--red);color:white;font-weight:800;font-size:11px;padding:4px 6px;display:inline-block}.section{padding-top:24px;padding-bottom:18px}.section-title{font-size:24px;font-weight:950;margin:0 0 15px;border-left:5px solid var(--red);padding-left:10px;letter-spacing:-.6px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 12px}.story-card{min-width:0}.story-thumb{position:relative;display:block;aspect-ratio:1.77;background:#eee;overflow:hidden}.story-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.story-card:hover img{transform:scale(1.025)}.story-thumb .label{position:absolute;bottom:0;left:0}.story-card h3{font-size:17px;line-height:1.15;letter-spacing:-.3px;margin:6px 0 0;font-weight:850}.dark-section{background:#151515;color:#fff;padding:23px 0}.dark-section .section-title{margin-bottom:14px}.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#0007;font-size:20px}.video-card h3{font-size:16px}.load-area{text-align:center;padding:22px}.load-more{border:1px solid #ccc;background:#fff;padding:12px 25px;cursor:pointer;border-radius:4px}.site-footer{background:#111;color:#eee;margin-top:20px;padding:30px 0 15px}.footer-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}.footer-brand{font-size:31px}.footer-columns h3{margin:0 0 12px;font-size:15px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px}.footer-links a{color:#ddd}.footer-columns p{font-size:13px}.footer-bottom{border-top:1px solid #444;margin-top:26px;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#ccc}.newsletter{display:flex}.newsletter input{min-width:0;width:100%;padding:10px;border:0}.newsletter button{border:0;background:var(--red);color:#fff;padding:10px}.article-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:36px;padding-top:20px}.breadcrumb{font-size:12px;color:#555;margin-bottom:14px}.article-title{font-size:43px;letter-spacing:-1.4px;line-height:1.06;margin:8px 0 12px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#555;font-size:12px;margin-bottom:18px}.share-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.share-buttons a,.share-buttons button{border:0;background:#222;color:white;font-size:12px;padding:10px 12px;border-radius:3px;cursor:pointer}.share-buttons .fb{background:#1778f2}.share-buttons .wa{background:#0dbb58}.share-buttons .tg{background:#139bd3}.share-buttons .li{background:#1765ad}.share-buttons .copy{background:#f4f4f4;color:#111;border:1px solid #ddd}.article-cover{width:100%;max-height:480px;object-fit:cover}.caption{font-size:11px;color:#666;margin:5px 0 14px}.article-body{font-size:18px;line-height:1.65}.article-body p{margin:0 0 18px}.article-body h2{font-size:27px;line-height:1.2}.sidebar-box{border:1px solid #eee;box-shadow:0 2px 12px #00000008;padding:15px;margin-bottom:18px}.sidebar-box h3{border-left:4px solid var(--red);padding-left:8px;margin:0 0 15px}.sidebar-story{display:flex;gap:10px;border-bottom:1px solid #eee;padding:8px 0;font-size:13px;font-weight:700}.sidebar-story img{width:75px;height:60px;object-fit:cover}.sidebar-social{display:grid;gap:8px}.sidebar-social a{display:flex;align-items:center;gap:10px;font-size:13px}.related{margin-top:25px}.page-content{max-width:850px;min-height:400px;padding-top:25px;padding-bottom:30px;font-size:17px;line-height:1.7}.page-content h1{font-size:39px;line-height:1.1}.page-content h2{font-size:23px;margin-top:25px}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin:5px 0 12px;border:1px solid #ddd}.contact-form textarea{min-height:130px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}.pagination{text-align:center;padding:20px}.pagination a{padding:8px}.empty-note{padding:30px}.cookie-banner{position:fixed;bottom:12px;left:12px;right:12px;max-width:600px;background:#222;color:#fff;padding:16px;z-index:1000;box-shadow:0 3px 20px #0005;font-size:13px}.cookie-banner button{background:var(--red);color:#fff;border:0;padding:8px 14px;margin-left:12px;cursor:pointer}@media(max-width:950px){.tagline{display:none}.social-row{gap:3px}.social-icon{width:28px;height:28px}.nav-inner a{padding:13px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-columns{grid-template-columns:1fr 1fr}.article-title{font-size:36px}}@media(max-width:650px){.wrap{padding-left:14px;padding-right:14px}.head-inner{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.brand{font-size:33px}.head-spacer{display:none}.search-form{order:3;max-width:none}.head-inner>.social-row{margin-left:auto}.nav-inner{overflow-x:auto;flex-wrap:nowrap}.nav-inner a{white-space:nowrap;padding:12px}.hero{grid-template-columns:1fr;grid-template-rows:300px 160px 160px}.hero-card:first-child{grid-row:span 1}.hero-card:first-child h2{font-size:31px}.hero-content h2{font-size:21px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.story-card h3{font-size:14px}.section-title{font-size:21px}.article-layout{grid-template-columns:1fr}.article-title{font-size:32px}.article-body{font-size:17px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.footer-bottom{display:block}.footer-brand{font-size:25px}}@media(max-width:390px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-columns{grid-template-columns:1fr}.head-inner>.social-row .social-icon:nth-child(n+4){display:none}}