/*
Theme Name: Citykoolz
Description: A responsive WooCommerce block theme for Citykoolz, the business arm of Innercity Foundation.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Citykoolz
License: GPL-2.0-or-later
Text Domain: citykoolz
*/
:root{--ck-navy:#143747;--ck-green:#007da5;--ck-orange:#ffdf27;--ck-mist:#eef8fb}
html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #be3029;outline-offset:4px}main{min-height:50vh}.ck-announcement{background:var(--ck-navy);color:#fff;text-align:center;padding:10px 20px;font-size:13px;letter-spacing:.04em}.ck-announcement p{margin:0}.ck-header{padding:24px clamp(20px,5vw,80px);border-bottom:1px solid #d5e8ed}.ck-header .wp-block-site-title{font-size:30px;letter-spacing:-1.5px;font-weight:800}.ck-header a{text-decoration:none}.ck-hero{background:var(--ck-mist);padding:80px clamp(20px,5vw,80px)}.ck-hero h1{font-size:clamp(42px,5.5vw,78px);line-height:1.04;letter-spacing:-.055em;max-width:780px;margin:18px 0 26px}.ck-kicker{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--ck-green)}.ck-hero .wp-block-columns{align-items:center;gap:50px}.ck-intro{font-size:19px;max-width:540px;line-height:1.65}.ck-tile{background:var(--ck-green);color:#fff;padding:38px;border-radius:24px}.ck-tile h2{font-size:34px;line-height:1.15;letter-spacing:-.03em}.ck-tile p{color:#ffffff}.ck-tile .ck-kicker{color:#ffdf27}.ck-tile hr{opacity:.25;margin:26px 0}.ck-section{padding:64px clamp(20px,5vw,80px)}.ck-section h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;line-height:1.15}.ck-card{padding:30px;background:#f4fafc;border:1px solid #d5e8ed;border-radius:16px;height:100%;box-sizing:border-box}.ck-card h3{font-size:25px}.ck-mission{background:var(--ck-navy);color:#fff;padding:60px clamp(20px,5vw,80px)}.ck-mission .ck-kicker{color:#ffdf27}.ck-mission h2{font-size:40px;line-height:1.15;letter-spacing:-.035em}.ck-footer{padding:40px clamp(20px,5vw,80px);background:#f4fafc;font-size:14px}.ck-footer a{color:var(--ck-navy)}.ck-content{padding:48px 24px}.ck-content>h1{letter-spacing:-.04em}.wp-block-button__link{transition:background .15s}.wp-block-button__link:hover{filter:brightness(.92)}.woocommerce ul.products li.product{border:1px solid #d5e8ed;border-radius:16px;padding:18px;box-sizing:border-box}.woocommerce ul.products li.product .price{color:var(--ck-green)}.woocommerce a.button,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--ck-green);color:#fff;border-radius:8px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #90aebc;border-radius:6px}.woocommerce table.shop_table{border-radius:12px}.woocommerce-info{border-top-color:var(--ck-green)}.woocommerce-info:before{color:var(--ck-green)}.woocommerce-MyAccount-navigation li{padding:10px 0}.ck-small{font-size:14px;color:#466574}@media(max-width:781px){.ck-hero{padding-top:44px;padding-bottom:44px}.ck-section{padding-top:40px;padding-bottom:40px}.ck-header{padding-top:18px;padding-bottom:18px}.ck-tile{padding:28px}.ck-mission h2{font-size:31px}.ck-hero .wp-block-columns{gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.wp-site-blocks>main,.wp-site-blocks>footer,main>.ck-section,main>.ck-mission{margin-block-start:0}

/* Citykoolz brand — blue, red, fruit yellow and green. */
.ck-header{padding-top:8px;padding-bottom:8px;border-top:4px solid #ed3934}
.wp-block-site-logo img{display:block;height:auto;max-width:100%;object-fit:contain}
.ck-header .wp-block-site-logo{flex-shrink:0}
.ck-announcement{background:#007da5}
.ck-tile{border-bottom:6px solid #ffdf27}
.ck-kicker{color:#007da5}
.ck-card{border-top:4px solid #ed3934}
.ck-card .ck-kicker{color:#a72b27}
.ck-mission{border-bottom:5px solid #ffdf27}
.ck-footer .wp-block-site-logo{margin-bottom:12px}
@media(max-width:781px){.ck-header .wp-block-site-logo img{max-width:88px}.ck-header{padding-top:6px;padding-bottom:6px}}

/* Marketplace layout, version 1.2.0 */
.ck-store-header{background:#007da5;color:white;margin:0!important}.ck-header-main{padding:8px max(20px,3vw);gap:24px}.ck-header-main .wp-block-site-logo{background:white;border-radius:12px;padding:3px}.ck-header-main .wp-block-navigation{margin-left:auto}.ck-store-header a{color:inherit;text-decoration:none}.ck-search{display:flex;flex:1;min-width:280px;border-radius:8px;overflow:hidden;background:#fff;margin:0}.ck-search select{max-width:135px;border:0;border-right:1px solid #d5e8ed;background:#eef8fb;color:#143747;padding:12px;font:inherit;font-size:13px}.ck-search input{min-width:0;width:100%;flex:1;border:0;padding:14px;font:inherit;color:#143747;background:#fff}.ck-search button{background:#ffdf27;color:#143747;border:0;padding:14px 22px;font-weight:700;cursor:pointer}.ck-store-nav{background:#143747;padding:12px max(20px,3vw);margin:0!important;font-size:14px}.ck-store-nav .wp-block-navigation__container{gap:26px}.ck-market-main{margin:0!important}.ck-market{background:#f1f5f7;padding:28px max(20px,3vw) 60px}.ck-market-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(110deg,#e3f5fb,#fff8c8);border-radius:18px;padding:42px 6%;max-width:1500px;margin:auto}.ck-market-hero h1{font-size:clamp(36px,5vw,66px);letter-spacing:-.045em;line-height:1.03;margin:12px 0 20px}.ck-market-hero img{width:270px;height:270px;object-fit:contain;max-width:40%}.ck-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#007da5}.ck-cta{display:inline-block;background:#007da5;color:white!important;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}.ck-discovery{max-width:1500px;margin:24px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ck-discovery>a{padding:24px;border-radius:12px;background:white;border-top:4px solid #007da5;text-decoration:none;display:flex;flex-direction:column;color:#143747}.ck-discovery>a:last-child{border-color:#ed3934;background:#fff7e0}.ck-discovery strong{font-size:28px;margin:8px 0}.ck-discovery small{font-size:11px;letter-spacing:.1em}.ck-discovery span{font-size:14px;color:#007da5}.ck-catalogue{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;max-width:1500px;margin:28px auto 0;align-items:start}.ck-filter{background:#fff;border-radius:12px;padding:22px}.ck-filter summary{font-size:20px;font-weight:700;cursor:pointer}.ck-filter label,.ck-filter legend{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}.ck-filter select,.ck-filter input[type=number]{width:100%;padding:10px;border:1px solid #a7bdc7;border-radius:6px;font:inherit;font-size:14px;background:white}.ck-filter fieldset{border:0;padding:0;margin:0}.ck-filter small{display:block;font-size:11px;line-height:1.4;color:#466574;margin-top:10px}.ck-filter label.ck-check{display:flex;gap:8px;align-items:center}.ck-filter button{width:100%;padding:12px;background:#007da5;color:white;border:0;border-radius:6px;margin-top:20px;font-weight:700;cursor:pointer}.ck-reset{display:block;text-align:center;margin-top:12px;font-size:14px}.ck-products h2{font-size:25px;margin:0 0 20px}.ck-products .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}.ck-products .woocommerce ul.products::before,.ck-products .woocommerce ul.products::after{display:none}.ck-products .woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column}.ck-products .woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:contain}.ck-products .woocommerce ul.products li.product .button{margin-top:auto;text-align:center;border-radius:20px;background:#ffdf27;color:#143747;font-size:14px}.ck-products .woocommerce ul.products li.product .price{font-size:21px;font-weight:700;color:#143747}.ck-products .woocommerce span.onsale{background:#be3029;color:#fff;border-radius:5px;min-height:0;line-height:1.5;padding:5px 10px}.ck-products .woocommerce nav.woocommerce-pagination{margin-top:28px}.ck-results-heading{max-width:1500px;margin:auto}.ck-results-heading h1{font-size:36px;line-height:1.2;letter-spacing:-.03em}.ck-empty{padding:40px;background:white;border:1px solid #d5e8ed;border-radius:12px}.ck-empty h3{margin-top:0}@media(max-width:1050px){.ck-catalogue{grid-template-columns:210px minmax(0,1fr)}.ck-products .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-header-main{gap:12px}.ck-search{order:3;flex-basis:100%}}@media(max-width:650px){.ck-market{padding:18px 14px 36px}.ck-market-hero{padding:26px;gap:12px}.ck-market-hero img{width:120px;height:120px}.ck-market-hero h1{font-size:34px}.ck-market-hero p:not(.ck-eyebrow){font-size:14px}.ck-discovery{grid-template-columns:repeat(2,1fr);gap:12px}.ck-discovery>a{padding:18px}.ck-discovery strong{font-size:23px}.ck-catalogue{grid-template-columns:1fr;gap:20px}.ck-products .woocommerce ul.products{gap:10px}.ck-products .woocommerce ul.products li.product{padding:12px}.ck-search select{max-width:90px;font-size:11px;padding:6px}.ck-search button{padding:12px}.ck-store-nav .wp-block-navigation__container{gap:16px}.ck-products .woocommerce ul.products li.product .price{font-size:18px}.ck-products .woocommerce ul.products li.product h2{font-size:16px}.ck-header-main .wp-block-site-logo img{width:72px}}