/*
Theme Name: FokusKita Ultimate News
Theme URI: https://fokuskita.com/
Author: FokusKita
Description: Professional news portal theme for FokusKita.com.
Version: 3.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: fokuskita-ultimate-news
*/
:root{--green:#087f52;--green2:#0aa66a;--navy:#071522;--ink:#111827;--muted:#697586;--line:#e6eaf0;--soft:#f5f7f9;--white:#fff;--max:1240px;--radius:14px;--shadow:0 8px 28px rgba(16,24,40,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}img{display:block;max-width:100%}.container{width:min(calc(100% - 32px),var(--max));margin:auto}.topbar{background:var(--navy);color:#dce6ee;font-size:12px}.topbar .container{height:34px;display:flex;justify-content:space-between;align-items:center}.brandbar{background:#fff;border-bottom:1px solid var(--line)}.brandbar .container{min-height:88px;display:flex;align-items:center;gap:24px}.logo img,.custom-logo{width:auto;max-width:250px;max-height:60px}.tagline{font-size:13px;color:var(--muted)}.searchbox{margin-left:auto;height:40px;width:310px;border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden;background:#fff}.searchbox input{border:0;outline:0;padding:0 13px;min-width:0;flex:1}.searchbox button{border:0;background:var(--green);color:#fff;width:44px;font-size:18px}.navwrap{background:var(--green);position:sticky;top:0;z-index:100;box-shadow:0 3px 12px rgba(0,0,0,.14)}.nav{min-height:50px;display:flex;align-items:center;overflow:hidden}.nav>a,.nav .menu-item>a{color:#fff;font-weight:700;font-size:12px;padding:15px 12px;white-space:nowrap}.nav>a:hover,.nav .menu-item>a:hover{background:rgba(255,255,255,.12);color:#fff}.nav ul{display:flex;list-style:none;padding:0;margin:0}.nav .menu-item{list-style:none}.nav-actions{margin-left:auto;display:flex;gap:6px;background:var(--green);padding-left:8px}.iconbtn{border:0;width:36px;height:36px;border-radius:7px;background:rgba(255,255,255,.15);color:#fff;font-size:17px;cursor:pointer}.ticker{border-bottom:1px solid var(--line);background:#fff}.ticker .container{height:40px;display:flex;align-items:center;gap:12px;overflow:hidden}.ticker-label{font-size:11px;font-weight:900;color:var(--green);text-transform:uppercase;white-space:nowrap}.ticker-track{display:flex;gap:24px;overflow:hidden;white-space:nowrap}.ticker-track a{font-size:12px;font-weight:600}.ticker-track a:before{content:'•';color:var(--green);margin-right:8px}.adslot{height:90px;margin:18px 0;border:1px dashed #cbd3dd;background:repeating-linear-gradient(45deg,#fafbfc,#fafbfc 8px,#f2f4f7 8px,#f2f4f7 16px);display:flex;align-items:center;justify-content:center;color:#8a95a5;font-size:11px}.fk-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:18px;margin:20px 0 28px}.fk-lead{height:500px;position:relative;border-radius:16px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.fk-lead-image,.fk-lead-image img{position:absolute;inset:0;width:100%;height:100%}.fk-lead-image img{object-fit:cover}.fk-lead-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.9) 100%)}.fk-lead-copy{position:absolute;left:30px;right:30px;bottom:26px;color:#fff;z-index:2}.kicker{display:inline-block;background:var(--green2);color:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.fk-lead-copy h1{font-size:38px;line-height:1.08;margin:10px 0 8px}.fk-lead-copy h1 a{color:#fff}.fk-lead-copy p{font-size:14px;color:#e3e9ee;margin:0 0 9px;max-width:780px}.meta{font-size:11px;color:var(--muted)}.meta-light{color:#d7e0e8}.fk-side-grid{display:grid;grid-template-rows:1fr 1fr;gap:18px}.fk-side-card{display:grid;grid-template-rows:170px 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.fk-side-image,.fk-side-image img{width:100%;height:170px}.fk-side-image img{object-fit:cover}.fk-side-copy{padding:13px 15px}.fk-side-copy h2{font-size:19px;line-height:1.18;margin:8px 0}.fk-main-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px;margin:0 0 10px}.section-head h2{font-size:21px;margin:0}.section-head h2:before{content:'';display:inline-block;width:5px;height:21px;background:var(--green);margin-right:8px;vertical-align:-4px;border-radius:2px}.section-head a{font-size:11px;color:var(--green);font-weight:800}.fk-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fk-latest-card{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.fk-thumb,.fk-thumb img{width:145px;height:95px}.fk-thumb img{object-fit:cover;border-radius:9px}.fk-latest-copy h3{font-size:16px;line-height:1.23;margin:6px 0 4px}.fk-latest-copy p{font-size:12px;color:var(--muted);margin:5px 0}.fk-category-block{margin-top:32px}.fk-category-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.fk-category-lead{border:1px solid var(--line);border-radius:12px;overflow:hidden}.fk-category-lead>a,.fk-category-lead>a img{width:100%;height:230px}.fk-category-lead>a img{object-fit:cover}.fk-category-body{padding:13px}.fk-category-body h3{font-size:19px;line-height:1.22;margin:7px 0}.fk-mini-list{display:grid;gap:11px}.fk-mini{display:grid;grid-template-columns:105px 1fr;gap:11px;padding-bottom:11px;border-bottom:1px solid var(--line)}.fk-mini>a,.fk-mini>a img{width:105px;height:73px}.fk-mini>a img{object-fit:cover;border-radius:8px}.fk-mini h4{font-size:14px;line-height:1.24;margin:0}.sidebar-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;margin-bottom:18px}.sidebar-card>h3{font-size:17px;margin:0 0 10px}.popular-item{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.popular-num{font-weight:900;font-size:21px;color:#b8c1cb}.popular-item h4{font-size:13px;line-height:1.3;margin:0}.footer{margin-top:55px;background:var(--navy);color:#dce5ee}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1.35fr .85fr;gap:30px;padding:38px 0 30px}.footer-logo img{max-width:205px;max-height:58px}.footer-brand p{color:#aeb9c7;font-size:12px;max-width:280px;margin:12px 0}.footer-social{display:flex;gap:7px}.footer-social a{width:32px;height:32px;border:1px solid #314150;border-radius:7px;display:grid;place-items:center;color:#fff}.footer-col h3{font-size:14px;color:#fff;margin:0 0 12px}.footer-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px}.footer-cat-grid a,.footer-link{font-size:11px;color:#aeb9c7}.footer-latest{display:grid;gap:8px}.footer-news{display:block;padding-bottom:8px;border-bottom:1px solid #243342}.footer-news span{display:block;color:#8291a1;font-size:9px;margin-bottom:2px}.footer-news strong{display:block;color:#dce5ee;font-size:11px;line-height:1.35}.footer-menu{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.footer-menu a{font-size:11px;color:#aeb9c7}.footer-bottom{border-top:1px solid #1d2b38;color:#7f8d9c;font-size:10px;padding:12px 0}.mobile-bottom{display:none}.backtop{position:fixed;right:18px;bottom:18px;width:40px;height:40px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:19px;display:none;z-index:90}.modal-search{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:flex-start;justify-content:center;padding:12vh 18px;z-index:200}.modal-search.open{display:flex}.modal-inner{width:min(680px,100%);background:#fff;border-radius:12px;padding:22px}.modal-inner form{display:flex;gap:7px}.modal-inner input{flex:1;padding:11px;border:1px solid var(--line);border-radius:7px}.modal-inner form button{border:0;background:var(--green);color:#fff;padding:0 16px;border-radius:7px}.search-result{padding:10px 0;border-bottom:1px solid var(--line)}body.dark{background:#0c1420;color:#e8edf2}body.dark .brandbar,body.dark .ticker,body.dark .fk-side-card,body.dark .fk-category-lead,body.dark .sidebar-card,body.dark .modal-inner{background:#111c29;color:#e8edf2}body.dark .section-head,body.dark .fk-latest-card,body.dark .fk-mini,body.dark .footer-bottom{border-color:#2a3948}body.dark .searchbox{background:#111c29}body.dark .searchbox input{color:#fff}@media(max-width:1050px){.fk-hero{grid-template-columns:1.55fr 1fr}.fk-lead{height:450px}.fk-lead-copy h1{font-size:31px}.fk-main-layout{grid-template-columns:1fr 280px}.fk-side-card{grid-template-rows:150px 1fr}.fk-side-image,.fk-side-image img{height:150px}.footer-main{grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:20px}}@media(max-width:760px){.container{width:min(calc(100% - 22px),var(--max))}.topbar .container{justify-content:center}.topbar .container span:last-child{display:none}.brandbar .container{min-height:0;padding:12px 0;display:grid;grid-template-columns:1fr auto}.logo img,.custom-logo{max-width:210px;max-height:52px}.tagline{display:none}.searchbox{grid-column:1/-1;width:100%;margin:0}.nav>a,.nav .menu-item>a{padding:13px 9px;font-size:11px}.nav-actions{position:sticky;right:0}.fk-hero{grid-template-columns:1fr;gap:12px}.fk-lead{height:370px}.fk-lead-copy{left:19px;right:19px;bottom:19px}.fk-lead-copy h1{font-size:27px}.fk-side-grid{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px}.fk-side-card{grid-template-rows:120px 1fr}.fk-side-image,.fk-side-image img{height:120px}.fk-side-copy{padding:10px}.fk-side-copy h2{font-size:15px}.fk-main-layout{grid-template-columns:1fr}.fk-latest-grid{grid-template-columns:1fr}.fk-category-grid{grid-template-columns:1fr}.fk-category-lead>a,.fk-category-lead>a img{height:210px}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:150;justify-content:space-around;padding:6px 0}.mobile-bottom a{font-size:10px;text-align:center;color:#667085}}@media(max-width:480px){.fk-side-grid{grid-template-columns:1fr}.fk-side-card{grid-template-columns:112px 1fr;grid-template-rows:none}.fk-side-image,.fk-side-image img{height:112px}.fk-latest-card{grid-template-columns:105px 1fr}.fk-thumb,.fk-thumb img{width:105px;height:73px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.fk-lead{height:340px}.fk-lead-copy h1{font-size:24px}}
/* 3.2.0: professional related-news and real widget areas */
.homepage-video-section{margin:8px 0 30px}.homepage-video-inner{display:grid;grid-template-columns:1fr;gap:16px}.homepage-video-inner .video-widget-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;box-shadow:var(--shadow)}.video-widget-card iframe,.video-widget-card video,.video-widget-card embed,.video-widget-card object{display:block;width:100%;max-width:100%;min-height:360px;border:0;border-radius:10px}.video-widget-card .wp-video{width:100%!important}.video-widget-card .mejs-container{width:100%!important}.video-widget-card .widget-title{font-size:18px;font-weight:800;margin:0 0 12px}.fk-sidebar-widgets{display:grid;gap:18px}.related-news{margin-top:34px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(16,24,40,.06);min-width:0}.related-image,.related-image img{display:block;width:100%;height:170px}.related-image img{object-fit:cover}.related-body{padding:12px 13px 14px}.related-body .kicker{font-size:9px}.related-body h3{font-size:16px;line-height:1.25;margin:8px 0 7px}.related-empty{color:var(--muted);font-size:13px}.article-content{font-size:17px;line-height:1.8}.article-content img{height:auto!important;max-width:100%!important;margin:18px auto;border-radius:8px}.article-content figure{margin:20px 0}.article-content figure img{margin:0 auto}.article-content figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:6px}.article-content iframe,.article-content video{max-width:100%;width:100%;border-radius:10px}.sidebar-card img,.video-widget-card img{height:auto;max-width:100%}@media(max-width:900px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-widget-card iframe,.video-widget-card video,.video-widget-card embed,.video-widget-card object{min-height:300px}}@media(max-width:600px){.related-grid{grid-template-columns:1fr}.related-image,.related-image img{height:190px}.video-widget-card iframe,.video-widget-card video,.video-widget-card embed,.video-widget-card object{min-height:220px}.article-content{font-size:16px}}

/* 3.3.0: professional reader comments and social login */
.comments-area{margin-top:42px;padding-top:8px}.comments-head{margin-bottom:16px}.comments-count{font-size:12px;color:var(--muted);font-weight:700}.comment-login-box{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#f7fbf9,#fff);margin-bottom:14px}.comment-login-copy{display:grid;gap:4px}.comment-login-copy strong{font-size:16px}.comment-login-copy span{font-size:12px;color:var(--muted)}.comment-login-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reader-login-btn,.reader-register-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:8px;font-size:12px;font-weight:800}.reader-login-btn{background:var(--green);color:#fff}.reader-login-btn:hover{color:#fff;background:#066b45}.reader-register-btn{border:1px solid var(--line);background:#fff;color:var(--ink)}.reader-logged{font-size:12px;color:var(--muted)}.social-comment-login{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff;margin-bottom:20px}.social-divider{display:flex;align-items:center;gap:10px;color:#8995a4;font-size:11px;margin-bottom:13px}.social-divider:before,.social-divider:after{content:"";height:1px;background:var(--line);flex:1}.social-comment-login .nsl-container{display:flex!important;flex-wrap:wrap;gap:9px}.social-comment-login .nsl-container>a{flex:1 1 210px;min-width:180px}.social-comment-login .nsl-button{min-height:42px!important;border-radius:8px!important}.social-note,.social-plugin-note{font-size:11px;color:var(--muted);margin:10px 0 0}.social-plugin-note{border:1px dashed #cbd5df;border-radius:12px;padding:14px 16px;display:grid;gap:4px;background:#fafcfd}.social-plugin-note strong{font-size:12px;color:var(--ink)}.comment-list{list-style:none;margin:0 0 22px;padding:0}.comment-list .comment{list-style:none;margin:0 0 12px}.comment-card{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.comment-avatar img{width:48px;height:48px;border-radius:50%}.comment-main{flex:1;min-width:0}.comment-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comment-top strong{font-size:13px}.comment-top time{font-size:10px;color:#8b96a5}.comment-text{font-size:13px;line-height:1.65;color:#3e4a59;margin:7px 0}.comment-text p{margin:0 0 8px}.comment-reply a{font-size:11px;color:var(--green);font-weight:800}.fkn-comment-form{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;margin-top:20px}.comment-respond .comment-reply-title{font-size:20px;margin:0 0 8px}.comment-notes{font-size:11px;color:var(--muted)}.fkn-comment-form>p{margin:0 0 13px}.fkn-comment-form label{display:block;font-size:12px;font-weight:800;margin:0 0 6px}.fkn-comment-form input,.fkn-comment-form textarea{display:block;width:100%;border:1px solid #d9e0e7;border-radius:9px;background:#fff;padding:11px 12px;font:inherit;font-size:13px;outline:0}.fkn-comment-form input:focus,.fkn-comment-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,127,82,.09)}.fkn-comment-form .comment-form-author,.fkn-comment-form .comment-form-email{display:inline-block;width:calc(50% - 7px);vertical-align:top}.fkn-comment-form .comment-form-author{margin-right:10px}.fkn-comment-form .form-submit{margin-bottom:0}.fkn-comment-form .submit{border:0;border-radius:9px;background:var(--green);color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}.fkn-comment-form .submit:hover{background:#066b45}.logged-in-as{font-size:12px;color:var(--muted)}.logged-in-as a{color:var(--green);font-weight:700}.must-log-in{padding:14px;border-radius:10px;background:#f6f8fa;font-size:12px}.comment-awaiting-moderation{font-size:11px;color:#8b5e00;background:#fff8e1;padding:5px 8px;border-radius:6px}.comments-area .children{list-style:none;margin:12px 0 0 55px;padding:0}.comments-area .children .comment-card{background:#fbfcfd}
body.dark .comment-login-box,body.dark .social-comment-login,body.dark .social-plugin-note,body.dark .comment-card,body.dark .fkn-comment-form{background:#111c29;border-color:#2a3948}.dark .comment-text{color:#cbd5df}.dark .reader-register-btn,.dark .fkn-comment-form input,.dark .fkn-comment-form textarea{background:#0d1722;color:#e8edf2;border-color:#2a3948}
@media(max-width:700px){.comment-login-box{display:block}.comment-login-actions{margin-top:12px}.fkn-comment-form .comment-form-author,.fkn-comment-form .comment-form-email{display:block;width:100%;margin-right:0}.comments-area .children{margin-left:20px}.comment-card{padding:13px}.social-comment-login .nsl-container>a{flex-basis:100%}}