/*
Theme Name: Cosmas Kering Campaign
Theme URI: https://cosmaskering.co.ke/
Author: OpenAI
Description: Responsive campaign website theme inspired by the supplied HON. COSMAS KERING design. Elementor-friendly, with editable WordPress page content and Customizer contact settings.
Version: 1.0.0
Text Domain: cosmas-kering
*/
:root{--navy:#082b9a;--blue:#0736b7;--orange:#f36a00;--orange2:#ff8a00;--ink:#071d65;--white:#fff;--soft:#fff8ed;--shadow:0 8px 22px rgba(8,32,104,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff8ef;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 3px 16px #071d6520;border-bottom:5px solid var(--orange)}.nav-wrap{max-width:1440px;margin:auto;min-height:78px;padding:9px 3%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand img{width:68px;height:60px;object-fit:contain}.brand-name{font-weight:900;font-size:27px;line-height:1;color:var(--navy)}.brand-name small{display:block;font-family:Georgia,serif;font-style:italic;font-size:16px}.main-nav ul{display:flex;gap:clamp(10px,1.8vw,28px);align-items:center;list-style:none;margin:0;padding:0}.main-nav a{font-weight:800;color:#071c71;font-size:15px}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--orange)}.nav-join{background:linear-gradient(120deg,var(--orange),#ff9a00);color:#fff!important;padding:12px 18px;border-radius:28px}.menu-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:8px;padding:10px 13px;font-size:20px}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#dceeff 47%,#fff 100%);border-bottom:8px solid var(--orange);min-height:430px}.hero:before,.hero:after{content:"";position:absolute;left:-5%;width:110%;height:50px;background:var(--orange);transform:rotate(-3deg);z-index:1}.hero:before{top:-34px}.hero:after{bottom:-39px}.hero-inner{max-width:1440px;margin:auto;min-height:430px;padding:35px 4% 30px;display:grid;grid-template-columns:34% 1fr;align-items:center;gap:25px;position:relative;z-index:2}.hero-person{align-self:end;max-height:425px;width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 8px 12px #00134d30)}.hero-copy{text-align:center;padding:15px 0}.hero-copy h1{font-size:clamp(38px,5.1vw,76px);line-height:.94;margin:0;color:var(--navy);font-weight:950;letter-spacing:-2px}.hero-copy h1 span{display:block;font-size:1.22em}.hero-tag{display:inline-block;margin:16px 0 8px;padding:7px 24px;border-radius:30px;background:var(--navy);color:#fff;font-size:clamp(16px,2vw,25px);font-weight:800}.hero-values{font-size:clamp(16px,1.7vw,23px);font-weight:900;color:var(--navy)}.hero-values b{color:var(--orange);padding:0 6px}.hashtag{display:inline-block;margin-top:17px;padding:10px 30px;background:linear-gradient(100deg,#f60,#ff9b00);color:#fff;font-family:Georgia,serif;font-style:italic;font-weight:900;font-size:clamp(25px,3vw,42px);transform:rotate(-2deg);border-radius:8px 28px 8px 28px;text-shadow:0 2px 2px #a43b00}.countdown{position:absolute;right:4%;top:18px;background:#fff;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;min-width:320px;z-index:4}.countdown-title{background:var(--orange);color:#fff;text-align:center;padding:8px 12px;font-weight:900}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 6px;text-align:center}.countdown-grid strong{display:block;color:var(--navy);font-size:27px;line-height:1.1}.countdown-grid span{font-size:12px;font-weight:800}.agenda{max-width:1440px;margin:-2px auto 22px;padding:0 2%;position:relative;z-index:3}.agenda-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.agenda-item{text-align:center;padding:17px 10px 13px;border-right:2px solid #f27620;font-weight:900;color:var(--navy);line-height:1.15}.agenda-item:last-child{border:0}.agenda-icon{display:block;font-size:34px;margin-bottom:6px}.content-grid{max-width:1440px;margin:0 auto 25px;padding:0 2%;display:grid;grid-template-columns:1.15fr 1fr 1fr .7fr;gap:14px}.panel{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #ffd7ad}.panel h2{margin:0;background:linear-gradient(90deg,#062a9c,#1250d8);color:#fff;text-align:center;padding:9px 10px;font-size:clamp(18px,1.7vw,26px);line-height:1.15}.panel-body{padding:14px}.about-flex{display:grid;grid-template-columns:42% 1fr;gap:13px;align-items:center}.about-flex img{height:205px;width:100%;object-fit:cover;border-radius:10px}.about-flex p{margin:0;font-weight:700;font-size:15px}.btn{display:inline-block;background:linear-gradient(110deg,#f24c00,#ff9b00);color:white!important;padding:10px 20px;border-radius:28px;font-weight:900;margin-top:10px}.feature-image{width:100%;height:185px;object-fit:cover}.feature-caption{background:linear-gradient(90deg,#f45b00,#ff9d00);color:white;text-align:center;padding:9px;font-weight:900;font-style:italic;line-height:1.2}.contact-panel{text-align:center}.contact-panel p{font-weight:800;margin:8px 0 12px}.contact-link{display:block;margin:10px 0;padding:12px 10px;border-radius:24px;background:#078d31;color:#fff;font-weight:900}.contact-link.facebook{background:#0834a5}.bottom-strip{background:linear-gradient(90deg,#061d77,#0b3bb7);color:#fff;padding:12px 3%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,42px);flex-wrap:wrap;font-weight:800}.bottom-strip span{display:flex;align-items:center;gap:9px}.bottom-strip .download{background:#0b9b30;border-radius:28px;padding:10px 18px}.site-footer{text-align:center;background:linear-gradient(90deg,#f45a00,#ff9000);color:#fff;padding:16px;font-weight:800}.page-wrap{max-width:1200px;margin:35px auto;padding:0 20px}.page-wrap h1,.page-wrap h2{color:var(--navy)}.agenda-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.agenda-detail{background:#fff;padding:22px;border-radius:14px;box-shadow:var(--shadow);border-top:5px solid var(--orange)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:12px}.mobile-join{display:none}
@media(max-width:1050px){.content-grid{grid-template-columns:repeat(2,1fr)}.countdown{position:relative;right:auto;top:auto;margin:12px auto 0;width:min(95%,420px)}.hero-inner{padding-top:10px}.hero{min-height:0}.hero-inner{min-height:360px}.main-nav ul{gap:12px}.main-nav a{font-size:13px}}
@media(max-width:720px){.nav-wrap{min-height:66px;padding:7px 4%}.brand{min-width:0}.brand img{width:52px;height:48px}.brand-name{font-size:22px}.brand-name small{font-size:13px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 5%;box-shadow:0 8px 12px #00134d20}.main-nav.is-open{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav li a{display:block;padding:12px 8px;border-bottom:1px solid #eee;font-size:15px}.nav-join{text-align:center;margin-top:8px}.hero-inner{grid-template-columns:1fr;gap:0;padding:12px 5% 24px;min-height:0}.hero-person{order:2;max-height:300px;width:75%;margin:0 auto}.hero-copy{order:1;padding:10px 0 0}.hero-copy h1{font-size:clamp(37px,11vw,58px)}.hero-tag{font-size:15px;padding:7px 13px}.hero-values{font-size:15px}.hashtag{font-size:29px;margin-top:10px}.countdown{min-width:0;margin:8px auto 0}.countdown-grid strong{font-size:23px}.agenda{padding:0 3%;margin:12px auto 18px}.agenda-grid{grid-template-columns:repeat(2,1fr)}.agenda-item{padding:12px 7px;font-size:14px;border-bottom:1px solid #ffd1a5}.agenda-item:nth-child(2n){border-right:0}.agenda-icon{font-size:29px}.content-grid{grid-template-columns:1fr;padding:0 3%;gap:14px}.about-flex{grid-template-columns:36% 1fr}.about-flex img{height:175px}.feature-image{height:220px}.panel h2{font-size:21px}.bottom-strip{flex-direction:column;gap:10px;text-align:center}.bottom-strip span{justify-content:center}.mobile-join{display:block;position:fixed;bottom:12px;right:12px;z-index:60;background:#078d31;color:#fff;padding:12px 16px;border-radius:28px;font-weight:900;box-shadow:var(--shadow)}.site-footer{padding-bottom:70px}.agenda-detail-grid,.gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.about-flex{grid-template-columns:1fr}.about-flex img{height:210px}.agenda-detail-grid,.gallery-grid{grid-template-columns:1fr}.countdown-grid strong{font-size:20px}.countdown-title{font-size:13px}}