/* Theme Name: ColCoNews Editorial II
Theme URI: https://colconews.com
Author: Dreamboro
Description: ColCoNews editorial homepage with sticky navigation, manually curated hero, news grids, black events section and advertising.
Version: 1.1.0
Text Domain: colconews-editorial-ii */
:root{--ink:#121212;--accent:#1b5279}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit}a:hover{color:var(--accent)}.wrap{max-width:1280px;margin:auto;padding:0 26px}.top-ad{background:#141414;padding:20px 0;color:white}.top-ad .ccn-ad{background:#252525;color:white;min-height:110px}.network{background:#101010;color:#ddd;font-size:12px;padding:8px 0}.network a{margin-right:20px;text-decoration:none}.site-header{background:white;position:sticky;top:0;z-index:100;border-bottom:1px solid #ddd;box-shadow:0 2px 6px #0000000a}.brand-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.brand{font-weight:900;letter-spacing:-2px;font-size:clamp(30px,4vw,50px);text-decoration:none}.brand span{color:#185078}.brand-row .mini{font-size:13px;color:#555}.main-nav{display:flex;flex-wrap:wrap;gap:24px;padding:11px 0;border-top:1px solid #eee;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:.07em}.main-nav a{text-decoration:none}.section{padding:52px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.section-title h2{font-size:clamp(23px,3vw,34px);margin:0;letter-spacing:-1px}.section-title a{text-transform:uppercase;font-weight:bold;font-size:12px;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px}.split>div{border-top:4px solid #171717;padding-top:16px}.split h2{margin:0 0 20px;font-size:30px}.split .ccn-ad{margin-top:18px}.black-events{background:#111;color:white;padding:65px 0}.black-events .section-title{border-bottom:4px solid #1a8797;padding-bottom:20px}.black-events a{color:white}.news-section{padding:65px 0}.footer{background:#111;color:#ddd;padding:50px 0;margin-top:50px}.footer .brand{color:white}.footer p{font-size:13px}.article{max-width:820px;margin:65px auto;padding:0 24px}.article h1{font-size:clamp(32px,5vw,55px);line-height:1.1}.content-list{min-height:300px}@media(max-width:700px){.wrap{padding:0 16px}.brand-row{gap:10px}.brand-row .mini{display:none}.main-nav{gap:12px;font-size:11px}.split{grid-template-columns:1fr;gap:30px}.section{padding:35px 0}.news-section{padding:40px 0}}

.section:has(.ccn-slider:empty){display:none}.news-section:has(.ccn-grid:empty){padding:28px 0}.black-events:has(.ccn-events-track:empty){padding:32px 0}.top-ad{padding:24px 0}.top-ad .ccn-ad{min-height:180px}.black-events{padding:48px 0}.footer{margin-top:0}

/* Dedicated News page — independent from homepage layout. */
.ccn-news-archive{padding-top:45px;padding-bottom:70px;min-height:55vh}
.ccn-news-archive-heading{border-bottom:3px solid #171717;margin-bottom:30px;padding-bottom:18px}
.ccn-news-archive-heading h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin:0 0 10px}
.ccn-news-archive-heading p{max-width:760px;color:#555;line-height:1.5;margin:0}

/* Scroll-aware header: full at page top; hidden going down; compact on upward scroll. */
.site-header{transition:transform .22s ease;will-change:transform}
.site-header.ccn-header-hidden{transform:translateY(-105%)}
.site-header.ccn-header-compact .brand-row{display:none}
.site-header.ccn-header-compact .main-nav{border-top:0;align-items:center;padding:9px 0;gap:clamp(10px,1.6vw,23px)}
.main-nav .compact-brand{display:none;font-size:21px;font-weight:900;letter-spacing:-.9px;text-transform:none;white-space:nowrap;margin-right:auto}
.main-nav .compact-brand span{color:#185078}
.site-header.ccn-header-compact .main-nav .compact-brand{display:inline-flex}
@media(max-width:700px){.site-header.ccn-header-compact .main-nav{gap:9px;font-size:10px}.main-nav .compact-brand{font-size:17px}.site-header.ccn-header-compact .main-nav .compact-brand{width:100%;margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* v0.2.4: always-visible compact navigation on scroll. */
.site-header.ccn-header-fixed{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:10000;transform:none!important}
.site-header.ccn-header-hidden{transform:none!important}
.ccn-header-spacer{height:0;pointer-events:none}

/* Editorial II — magazine homepage only; archive and article templates retained. */
:root{--e2-ink:#22272d;--e2-blue:#24628a;--e2-red:#d62c2c}
body{background:#f3f4f5;color:#1b1e22}
.site-header{background:#fff}
.top-ad{background:#20252b}
.e2-dark-stage{background:#22272d;color:#fff;padding:30px 0 70px}
.e2-stage-inner{max-width:1280px}
.e2-kicker{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 0 17px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#c1c8ce}
.e2-blue{color:#7db5df}
.e2-lead{display:grid;grid-template-columns:minmax(0,2fr) minmax(255px,.88fr);min-height:440px}
.e2-hero{min-height:440px;position:relative;display:flex;align-items:end;overflow:hidden;background:#303a45}
.e2-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center}
.e2-hero-content{position:relative;z-index:1;padding:clamp(25px,4vw,54px);max-width:750px}
.e2-label{background:var(--e2-red);padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.1em}
.e2-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.035em;margin:20px 0 12px}
.e2-hero p{line-height:1.5;color:#e0e5ea;max-width:570px}
.e2-hero a{display:inline-block;margin-top:9px;font-size:11px;font-weight:800;text-decoration:none;border-bottom:2px solid white;padding-bottom:4px}
.e2-lead-rail{background:#171d23;display:flex;flex-direction:column;min-width:0}
.e2-rail-label{padding:19px 21px;font-size:12px;letter-spacing:.1em;font-weight:800;border-bottom:1px solid #303841}
.e2-rail-label span{float:right;color:#eaa3a3;font-size:9px}
.e2-rail-story{flex:1;min-height:95px;display:flex;flex-direction:column;justify-content:center;padding:19px 23px;border-bottom:1px solid #303841;text-decoration:none;color:#fff;gap:9px}
.e2-rail-story:hover{background:#30414f;color:#fff}
.e2-rail-highlight{background:#205b84}
.e2-rail-story small{color:#b5c4d0;font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.e2-rail-story strong{font-size:15px;line-height:1.35}
.e2-empty{padding:22px;color:#c9d0d5}
.e2-under-hero{background:white;position:relative;margin-top:-38px;box-shadow:0 12px 26px #00000012;padding-top:19px;padding-bottom:19px}
.e2-trending-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:15px;font-size:12px;letter-spacing:.08em}
.e2-trending-head strong{border-left:4px solid var(--e2-red);padding-left:10px}
.e2-trending-head a,.e2-section-heading a{font-size:10px;font-weight:800;text-decoration:none;color:var(--e2-blue)}
.e2-trending-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.e2-trending-row>a{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:12px;font-weight:700;line-height:1.35}
.e2-trending-row img,.e2-thumb-placeholder{width:80px;height:58px;object-fit:cover;flex:none;background:#d9dfe4}
.e2-thumb-placeholder{display:grid;place-items:center;color:#667582;font-size:10px}
.e2-slim-ad{margin-top:25px;margin-bottom:20px}
.e2-magazine{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.85fr);gap:32px;padding-top:32px;padding-bottom:55px}
.e2-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #22272d;padding-bottom:12px;margin-bottom:22px}
.e2-section-heading h2{font-size:20px;text-transform:uppercase;letter-spacing:.01em;margin:0}
.e2-content-column .ccn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 19px}
.e2-content-column .ccn-card h3,.e2-bottom-stories .ccn-card h3{font-size:16px;line-height:1.35}
.e2-content-column .ccn-card p,.e2-bottom-stories .ccn-card p{display:none}
.e2-content-column .ccn-card small,.e2-bottom-stories .ccn-card small{display:block;margin-top:8px;font-size:11px}
.e2-sidebar-panel{background:white;padding:22px;margin-bottom:22px;border-top:3px solid var(--e2-blue)}
.e2-sidebar-panel .e2-section-heading{margin-bottom:12px;border-bottom:1px solid #ddd}
.e2-sidebar-panel .e2-section-heading h2{font-size:17px}
.e2-sidebar-panel .ccn-topics{font-size:13px}
.e2-arrests{border-top-color:var(--e2-red)}
.e2-arrests p{font-size:13px;line-height:1.6}
.e2-arrests>a{font-size:11px;font-weight:800;color:var(--e2-blue);text-decoration:none}
.e2-sidebar-ad .ccn-ad{min-height:240px}
.e2-events{background:#22272d;color:white;padding:52px 0}
.e2-events .e2-section-heading{border-color:#57616a}
.e2-events .e2-section-heading a{color:#c7d8e6}
.e2-bottom-stories{padding-top:55px;padding-bottom:70px}
.e2-bottom-stories .ccn-grid{gap:24px}
@media(max-width:850px){.e2-lead{grid-template-columns:1fr}.e2-hero{min-height:380px}.e2-lead-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.e2-rail-label{grid-column:1/-1}.e2-magazine{grid-template-columns:1fr}.e2-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.e2-sidebar-ad{grid-column:1/-1}}
@media(max-width:550px){.e2-dark-stage{padding-top:20px;padding-bottom:55px}.e2-kicker{font-size:9px}.e2-hero{min-height:340px}.e2-hero-content{padding:22px}.e2-hero h1{font-size:31px}.e2-lead-rail{grid-template-columns:1fr}.e2-rail-story{min-height:75px}.e2-trending-row{grid-template-columns:1fr}.e2-under-hero{margin-top:-25px}.e2-content-column .ccn-grid{grid-template-columns:1fr}.e2-sidebar{grid-template-columns:1fr}.e2-sidebar-ad{grid-column:auto}.e2-bottom-stories .ccn-grid{grid-template-columns:1fr 1fr}}

/* Editorial II v1.1.0: dark, single-line sticky header with slideout navigation */
.site-header,.site-header.ccn-header-fixed{background:#22272d!important;color:#fff!important;border:0!important;box-shadow:0 2px 10px #0002!important;transform:none!important}
.e2-header-line{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.site-header .brand{color:#fff;font-size:clamp(23px,2.35vw,35px);letter-spacing:-1.4px;white-space:nowrap;flex:none}
.site-header .brand span{color:#79b5df}
.site-header .main-nav,.site-header.ccn-header-compact .main-nav{display:flex;flex:1;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(9px,1.5vw,24px);border:0;padding:0;min-width:0;font-size:clamp(10px,.85vw,12px)}
.site-header .main-nav>a{color:#f1f4f6;white-space:nowrap}
.site-header .main-nav>a:hover{color:#9dc9e6}
.site-header .main-nav .compact-brand{display:none!important}
.site-header.ccn-header-compact .brand{font-size:23px}
.site-header.ccn-header-compact .e2-header-line{min-height:56px}
.e2-more-toggle{border:0;background:none;color:white;text-transform:uppercase;font:inherit;font-weight:800;letter-spacing:inherit;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 0}
.e2-more-toggle span{font-size:17px;letter-spacing:2px;line-height:0;position:relative;top:-2px}
.e2-menu-overlay{position:fixed;inset:0;background:#0009;z-index:10009}
.e2-menu-overlay[hidden]{display:none}
.e2-menu-panel{position:fixed;right:0;top:0;bottom:0;width:min(360px,90vw);background:#22272d;color:white;z-index:10010;transform:translateX(105%);transition:transform .25s ease;box-shadow:-8px 0 30px #0004;padding:25px;overflow:auto;visibility:hidden}
.e2-menu-panel.is-open{transform:translateX(0);visibility:visible}
.e2-menu-top{display:flex;align-items:center;justify-content:space-between;font-size:22px;margin-bottom:26px}.e2-menu-top span{color:#79b5df}
.e2-menu-close{background:none;border:0;color:#fff;font-size:32px;cursor:pointer}
.e2-menu-panel nav{display:flex;flex-direction:column}.e2-menu-panel nav a{padding:15px 0;border-bottom:1px solid #ffffff25;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.06em}
.e2-menu-open{overflow:hidden}
/* Tabs and magazine-style compact lists */
.e2-content-column .e2-section-heading{border-bottom:2px solid #d0d3d6;position:relative}.e2-content-column .e2-section-heading:after{content:'';position:absolute;bottom:-2px;left:0;width:72px;height:3px;background:#e01616}
.e2-news-tabs{padding:0;border-top:0}.e2-tab-head{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e2e3e5}
.e2-tab-head button{padding:17px 8px;background:#f7f7f7;border:0;border-top:3px solid transparent;text-transform:uppercase;font-size:12px;font-weight:800;color:#6a727b;cursor:pointer}
.e2-tab-head button.is-active{background:white;border-top-color:#e01616;color:#22272d}
.e2-tab-panel{padding:12px 19px 18px}.e2-tab-panel[hidden]{display:none}
.e2-mini-story{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #e5e7e9;text-decoration:none;align-items:flex-start}.e2-mini-story img{width:68px;height:68px;object-fit:cover;flex:none}.e2-mini-story span{display:block;min-width:0}.e2-mini-story small{display:block;color:#8b9299;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.e2-mini-story strong{font-size:13px;line-height:1.4}.e2-tab-more{display:block;text-align:center;text-decoration:none;color:#c21a1a;font-size:11px;font-weight:800;margin-top:18px}.e2-disclaimer{font-size:10px;color:#757b82;text-align:center;margin-bottom:0}.e2-empty-light{font-size:13px;color:#69727b}
/* White featured-events strip, three columns of compact image-and-title cards */
.e2-events{background:#fff;color:#22272d;padding:45px 0 52px}
.e2-events .e2-section-heading{border-bottom:1px solid #e2e4e6}.e2-events .e2-section-heading h2{border-left:4px solid #df1717;padding-left:12px}.e2-events .e2-section-heading a{color:#c21a1a}
.e2-events .ccn-events{display:block}.e2-events .ccn-events-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);grid-template-rows:repeat(2,minmax(94px,auto));gap:15px 20px;overflow-x:auto;scroll-snap-type:x mandatory}
.e2-events .ccn-event-card{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:0!important;padding:0!important;background:transparent!important;color:#22272d!important;scroll-snap-align:start}
.e2-events .ccn-event-card img,.e2-events .ccn-event-placeholder{width:88px;height:88px;aspect-ratio:1;object-fit:cover;flex:0 0 88px;background:#e6e8ea;color:#65717d}
.e2-events .ccn-event-card strong{color:#22272d;font-size:13px;line-height:1.42;margin:4px 0}
.e2-events .ccn-event-controls button{border:1px solid #d4d9dd;background:white;color:#22272d;border-radius:50%;height:36px;width:36px;padding:0;font-size:17px}
@media(max-width:1100px){.site-header .main-nav>a:nth-of-type(n+5){display:none}}
@media(max-width:760px){.e2-header-line{min-height:60px;gap:12px}.site-header .main-nav>a:nth-of-type(n+3){display:none}.site-header .main-nav{gap:12px}.e2-events .ccn-events-track{grid-auto-columns:calc((100% - 18px)/2);gap:14px 18px}}
@media(max-width:520px){.site-header .main-nav>a{display:none!important}.e2-events .ccn-events-track{grid-auto-columns:85%;grid-template-rows:repeat(2,minmax(80px,auto))}.e2-events .ccn-event-card img,.e2-events .ccn-event-placeholder{width:74px;height:74px;flex-basis:74px}}
@media(prefers-reduced-motion:reduce){.e2-menu-panel{transition:none}}