/*
Theme Name: 252 Somalia News
Theme URI: https://252somalia.com/
Author: 252 Somalia
Author URI: https://252somalia.com/
Description: A custom navy-and-gold Somali-language news theme for independent reporting, news analysis, explainers and editorial features. Developed for the 252 Somalia news website.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: 252-somalia-news
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: news, blog, custom-logo, custom-menu, featured-images, theme-options, responsive-layout, translation-ready
*/
:root{--navy:#142842;--dark:#0c1d32;--gold:#e3aa19;--gold-dark:#b47d04;--text:#162c46;--muted:#657b91;--line:#dce4e9;--bg:#eef3f6;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box} html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block} a{color:inherit;text-decoration:none}a:hover{color:var(--gold-dark)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px} .site-container{max-width:1180px;margin-inline:auto;padding-inline:22px}.skip-link{position:absolute;left:20px;top:-100px;z-index:999;background:#fff;color:#000;padding:14px}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.top-strip{background:var(--dark);color:#bfd1e3;font-size:10px;font-weight:800;letter-spacing:.08em}.top-strip__inner{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:14px}.top-strip__right{white-space:nowrap}.top-strip a{color:#fff;margin-left:9px}.site-header{background:var(--navy);color:#fff}.masthead{min-height:87px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:15px}.brand__logo{flex:0 0 56px}.custom-logo{max-width:56px;max-height:60px;width:auto;height:auto}.logo-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 44% 17%,#3c84d0 0 9%,transparent 10%),#06213c;color:var(--gold);border:2px solid var(--gold);border-radius:50%;width:54px;height:54px;line-height:1}.logo-mark span{font-size:22px;font-weight:1000;letter-spacing:-2px}.logo-mark small{font-size:7px;font-weight:900;color:#fff;letter-spacing:.06em}.brand__name{font-size:23px;font-weight:850;line-height:1.2;color:#fff}.brand__name:hover{color:#fff}.brand__tagline{font-size:10px;color:var(--gold);letter-spacing:.14em;font-weight:850;margin-top:7px}.search-form{display:flex;align-items:center;position:relative;border:1px solid #425770;border-radius:4px;min-height:40px;overflow:hidden}.search-form svg{position:absolute;left:11px;color:#cad3df;pointer-events:none}.search-form input{width:220px;min-width:0;line-height:1;border:none;background:none;color:inherit;padding:11px 10px 11px 36px;font-size:12px;outline:none}.search-form input::placeholder{color:#a5b7c9}.search-form button{background:var(--gold);border:0;color:#071e33;font-size:12px;padding:12px 18px;align-self:stretch;font-weight:800}.search-form button:hover{background:#f2c24c}.mobile-menu-btn{display:none;background:transparent;border:1px solid #48627f;border-radius:5px;padding:10px}.mobile-menu-btn span{display:block;height:2px;width:22px;margin:4px 0;background:#fff}.main-nav{background:#fff;border-bottom:1px solid #d9e0e6;color:#172a46}.mobile-nav-search{display:none}.nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.nav-list>li>a{display:block;padding:17px 13px;font-size:12px;font-weight:760;white-space:nowrap}.nav-list>li:first-child>a{color:#b47d00}.nav-list>li>a:hover,.nav-list .current-menu-item>a,.nav-list .current-cat>a{color:var(--gold-dark)}
.site-content{padding-top:18px;padding-bottom:70px;min-height:65vh}.news-ticker{display:grid;grid-template-columns:188px minmax(0,1fr) 120px;min-height:62px;background:var(--navy);border-radius:5px;overflow:hidden;box-shadow:0 7px 19px #19293a17;color:#fff}.ticker-badge{background:var(--gold);color:#0a2239;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900}.ticker-dot{width:8px;height:8px;border-radius:50%;background:#0e3453}.ticker-track{position:relative;display:flex;align-items:center;overflow:hidden;padding:8px 16px}.ticker-item{display:none;align-items:center;gap:13px;font-size:14px;font-weight:850;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-item.is-visible{display:block}.ticker-item small{font-size:10px;font-weight:500;color:#cbdae9;padding-left:8px}.ticker-controls{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:2px}.ticker-controls button{border:0;border-left:1px solid #38516c;color:#fff;background:none;padding:4px 10px;font-size:20px;min-width:30px}.ticker-controls button:hover{color:var(--gold)}.section-eyebrow{margin-top:19px;border-bottom:1px solid #d4dce5;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#36536e;letter-spacing:.12em;font-size:10px;font-weight:800;padding:0 1px 17px}.section-eyebrow span:first-child:before{content:'•';color:var(--gold);font-size:18px;margin-right:9px;vertical-align:-2px}
.intro-section{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:25px 0 20px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:900;color:#9f7208;margin:0 0 8px}.intro-section h1{font-family:var(--serif);font-size:clamp(36px,4.1vw,56px);letter-spacing:-.045em;margin:0;line-height:1.13;color:#102641;font-weight:700}.intro-section h1 em{color:#ca970e;font-weight:400;letter-spacing:-.07em;padding-left:9px}.intro-section p:not(.eyebrow){color:#31506d;font-size:14px;margin:12px 0 0;line-height:1.7}.intro-aside{border-left:1px solid #d9e1e5;padding:10px 0 10px 18px;min-width:170px;margin-bottom:0}.intro-aside span{color:#b18d42;font-weight:800;font-size:8px;letter-spacing:.15em}.intro-aside p{font-family:var(--serif);font-size:14px!important;color:#3c5270!important;margin:6px 0 0!important}.category-tabs{display:flex;align-items:center;gap:25px;overflow-x:auto;white-space:nowrap;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9;margin:0 0 22px}.category-tabs a{display:block;color:#8192a6;font-size:12px;font-weight:700;padding:16px 6px 15px}.category-tabs a:hover,.category-tabs a.active{color:#172c47}.category-tabs a.active{border-bottom:2px solid var(--gold)}
.lead-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:32px;align-items:start}.news-card{background:#fff;box-shadow:0 2px 8px #10264108;border:1px solid #e2e7ec;overflow:hidden;border-radius:3px;min-width:0}.news-card__media{display:block;width:100%;background:#d0d8e0;overflow:hidden}.news-card__media img{width:100%;height:205px;object-fit:cover;transition:transform .28s}.news-card__media:hover img{transform:scale(1.025)}.news-card--featured .news-card__media img{height:auto;aspect-ratio:1.88/1}.media-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px;background:linear-gradient(138deg,#102d4a 0%,#224c69 50%,#0a1b32 100%);color:#f1b72d;position:relative;isolation:isolate;overflow:hidden}.media-fallback:before{content:'';width:410px;height:410px;border:1px solid #b8d3e820;border-radius:50%;position:absolute;left:-85px;top:-230px;box-shadow:0 0 0 38px #b8d3e808,0 0 0 92px #b8d3e808}.media-fallback span{font-size:clamp(52px,7vw,90px);font-weight:1000;letter-spacing:-.08em;line-height:1;z-index:1}.media-fallback small{font-size:10px;letter-spacing:.16em;font-weight:900;color:#fff;z-index:1}.news-card--featured .media-fallback{aspect-ratio:1.88/1}.news-card__body{padding:21px 24px 23px}.post-meta{font-size:11px;font-weight:700;color:#657f99;display:flex;gap:10px;align-items:center;letter-spacing:.04em}.category-label{color:#a5750c;text-transform:uppercase;font-weight:850;font-size:10px;letter-spacing:.09em}.category-label:hover{color:#153452}.meta-dot{color:var(--gold)}.news-card__title{font-family:var(--serif);font-size:23px;line-height:1.18;margin:10px 0;color:#112745;letter-spacing:-.015em}.news-card--featured .news-card__title{font-size:clamp(31px,3.5vw,43px);line-height:1.08;letter-spacing:-.03em}.news-card__excerpt{font-size:13px;color:#5e7284;line-height:1.7;margin:10px 0 15px}.read-more{color:#987008;font-size:12px;font-weight:850}.read-more span{font-size:16px;margin-left:3px}.editor-picks{border-top:4px solid var(--gold);background:#fff;padding:34px 20px 16px;min-width:0}.editor-picks h2{font-family:var(--serif);font-size:25px;line-height:1.2;color:#112b49;margin:0 0 20px}.editor-picks ol{padding:0;list-style:none;margin:0}.editor-picks li{display:grid;grid-template-columns:26px 1fr;gap:8px;border-top:1px solid #e0e6eb;padding:20px 0}.pick-number{font-family:var(--serif);font-size:16px;color:#c89a37}.mini-category{font-size:10px;color:#9e750e;font-weight:850;letter-spacing:.1em}.editor-picks h3{font:700 19px/1.24 var(--serif);margin:5px 0 12px;color:#172b46}.editor-picks time{color:#73869e;font-size:12px}.editor-picks>p:last-child{font-size:13px;color:#65748a}.more-news{margin-top:49px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd8e1;margin-bottom:20px;padding-bottom:12px}.section-heading h2{font:700 30px/1.2 var(--serif);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card-grid .news-card__body{padding:18px 19px 20px}.card-grid .news-card__title{font-size:21px}.empty-editorial{background:#fff;border-top:4px solid var(--gold);padding:38px;margin:20px 0 70px}.empty-editorial h2{font:700 32px/1.15 var(--serif)}.empty-editorial a{display:inline-block;margin-top:15px;color:#8d6a0f;font-weight:800}
.archive-head{margin:8px 0 30px;padding:25px 0;border-bottom:1px solid #cad7df}.archive-head h1{font:700 clamp(34px,4vw,53px)/1.18 var(--serif);margin:8px 0;color:#152842}.archive-description{color:#56708a}.listing-grid{margin-bottom:35px}.navigation.pagination{margin:30px 0}.page-numbers{padding:10px 15px;margin-right:5px;border:1px solid #cdd9e3;background:#fff}.page-numbers.current{background:var(--navy);color:#fff}.article-page{margin:8px auto 65px}.article-intro{max-width:950px;margin:0 auto 28px;padding:20px 0 22px}.article-breadcrumb{font-size:11px;color:#697d92;text-transform:uppercase;letter-spacing:.08em;font-weight:750}.article-breadcrumb a{color:#7c8b9a}.article-intro h1{font:700 clamp(37px,5vw,64px)/1.1 var(--serif);letter-spacing:-.025em;color:#112842;margin:14px 0 23px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:#6b7f92;font-size:13px}.article-meta span:not(:first-child){color:#9eaeaf}.article-meta span:first-child{color:#122c48;font-weight:750}.article-image{margin:0 auto 34px;max-width:1100px}.article-image img{width:100%;max-height:650px;object-fit:cover}.article-image figcaption{color:#6a8295;font-size:12px;padding:10px 0}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(200px,260px);gap:50px;justify-content:space-between}.article-content{font-size:18px;line-height:1.9;color:#26384c}.article-content>p:first-child{margin-top:0}.article-content h2,.article-content h3{font-family:var(--serif);color:#162b46;line-height:1.3}.article-content h2{font-size:30px;margin:37px 0 13px}.article-content h3{font-size:24px;margin:26px 0 13px}.article-content a{text-decoration:underline;text-underline-offset:3px;color:#945c03}.article-content blockquote{border-left:3px solid var(--gold);margin:30px 0;padding:2px 25px;background:#fff;font-family:var(--serif);font-size:23px}.article-content table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}.article-content table td,.article-content table th{padding:9px 12px;border:1px solid #cbd8df}.article-side{background:#fff;border-top:4px solid var(--gold);align-self:start;padding:25px 20px}.article-side h2{font:700 27px var(--serif);margin:0 0 12px}.article-side p:not(.eyebrow){font-size:13px;color:#60778e}.article-side a{font-size:12px;font-weight:800;color:#956d09}.article-tags{margin:30px 0;font-size:14px}.post-next-prev{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #cedae3}.post-next-prev div{width:45%}.post-next-prev a{font:700 15px var(--serif)}.comments-area{margin:55px 0;border-top:1px solid #d4dee5;padding-top:25px}.comment-list{padding-left:22px}.comment-body{margin-bottom:25px}.comment-form textarea{width:100%;max-width:100%;min-height:110px;border:1px solid #cdd8e2}.comment-form input:not([type="checkbox"]){max-width:100%;padding:10px;border:1px solid #cdd8e2}.form-submit input{background:var(--navy);border:0;color:#fff;padding:13px 24px}.page-standard .article-content{max-width:850px}.not-found .search-form{max-width:450px;background:var(--navy);color:#fff}.not-found .search-form input{flex:1}
.site-footer{background:var(--dark);color:#c7d4e1;padding:54px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:50px}.footer-grid h2{font-size:25px;font-weight:900;color:#fff;margin:0}.footer-grid h3{font-size:14px;color:#fff;letter-spacing:.05em;margin:0 0 18px}.footer-grid p,.footer-grid li{font-size:13px;line-height:1.8}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:9px}.footer-grid a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #243d58;padding-top:19px;padding-bottom:19px;font-size:11px;color:#9eb0c2}.footer-menu{display:flex;gap:20px;padding:0;margin:0;list-style:none}
@media(max-width:950px){.nav-list>li>a{padding:14px 10px;font-size:11px}.lead-grid{gap:19px;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.editor-picks{padding:24px 16px}.news-card--featured .news-card__title{font-size:33px}.editor-picks h3{font-size:17px}.article-layout{grid-template-columns:1fr 210px;gap:25px}.card-grid{gap:15px}.category-tabs{gap:17px}}
@media(max-width:720px){.site-container{padding-inline:16px}.top-strip__inner{min-height:26px}.top-strip__right{font-size:9px}.masthead{min-height:75px}.brand__logo{flex-basis:45px}.logo-mark{width:45px;height:45px}.logo-mark span{font-size:19px}.custom-logo{max-width:45px;max-height:45px}.brand__name{font-size:20px}.brand__tagline{font-size:8px}.masthead__actions{margin-left:auto}.masthead__actions .search-form{display:none}.mobile-menu-btn{display:block}.main-nav{display:none}.main-nav.is-open{display:block}.mobile-nav-search{display:block;padding-bottom:15px}.mobile-nav-search .search-form{color:#fff;background:var(--navy);width:100%}.mobile-nav-search input{flex:1;width:auto}.nav-list{display:block;padding:8px 0}.nav-list>li>a{padding:12px 10px;font-size:14px;border-bottom:1px solid #edf0f2}.site-content{padding-top:13px}.news-ticker{grid-template-columns:130px minmax(0,1fr) 86px;min-height:59px}.ticker-badge{font-size:8px;line-height:1.25;padding:8px;letter-spacing:0}.ticker-track{padding:9px}.ticker-item{font-size:12px;white-space:normal;line-height:1.4;max-height:2.8em;overflow:hidden}.ticker-item small{display:none}.ticker-controls{padding:0 3px}.ticker-controls button{font-size:16px;padding:6px 3px;min-width:20px}.section-eyebrow{font-size:8px;line-height:1.3}.section-eyebrow span:last-child{display:none}.intro-section{padding:23px 0 19px}.intro-aside{display:none}.intro-section h1{font-size:43px}.intro-section p:not(.eyebrow){font-size:13px}.category-tabs{gap:16px}.category-tabs a{font-size:11px;padding:14px 5px}.lead-grid{display:block}.editor-picks{margin-top:23px}.editor-picks ol{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.editor-picks li{padding:15px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-grid .news-card__media img,.card-grid .media-fallback{height:155px;min-height:155px}.card-grid .news-card__title{font-size:19px}.card-grid .news-card__body{padding:15px}.card-grid .news-card__excerpt{display:none}.article-intro h1{font-size:41px}.article-layout{grid-template-columns:1fr}.article-side{display:none}.article-content{font-size:17px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.site-footer{padding-top:35px}}
@media(max-width:450px){.top-strip__right{display:none}.brand__name{font-size:17px}.brand__tagline{font-size:7px}.news-ticker{grid-template-columns:95px 1fr 79px}.ticker-badge{font-size:7px}.news-card--featured .news-card__title{font-size:31px}.news-card__body{padding:18px}.editor-picks ol{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.card-grid .news-card__media img,.card-grid .media-fallback{height:200px;min-height:200px}.card-grid .news-card__excerpt{display:block}.article-intro h1{font-size:35px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-menu{flex-wrap:wrap;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}