/*
Theme Name: Karachi Magazine Citydesk
Theme URI: https://karachimag.pk/
Author: Karachi Magazine
Description: A city-news block theme with a headline-led opening, four-story brief, city desk navigation and business/lifestyle collections. Original logo support, local fonts and core WordPress blocks; no page builder required.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karachi-magazine-citydesk
Tags: news, blog, full-site-editing, custom-logo, featured-images, block-patterns
*/
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/barlow-600.ttf') format('truetype')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/barlow-700.ttf') format('truetype')}
:root{--km-navy:#142b43;--km-orange:#ef7a32;--km-paper:#f7f8fa;--km-ink:#203040;--km-muted:#626d77;--km-line:#d9e0e6;--km-link:#a13e14;--km-display:'Barlow Semi Condensed',Arial,sans-serif;--km-body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--km-ink);font:400 16px/1.7 var(--km-body);overflow-wrap:break-word}
p,figure{margin:0}
h1,h2,h3,h4{font-family:var(--km-display);font-weight:600;line-height:1.12;margin:0;color:inherit}
a{color:var(--km-link);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
img{max-width:100%;height:auto;vertical-align:middle}
button,input,textarea,select{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #a13e14;outline-offset:4px}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>*,.km-main>.wp-block-group,.km-footer>.wp-block-group{margin-block:0}
.km-shell{width:calc(100% - 64px);max-width:1280px;margin-inline:auto!important}
.km-header{background:#fff;color:var(--km-navy)}
.km-utility-wrap{background:var(--km-navy);color:#fff}
.km-utility{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:34px;padding-block:7px}
.km-kicker{font:600 9px/1.6 var(--km-body);letter-spacing:.12em;text-transform:uppercase}
.km-utility-nav{font:400 10px/1.5 var(--km-body)}
.km-utility-nav .wp-block-navigation__container{gap:21px}
.km-utility a{color:inherit;text-decoration:none}
.km-utility :where(a,button):focus-visible,.km-city-box :where(a,button):focus-visible,.km-footer :where(a,button,input):focus-visible,.km-article-band :where(a,button):focus-visible{outline-color:var(--km-orange)}
.km-masthead{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:27px 24px;min-height:110px}
.km-brand{min-width:0;display:flex;flex-direction:column;gap:13px}
.km-site-logo{line-height:1}
.km-site-logo img{display:block;width:201px!important;height:auto!important;max-height:85px;object-fit:contain}
.km-brand-line{font:600 8px/1.5 var(--km-body);letter-spacing:.18em;color:var(--km-muted)}
.km-search{max-width:360px;width:100%}
.km-search .wp-block-search__inside-wrapper{display:flex;gap:0}
.km-search .wp-block-search__input{min-width:0;width:100%;border:1px solid #b9c4ce;border-right:0;border-radius:3px 0 0 3px;background:#fff;color:var(--km-ink);padding:11px 13px;font-size:12px}
.km-search .wp-block-search__button{margin:0;border:1px solid var(--km-navy);border-radius:0 3px 3px 0;background:var(--km-navy);color:#fff;font-size:12px;font-weight:600;padding:10px 16px;cursor:pointer}
.km-masthead>.km-search{max-width:340px;flex:0 1 340px}
.km-nav-wrap{background:var(--km-orange);color:#171f27;border-block:1px solid #dc6d28}
.km-navigation-row{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding-block:12px}
.km-nav{font:600 12px/1.5 var(--km-body);min-width:0}
.km-nav .wp-block-navigation__container{gap:27px;flex-wrap:wrap}
.km-nav a{color:inherit;text-decoration:none}
.km-nav a:hover{text-decoration:underline}
.km-nav-wrap :where(a,button):focus-visible{outline-color:var(--km-navy)}
.km-nav .is-menu-open :where(a,button):focus-visible{outline-color:var(--km-orange)}
.km-desk-link{font-size:11px;font-weight:600;white-space:nowrap;border-left:1px solid #17324755;padding-left:24px}
.km-desk-link a{color:inherit;text-decoration:none}
.km-desk-link span{margin-left:10px}
.km-main{display:block;min-height:50vh}
.km-opening{padding-top:28px}
.km-lead-label{font:600 10px/1.5 var(--km-body);letter-spacing:.12em;color:var(--km-link);border-left:4px solid var(--km-orange);padding-left:11px;margin-bottom:17px}
.km-lead-list,.km-brief-grid,.km-latest-grid,.km-desk-list,.km-archive-grid{list-style:none;padding:0;margin:0;display:grid}
.km-story{min-width:0;margin:0;height:100%}
.km-story-image{background:#edf1f4;overflow:hidden;margin:0}
.km-story-image a{display:block}
.km-story-image img{width:100%;aspect-ratio:16/10;object-fit:contain;display:block}
.km-story-copy{display:flex;flex-direction:column;gap:12px;min-width:0;padding-top:17px}
.km-story h2,.km-story h3{margin:0}
.km-story :where(h2,h3) a{color:inherit;text-decoration:none}
.km-story :where(h2,h3) a:hover{text-decoration:underline;text-decoration-thickness:1px}
.km-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:10px;line-height:1.5;color:var(--km-muted)}
.km-meta a{color:inherit;text-decoration:none}
.km-meta>*{margin:0}
.km-excerpt{font:400 13px/1.75 var(--km-body);color:var(--km-muted)}
.km-excerpt p{margin:0}
.wp-block-post-excerpt__more-text{display:none}
.km-lead{display:flex;flex-direction:column}
.km-lead .km-story-copy{order:-1;padding:0 0 23px;gap:16px}
.km-lead h2{font:700 clamp(35px,4.6vw,62px)/1.04 var(--km-display);letter-spacing:-.015em;color:var(--km-navy);max-width:1140px}
.km-lead .km-excerpt{max-width:970px;font-size:14px;line-height:1.75}
.km-lead .km-meta{font-size:11px}
.km-lead .km-story-image img{aspect-ratio:auto;max-height:510px;object-fit:contain}
body.home .km-story .wp-block-post-terms{display:none}
.km-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:2px solid var(--km-navy);padding-bottom:13px;margin-bottom:25px}
.km-section-head h2{font:700 33px/1.1 var(--km-display);color:var(--km-navy)}
.km-section-link{font:400 11px/1.5 var(--km-body)}
.km-section-link a{color:inherit;text-decoration:none}
.km-section-link span{margin-left:8px}
.km-brief-section{padding-top:30px}
.km-brief-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.km-brief-grid>.wp-block-post{border-left:1px solid var(--km-line);padding-left:20px}
.km-brief-grid>.wp-block-post:first-child{border-left:3px solid var(--km-orange);padding-left:18px}
.km-brief .km-story-copy{padding:0;gap:14px}
.km-brief h3{font:600 25px/1.13 var(--km-display);color:var(--km-navy)}
.km-brief .km-excerpt{display:none}
.km-brief .km-meta{font-size:9px}
.km-home-ad{padding-block:29px 38px}
.km-ad-space{min-height:92px;padding:15px;background:var(--km-paper);border:1px solid var(--km-line);border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.km-ad-label{font:400 9px/1.5 var(--km-body);text-transform:uppercase;letter-spacing:.15em;color:var(--km-muted)}
.km-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;padding-bottom:42px}
.km-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 28px}
.km-latest h3{font:600 29px/1.12 var(--km-display);color:var(--km-navy)}
.km-latest .km-excerpt{font-size:12px;line-height:1.75}
.km-home-aside{align-self:start;position:sticky;top:24px}
.km-city-box{background:var(--km-navy);color:#fff;padding:27px 25px;border-top:5px solid var(--km-orange)}
.km-city-box>.km-kicker{color:#cedbe5;font-size:8px}
.km-city-box>h2{font:700 35px/1.05 var(--km-display);margin-top:17px}
.km-city-nav{margin-top:24px;font:600 21px/1.3 var(--km-display)}
.km-city-nav .wp-block-navigation__container{width:100%;flex-direction:column;align-items:stretch;gap:0}
.km-city-nav .wp-block-navigation-item{width:100%;border-top:1px solid #6c81945c;padding-block:13px}
.km-city-nav a{color:inherit;width:100%;display:flex;justify-content:space-between;gap:15px;text-decoration:none}
.km-city-nav a:after{content:'↗';color:var(--km-orange);font-size:18px}
.km-home-aside>.km-ad-space{min-height:250px;margin-top:25px}
.km-lower-desks{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid var(--km-line);padding-block:33px 46px}
.km-lower-desks .km-kicker{color:var(--km-link);font-size:8px;margin-bottom:11px}
.km-lower-desks .km-section-head h2{font-size:30px}
.km-desk-list{gap:25px}
.km-desk{display:grid;grid-template-columns:135px minmax(0,1fr);gap:21px;align-items:start}
.km-desk .km-story-image img{aspect-ratio:4/3}
.km-desk .km-story-copy{padding:0;gap:11px}
.km-desk h3{font:600 25px/1.13 var(--km-display)}
.km-desk .km-excerpt{display:none}
.km-desk .km-meta{font-size:9px}
.km-footer{background:var(--km-navy);color:#fff;border-top:5px solid var(--km-orange);padding-top:38px}
.km-footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:45px;padding-bottom:35px}
.km-footer .wp-block-site-title{font:700 37px/1.1 var(--km-display);margin:0}
.wp-block-site-title a{color:inherit;text-decoration:none}
.km-footer-copy{font-size:13px;line-height:1.8;color:#c7d3dd;margin-top:18px;max-width:310px}
.km-footer h3{font:600 24px/1.2 var(--km-display);margin-bottom:22px}
.km-footer-topics{font:400 12px/1.5 var(--km-body)}
.km-footer-topics .wp-block-navigation__container{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.km-footer a{color:inherit;text-decoration:none}
.km-footer .wp-block-search__input{background:#1d3a55;border-color:#647c91;color:#fff}
.km-footer .wp-block-search__input::placeholder{color:#cfdae3}
.km-footer .wp-block-search__button{background:var(--km-orange);border-color:var(--km-orange);color:#171f27}
.km-footer-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid #647c9170;padding-block:22px;font-size:10px;color:#c7d3dd}
.km-footer-info{font:400 10px/1.5 var(--km-body)}
.km-footer-info .wp-block-navigation__container{gap:21px}
.km-archive{padding-block:38px 55px}
.km-page-title{font:700 clamp(37px,4.5vw,61px)/1.04 var(--km-display);color:var(--km-navy);margin:17px 0 27px}
.km-archive>.km-search{max-width:500px;margin-bottom:35px}
.km-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 28px}
.km-archive-grid h3{font:600 29px/1.13 var(--km-display)}
.km-archive-grid .km-excerpt{display:none}
.km-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:38px;padding-top:24px;border-top:1px solid var(--km-line);font-size:12px}
.km-pagination .page-numbers{margin-inline:6px}
.km-pagination .current{background:var(--km-orange);color:#171f27;display:inline-block;padding:4px 10px;border-radius:3px}
.km-article-band{background:var(--km-navy);color:#fff}
.km-article-head{padding-block:28px 30px}
.km-breadcrumb{font-size:11px;color:#c7d3dd;margin-bottom:25px}
.km-breadcrumb a{color:inherit;text-decoration:none}
.km-breadcrumb span{margin-inline:8px}
.km-article-topics{display:flex;flex-wrap:wrap;gap:7px 12px;line-height:1.5;font-size:9px;font-weight:600;color:#fff;max-width:1100px}
.km-article-topics a{color:inherit;text-decoration:none;border-bottom:1px solid var(--km-orange);padding-bottom:4px}
.km-article-topics .wp-block-post-terms__separator{display:none}
.km-article-title{max-width:1160px;font:700 clamp(37px,4.7vw,63px)/1.05 var(--km-display);color:#fff;margin:22px 0 27px}
.km-byline{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #647c9170;padding-top:17px}
.km-byline .km-meta{color:#d4dee6;font-size:12px;gap:8px 22px}
.km-reading-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:350px}
.km-copy-link,.km-print-story{border:1px solid #8296a8;border-radius:3px;background:transparent;padding:8px 13px;font-size:11px;font-weight:600;cursor:pointer;color:#fff}
.km-copy-link{background:var(--km-orange);border-color:var(--km-orange);color:#171f27}
.km-copy-status{font-size:10px;line-height:1.5;color:#d4dee6;flex-basis:100%}
.km-copy-status:empty{display:none}
.km-article-visual{max-width:1120px;padding-top:29px}
.km-article-image img{width:100%;max-height:680px;object-fit:contain;background:#edf1f4}
.km-reading-column{width:calc(100% - 40px);max-width:780px;margin-inline:auto!important;padding-block:34px 55px}
.km-article-body{font:400 18px/1.85 var(--km-body)}
.km-article-body>p,.km-article-body>ul,.km-article-body>ol,.km-article-body>figure,.km-article-body>blockquote{margin-block:0 1.45em}
.km-article-body>h2{font:600 37px/1.12 var(--km-display);color:var(--km-navy);margin:1.25em 0 .5em}
.km-article-body>h3{font:600 30px/1.15 var(--km-display);margin:1.1em 0 .5em}
.km-article-body :where(table,pre){max-width:100%;overflow:auto}
.km-article-body :where(iframe,video,object,embed){max-width:100%}
.km-article-body :where(.alignwide,.alignfull){max-width:100%;width:100%;margin-inline:0}
.km-article-body blockquote{margin-inline:0;border-left:4px solid var(--km-orange);background:var(--km-paper);padding:23px 26px;font-size:22px;line-height:1.65}
.km-article-body figcaption{font-size:12px;line-height:1.6;color:var(--km-muted)}
.km-tags{margin-top:25px;padding-top:20px;border-top:1px solid var(--km-line);font-size:11px}
.km-tags a{display:inline-block;background:var(--km-paper);padding:4px 9px;margin:4px;text-decoration:none}
.km-reading-column>.km-ad-space{margin-top:30px}
.km-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-block:28px;padding-block:25px;border-block:1px solid var(--km-line);font:600 25px/1.2 var(--km-display)}
.km-post-nav>div:last-child{text-align:right}
.km-comments{margin-top:35px}
.km-comments h2{font:600 35px/1.2 var(--km-display);margin-bottom:23px}
.km-comment{padding-block:20px;border-bottom:1px solid var(--km-line)}
.km-comment :where(.wp-block-comment-date,.wp-block-comment-reply-link){font-size:12px;margin-block:8px}
.km-comments textarea,.km-comments input:not([type=checkbox]):not([type=submit]){max-width:100%;width:100%;padding:12px;border:1px solid #b9c4ce;border-radius:3px;background:#fff}
.km-comments input[type=submit]{padding:12px 18px;border:0;border-radius:3px;background:var(--km-navy);color:#fff;cursor:pointer}
.km-comments label{display:block;font-size:13px;margin-block:12px 6px}
.km-comments .comment-form-cookies-consent label{display:inline;font-size:12px}
.km-page{max-width:900px;padding-block:40px 60px}
.km-error{max-width:900px;padding-block:70px 90px}
.km-error>p:not(.km-kicker){max-width:620px;margin-bottom:24px}
.km-error>.km-search{margin-block:25px;max-width:500px}
.km-home-link{display:inline-block;background:var(--km-orange);color:#171f27;font-size:12px;font-weight:600;border-radius:3px;text-decoration:none;padding:12px 17px}
.screen-reader-text,.wp-block-search__label.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.screen-reader-text:focus{clip:auto!important;height:auto;width:auto;top:12px;left:12px;background:#fff;padding:12px;color:var(--km-ink);z-index:100000}
@media(min-width:600px){.km-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:flex!important}.km-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:none!important}}
@media(max-width:1100px){.km-nav .wp-block-navigation__container{gap:21px}.km-desk-link{padding-left:18px}.km-lead h2{font-size:53px}.km-brief-grid{gap:20px}.km-brief-grid>.wp-block-post{padding-left:16px}.km-brief h3{font-size:23px}.km-news-layout{grid-template-columns:minmax(0,1fr) 250px;gap:32px}.km-latest-grid{gap:28px 24px}.km-latest h3{font-size:27px}.km-city-box{padding:24px 21px}.km-lower-desks{gap:35px}.km-desk{grid-template-columns:110px minmax(0,1fr);gap:18px}.km-desk h3{font-size:23px}.km-footer-grid{gap:35px}}
@media(max-width:850px){.km-shell{width:calc(100% - 40px)}.km-navigation-row{gap:20px}.km-nav .wp-block-navigation__container{gap:20px}.km-desk-link{display:none}.km-lead h2{font-size:48px}.km-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.km-brief h3{font-size:27px}.km-news-layout{grid-template-columns:1fr}.km-latest h3{font-size:31px}.km-home-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:25px}.km-home-aside>.km-ad-space{margin-top:0}.km-lower-desks{grid-template-columns:1fr;gap:34px}.km-desk-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.km-desk{display:flex;flex-direction:column;gap:17px}.km-desk .km-story-image{width:100%}.km-desk h3{font-size:25px}.km-footer-grid{grid-template-columns:1fr 1fr;gap:35px}.km-footer-find{grid-column:1/-1;max-width:500px}.km-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.km-byline{flex-wrap:wrap}}
@media(max-width:599px){.km-shell{width:calc(100% - 32px)}.km-utility{min-height:31px;gap:12px}.km-utility .km-kicker{font-size:7px;letter-spacing:.07em}.km-utility-nav{font-size:9px}.km-utility-nav .wp-block-navigation__container{gap:13px}.km-masthead{padding-block:22px;min-height:0;flex-wrap:wrap;gap:21px}.km-brand{gap:11px}.km-site-logo img{width:201px!important;max-height:75px}.km-brand-line{font-size:7px;letter-spacing:.14em}.km-masthead>.km-search{max-width:100%;flex-basis:100%}.km-navigation-row{min-height:44px;justify-content:space-between;padding-block:9px}.km-nav{width:auto}.km-desk-link{display:block;padding-left:0;border:0;font-size:11px}.km-nav .wp-block-navigation__responsive-container-open{padding:3px}.km-nav .wp-block-navigation__responsive-container.is-menu-open{padding:65px 25px 30px;background:var(--km-navy);color:#fff}.km-nav .is-menu-open .wp-block-navigation__container{align-items:flex-start;gap:25px;font:600 28px/1.2 var(--km-display)}.km-opening{padding-top:23px}.km-lead-label{font-size:9px;margin-bottom:16px}.km-lead h2{font-size:41px;line-height:1.06}.km-lead .km-story-copy{gap:16px;padding-bottom:22px}.km-lead .km-excerpt{font-size:13px;line-height:1.75}.km-lead .km-meta{font-size:10px;gap:8px 17px}.km-lead .km-story-image img{max-height:380px}.km-brief-section{padding-top:26px}.km-section-head{margin-bottom:22px;padding-bottom:12px;gap:16px}.km-section-head h2{font-size:30px}.km-section-link{font-size:9px;max-width:105px;text-align:right}.km-brief-grid{grid-template-columns:1fr;gap:22px}.km-brief-grid>.wp-block-post{padding-left:17px}.km-brief h3{font-size:27px}.km-brief .km-story-copy{gap:11px}.km-home-ad{padding-block:24px 30px}.km-ad-space{min-height:80px}.km-news-layout{gap:29px;padding-bottom:31px}.km-latest-grid{grid-template-columns:1fr;gap:31px}.km-latest h3{font-size:31px}.km-story-copy{padding-top:16px;gap:12px}.km-home-aside{grid-template-columns:1fr;gap:23px}.km-home-aside>.km-ad-space{min-height:90px}.km-city-box>h2{font-size:34px}.km-city-nav .wp-block-navigation__container{display:grid;grid-template-columns:1fr 1fr;gap:0 19px}.km-city-nav{font-size:20px}.km-lower-desks{padding-block:28px 34px;gap:30px}.km-desk-list{grid-template-columns:1fr;gap:25px}.km-desk{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px}.km-desk h3{font-size:26px}.km-footer{padding-top:31px}.km-footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.km-footer-find{grid-column:auto}.km-footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.km-footer-info .wp-block-navigation__container{gap:16px}.km-archive{padding-block:29px 43px}.km-archive-grid{grid-template-columns:1fr;gap:31px}.km-archive-grid h3{font-size:31px}.km-article-head{padding-block:24px 26px}.km-breadcrumb{margin-bottom:21px}.km-article-topics{font-size:8px;gap:7px 10px}.km-article-title{font-size:43px;line-height:1.06;margin-block:20px 24px}.km-byline{gap:17px;padding-top:16px}.km-byline .km-meta{font-size:10px;gap:7px 14px}.km-article-visual{padding-top:24px}.km-reading-column{width:calc(100% - 32px);padding-block:26px 41px}.km-article-body{font-size:17px;line-height:1.85}.km-article-body>h2{font-size:33px}.km-article-body blockquote{font-size:21px;padding:21px}.km-post-nav{font-size:23px;gap:22px}.km-page{padding-block:30px 45px}.km-error{padding-block:51px 67px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}.km-utility-wrap,.km-nav-wrap,.km-search,.km-footer,.km-reading-tools,.km-comments,.km-post-nav,.km-ad-space{display:none!important}.km-shell,.km-reading-column{width:100%;max-width:100%}.km-masthead{padding-block:0 18px}.km-brand-line{color:#555}.km-article-band{background:#fff;color:#000}.km-article-head{padding-block:15px}.km-article-topics{display:none}.km-article-title{color:#000;font-size:30pt}.km-breadcrumb,.km-byline .km-meta{color:#555}.km-article-body{font-size:12pt;line-height:1.6}.km-article-image img{max-height:320px}.km-byline .km-meta{font-size:10pt}.km-byline{border:0}}