/* Chagua 5.10.2 – the mobile menu drawer: flag stripe, a green head with the countdown, icon tiles, sub-menus as cards. Desktop menu untouched. */
@media (max-width:1200px){
.i-nav.mobile-menu-open{background:#f6faf7!important;box-shadow:8px 0 40px rgba(4,54,31,.28)!important;overflow-y:auto!important;padding-bottom:110px!important}
.i-nav.mobile-menu-open::after{content:"";position:fixed;top:0;bottom:0;left:calc(min(300px,85vw) - 6px);width:6px;background:linear-gradient(to bottom,#111 0 30%,#fff 30% 33%,#b51d2a 33% 67%,#fff 67% 70%,#006b3c 70%);pointer-events:none;z-index:2}
.i-nav .mobile-nav-head{position:relative;display:block!important;min-height:0!important;padding:18px 18px 22px!important;margin:0 0 6px!important;color:#fff;
	background:radial-gradient(400px 200px at 110% -20%,rgba(255,255,255,.16),transparent 60%),linear-gradient(140deg,#04361f,#006b3c 60%,#087f5b)!important;border:0!important}
.i-nav .mobile-nav-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(to bottom,#111 0 25%,#fff 25% 37%,#b51d2a 37% 63%,#fff 63% 75%,#006b3c 75%)}
.i-nav .mnh-close-icon{position:absolute!important;top:12px!important;right:14px!important;left:auto!important}
.i-nav .mnh-close-icon a,.i-nav .mnh-close-icon i{color:#fff!important}
.i-nav .mnh-close-icon a{display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14)}
.chm-brand{display:block;padding-right:44px}
.chm-brand b{display:block;font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:#fff}
.chm-brand small{display:block;font-size:.8rem;color:rgba(255,255,255,.82);margin-top:2px}
.chm-count{display:inline-flex;align-items:baseline;gap:6px;margin-top:12px;padding:6px 12px;border-radius:999px;background:rgba(242,183,5,.2);border:1px solid rgba(242,183,5,.45);font-size:.8rem;color:#fff}
.chm-count b{font-size:1.05rem;font-weight:900;color:#f2b705}
.i-nav #menu-main-menu{padding:6px 12px 10px!important;margin:0!important;background:none!important}
.i-nav #menu-main-menu>li{border:0!important;margin:0 0 6px!important;padding:0!important;background:none!important;position:relative}
.i-nav #menu-main-menu>li>a{position:relative;display:flex!important;align-items:center;gap:12px;min-height:46px;padding:5px 46px 5px 10px!important;border-radius:14px;background:#fff;border:1px solid #e3e9e5;box-shadow:0 1px 2px rgba(4,54,31,.05);color:#14201a!important;font-weight:700!important;font-size:15px!important;text-decoration:none!important;border-bottom:1px solid #e3e9e5!important}
.i-nav #menu-main-menu>li:not(.chs-menu-item)>a{background-image:linear-gradient(135deg,#e3f2ea,#d2eadc)!important;background-size:36px 36px!important;background-position:10px center!important;background-repeat:no-repeat!important;background-color:#fff!important;padding-left:58px!important}
.i-nav #menu-main-menu>li:not(.chs-menu-item)>a::before{content:"";position:absolute;left:18px;top:50%;margin-top:-10px;width:20px;height:20px;background:#006b3c;-webkit-mask:var(--chm-i) center/20px no-repeat;mask:var(--chm-i) center/20px no-repeat}
.i-nav #menu-main-menu>li:not(.chs-menu-item)>a{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E")}
.i-nav #menu-main-menu>li>a::after{display:none!important}
.i-nav #menu-main-menu>li.current-menu-item>a,.i-nav #menu-main-menu>li.current-menu-ancestor>a{border-color:#9fd3b6!important;background:#eaf6ef}
.i-nav #menu-main-menu>li.chs-menu-item>a{background:#fff;border:1.5px solid #cfe5d8!important;border-radius:999px;color:#5b6b63!important;font-weight:600!important}
.i-nav #menu-main-menu>li.chs-menu-item>a svg{color:#006b3c}
.i-nav #menu-main-menu>li.chs-menu-item>a kbd{display:none}
.i-nav #menu-main-menu .submenu-toggle{position:absolute!important;right:8px!important;top:7px!important;width:32px!important;height:32px!important;border-radius:50%;background:#eaf4ee;display:grid!important;place-items:center;color:#006b3c!important;line-height:1!important}
.i-nav #menu-main-menu .submenu-toggle i{color:#006b3c!important;transition:transform .2s}
.i-nav #menu-main-menu li:has(>.sub-menu.shown-menu)>.submenu-toggle i{transform:rotate(180deg)}
.i-nav #menu-main-menu .sub-menu.shown-menu{display:block!important;position:static!important;margin:6px 0 4px 18px!important;padding:6px!important;background:#fff!important;border:0!important;border-left:4px solid #006b3c!important;border-radius:0 14px 14px 0!important;box-shadow:0 6px 16px rgba(4,54,31,.08)!important;opacity:1!important;visibility:visible!important;transform:none!important}
.i-nav #menu-main-menu .sub-menu li{margin:0!important;border:0!important}
.i-nav #menu-main-menu .sub-menu a{display:flex!important;align-items:center;gap:10px;padding:10px 10px!important;border-radius:10px;color:#26332c!important;font-size:14px!important;font-weight:600!important;border:0!important}
.i-nav #menu-main-menu .sub-menu a::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#b51d2a}
.i-nav #menu-main-menu .sub-menu a:hover,.i-nav #menu-main-menu .sub-menu .current-menu-item>a{background:#eaf6ef;color:#006b3c!important}
.i-nav .mobile-nav-button{padding:6px 12px 18px!important;background:none!important}
.i-nav .mobile-nav-button a{border-radius:999px!important;background:linear-gradient(135deg,#f2b705,#e0a100)!important;color:#14201a!important;font-weight:800!important;border:0!important}
.chm-foot{margin:4px 12px 0;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e3e9e5;font-size:.8rem;color:#5b6b63;line-height:1.45}
.chm-foot b{color:#006b3c}
html.cht-night .i-nav.mobile-menu-open{background:#0b130f!important}
html.cht-night .i-nav #menu-main-menu>li>a,html.cht-night .i-nav #menu-main-menu .sub-menu.shown-menu,html.cht-night .chm-foot{background:#101a15!important;border-color:#24352c!important;color:#e6efe9!important}
html.cht-night .i-nav #menu-main-menu .sub-menu a{color:#cfdcd5!important}
}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="chagua.co.ke/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M10 20v-5h4v5'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/explore/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM15.5 8.5l-2 5-5 2 2-5z'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/elections/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14v16H5zM8 10l2 2 4-4M8 16h8'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/all-polls/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/my-ballot/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11zM12 7.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5z'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/baraza/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/news/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v14H6a2 2 0 0 1-2-2V5Zm13 4h3v8a2 2 0 0 1-2 2M8 9h5M8 13h5'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/civic-education/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2zM8 7h7M8 11h5'/%3E%3C/svg%3E")}}
@media (max-width:1200px){.i-nav #menu-main-menu>li>a[href$="/tools/"]{--chm-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}}
/* 5.11: ballot card button under the six races */
.chm-ballot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0}
.chm-ballot span{font-size:.85rem;color:#5b6b63}
/* 5.11: election-day bar */
.chg-eday{position:relative;z-index:50;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:10px 16px;background:linear-gradient(90deg,#04361f,#006b3c);color:#fff;font-size:.92rem;font-weight:700;text-align:center}
.chg-eday::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(to bottom,#111 0 25%,#fff 25% 37%,#b51d2a 37% 63%,#fff 63% 75%,#006b3c 75%)}
.chg-eday b{color:#f2b705}
.chg-eday a{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff!important;text-decoration:none!important;font-weight:700}
.chg-eday a:hover{background:rgba(255,255,255,.24)}

/* 5.15.1 – reading size. Long-form text (Constitution, civic guides, profiles, info pages) at 16px or a little more,
   line height 1.65, for reading on phones. Menus, cards and buttons keep their sizes. News stories are already 18px. */
html body .chk-text .chk-l,html body .chk-lede,
html body .chp-body p,html body .chp-body li,
html body .chp-prose p,html body .chp-prose li,html body .chp-sec > p,
html body .chagua-page p,html body .chagua-page li,
html body .chn-notes li{font-size:clamp(16px,.95rem + .2vw,17.5px);line-height:1.65}
html body .chp-ladder-step,html body .chagua-status-note{font-size:15px;line-height:1.55}

/* 5.15.1 – the phone menu button: Additional CSS in the Customizer paints .mobile-menu white below 768px, and the
   theme's menu icon is white, so the button showed as a blank white square. The button stays see-through here. */
@media (max-width:767px){html body .c27-main-header .mobile-menu{background:transparent!important;background-color:transparent!important}}

/* 5.16 – fair order note and switch above directory grids */
.chg-fair{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:10px 14px;border:1px solid #d5e5dc;border-radius:14px;background:#f3f8f5;color:#10231c;font-size:14px;line-height:1.4}
.chg-fair-i{font-size:18px}
.chg-fair-t{flex:1 1 240px}
.chg-fair-s{display:inline-flex;border:1px solid #016B3F;border-radius:999px;overflow:hidden}
.chg-fair-s a{padding:6px 12px;font-weight:700;color:#016B3F!important;text-decoration:none!important;font-size:13px}
.chg-fair-s a[aria-current]{background:#016B3F;color:#fff!important}
/* 6.0.3: desktop header – the search pill grows into the free space (no label, just the icon), and the phone
   menu's "Non-partisan" footnote stays in the phone menu. */
@media (min-width:1201px){
.chm-foot{display:none!important}
html body .c27-main-header .main-nav>li.chs-menu-item>a{min-width:clamp(133px,calc(100vw - 1267px),380px)!important;justify-content:flex-start!important;padding:10px 18px 10px 16px!important}
html body .c27-main-header .main-nav>li.chs-menu-item>a span,html body .c27-main-header .main-nav>li.chs-menu-item>a kbd{display:none!important}
}