/*
Theme Name: Barta BD News
Author: Barta BD
Description: A responsive Bangla news portal theme for Barta BD with category navigation, lead stories, latest/popular news and video gallery.
Version: 5.5.112
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: barta-bd
*/

:root{--orange:#3277a8;--orange2:#4b82b4;--black:#234f78;--ink:#243746;--muted:#667b8b;--line:#d5e0ea;--bg:#f3f7fa;--soft:#f8fbfd;--container:1320px;}

/* v5.4.0 — central typography and accessibility foundation. */
:root{--barta-bangla-font:"SolaimanLipi","Solaiman Lipi",serif;}
body,button,input,textarea,select{font-family:var(--barta-bangla-font);}
button,input,textarea,select{font-size:inherit;}
.skip-link{position:fixed;left:12px;top:12px;z-index:99999;padding:8px 14px;background:#111;color:#fff;border-radius:6px;transform:translateY(-150%);transition:transform .15s ease;}
.skip-link:focus{transform:translateY(0);color:#fff;}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:var(--body-size,16px);line-height:1.55}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Accessible link text for image-only cards: remains in the DOM and accessibility tree while staying visually off-canvas. */
.a11y-link-text{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important;} .site-main{min-height:50vh}
.topbar{background:#111;color:#fff}.topbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.top-meta{color:#b9d3e8}.socials{display:flex;gap:15px;align-items:center}.socials a{color:#b9d3e8;font-size:16px;font-weight:800}.site-logo{display:flex;align-items:center;width:var(--barta-logo-width);max-width:100%;}.site-logo .custom-logo-link{display:block;line-height:0}.site-logo .custom-logo{width:100%;max-width:100%;max-height:var(--logo-height,78px);object-fit:contain}.site-logo img{max-height:var(--logo-height,78px);width:100%;object-fit:contain}
.masthead{background:#fff}.masthead-inner{min-height:112px;padding-block:var(--header-pad,18px);display:grid;grid-template-columns:1fr minmax(360px,520px) auto;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:48px;height:62px;position:relative}.brand-mark:before{content:"";position:absolute;left:20px;top:4px;width:20px;height:45px;border:6px solid var(--orange);border-right-color:transparent;border-bottom-color:transparent;border-radius:55% 40% 45% 55%;transform:rotate(-28deg)}.brand-mark:after{content:"";position:absolute;left:12px;bottom:8px;width:32px;height:9px;background:#111;border-radius:1px;box-shadow:0 -10px 0 -2px #111}.brand-text{font-size:48px;font-weight:800;letter-spacing:-2px;line-height:.9}.brand-text .accent{color:var(--orange)}.brand-text .dot{font-size:44px;color:var(--orange);letter-spacing:-3px}.search-form{display:flex;border:1px solid #aaa;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.14)}.search-form input{width:100%;height:48px;border:0;outline:0;padding:0 16px;font-size:16px;font-weight:400;background:#fafafa}.search-form button{width:52px;border:0;background:var(--orange);color:#fff;font-size:21px;cursor:pointer}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;min-width:106px;height:48px;padding:0 18px;font-size:15px;font-weight:600;cursor:pointer}.btn-dark{background:#111;color:#fff}.btn-orange{background:var(--orange);color:#111}.primary-nav{background:var(--nav-bg,#3277a8);color:var(--nav-text,#111)}.nav-inner{min-height:48px;display:flex;align-items:center;gap:0;overflow-x:auto}.nav-inner a{font-size:var(--nav-size,15px);font-weight:var(--nav-weight,400);padding:11px var(--nav-pad,15px);white-space:nowrap}.nav-inner a:hover,.nav-inner a.current-menu-item{background:rgba(17,17,17,.08);color:#111;box-shadow:inset 0 -3px 0 #111}.home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(280px,.78fr);gap:26px;padding:28px 0 38px}.section-head{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;border-radius:10px;overflow:hidden;margin-bottom:16px}.section-head h2{margin:0;background:var(--orange);color:#111;padding:10px 18px;font-size:24px}.section-head a{padding:0 18px;color:#b9d3e8;font-weight:700}.lead-card .thumb{aspect-ratio:16/8.2;background:linear-gradient(135deg,#222,#777);border-radius:9px;overflow:hidden;position:relative}.thumb-demo{width:100%;height:100%;background:linear-gradient(135deg,#202020 0%,#5b5b5b 50%,#191919 100%);display:flex;align-items:flex-end;justify-content:flex-start;position:relative;overflow:hidden}.thumb-demo:before{content:"";position:absolute;inset:15% 18% 0;background:linear-gradient(180deg,#cfcfcf,#777);clip-path:polygon(0 30%,20% 12%,38% 24%,58% 5%,78% 20%,100% 0,100% 100%,0 100%);opacity:.7}.thumb-demo:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.75))}.thumb-demo .demo-label{position:absolute;z-index:2;left:16px;bottom:12px;color:#fff;font-size:24px;font-weight:900}.category-badge{position:absolute;z-index:3;left:10px;top:10px;background:var(--orange);color:#111;border-radius:5px;padding:2px 9px;font-weight:800;font-size:13px}.lead-title{font-size:var(--lead-size,35px);line-height:1.08;margin:10px 0 5px;font-weight:800}.meta{font-size:13px;color:#555}.excerpt{font-size:15px;color:#444;margin:6px 0}.small-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.small-card{border-radius:9px;overflow:hidden}.small-card .thumb{aspect-ratio:1.65;background:#444}.small-card .title{font-size:18px;font-weight:800;line-height:1.15;margin-top:6px}.sports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sports-card{border:1px solid #e4e4e4;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08)}.sports-card .thumb{aspect-ratio:1.25}.sports-card .title{padding:7px 8px;font-size:15px;font-weight:800;line-height:1.18}.sports-card .meta{padding:0 8px 8px}.sidebar-box{border:1px solid #aaa;border-radius:9px;overflow:hidden;margin-bottom:10px}.sidebar-head{display:inline-block;background:#111;color:#fff;border-radius:7px;padding:5px calc(var(--sidebar-box-pad,9px) + 3px);margin:var(--sidebar-box-pad,9px);font-weight:900;font-size:var(--sidebar-title-size,18px);line-height:1.2}.latest-list,.popular-list{list-style:none;margin:0;padding:0 calc(var(--sidebar-box-pad,9px) + 4px) 8px}.latest-list li,.popular-list li{display:flex;align-items:flex-start;gap:8px;position:relative;list-style:none;padding:var(--sidebar-item-spacing,7px) 0}.latest-list li{font-size:15px;line-height:1.42;border-bottom:1px dotted #aaa}.latest-list li:last-child{border-bottom:0}.popular-list li{font-size:15px;line-height:1.42;font-weight:800}.sidebar-number{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1;font-variant-numeric:normal;text-rendering:optimizeLegibility}.latest-list a,.popular-list a{flex:1;min-width:0}.popular-box{background:#ffb35c;border-color:#ffb35c;padding-bottom:calc(var(--sidebar-box-pad,9px) - 1px)}
.latest-list li::marker,.popular-list li::marker{content:none;}.newsletter{background:#111;color:#fff;padding:12px;border-radius:0}.newsletter h3{margin:0;color:var(--orange);font-size:18px}.newsletter p{font-size:12px;margin:0 0 8px}.newsletter input{width:100%;height:38px;border:0;border-radius:5px;padding:0 10px;margin-bottom:7px}.newsletter button{width:100%;height:38px;background:var(--orange);border:0;border-radius:5px;font-weight:900;cursor:pointer}.content-wrap{padding:30px 0}.archive-header{border-left:7px solid var(--orange);padding-left:14px;margin-bottom:22px}.archive-header h1{margin:0;font-size:34px}.post-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.news-card{border:1px solid #ddd;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.06)}.news-card .thumb{aspect-ratio:16/9}.news-card .body{padding:13px}.news-card h2{font-size:var(--secondary-title-size,18px);line-height:1.18;margin:5px 0}.single-post{max-width:900px;margin:0 auto}.single-post h1{font-size:44px;line-height:1.08;margin:8px 0}.single-post .post-content{font-size:18px;line-height:1.85}.single-post .post-content p{margin:0 0 18px}.post-hero{margin:18px 0;border-radius:10px;overflow:hidden}.footer{background:#111;color:#fff;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:30px;padding:28px 0}.footer-nav{list-style:none;margin:0;padding:0}.footer-nav li{margin:0}.footer-nav a{display:inline-block;color:#ddd;padding:2px 0;font-size:14px}.footer-nav a:hover{color:var(--orange);text-decoration:none}.footer-menu .footer-nav li+li{margin-top:2px}
.footer-brand{font-size:39px;font-weight:900;color:var(--orange)}.footer h3{color:var(--orange);margin:0 0 6px;font-size:20px}.footer p{margin:3px 0;font-size:14px;color:#ddd}.footer a:hover{color:var(--orange)}.copyright{border-top:1px solid #333;text-align:center;padding:9px;font-size:13px;color:#ddd}.menu-toggle{display:none}
@media(max-width:1050px){.masthead-inner{grid-template-columns:minmax(0,1fr) auto}.search-wrap{grid-column:1/-1;grid-row:2}.home-grid{grid-template-columns:1fr 1fr}.home-grid>aside{grid-column:1/-1}.post-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.brand-text{font-size:40px}.header-actions .btn{min-width:96px}}
@media(max-width:700px){.container{width:min(calc(100% - 20px),var(--container))}.topbar-inner{height:40px}.socials{gap:10px}.masthead-inner{display:block;padding:18px 0}.brand{justify-content:center;margin-bottom:18px}.brand-text{font-size:38px}.site-logo{justify-content:center}.site-logo{width:min(var(--barta-logo-width), 280px)}.site-logo .custom-logo{max-width:100%;max-height:66px}.header-actions{margin-top:12px}.header-actions .btn{flex:1;height:48px}.search-form input{height:48px}.search-form button{height:48px}.nav-inner{justify-content:flex-start}.nav-inner a{font-size:14px;font-weight:500;padding:10px 13px}.home-grid{grid-template-columns:1fr;padding-top:18px}.home-grid>aside{grid-column:auto}.small-grid{gap:12px}.sports-grid{grid-template-columns:1fr 1fr}.lead-title{font-size:28px}.post-list{grid-template-columns:1fr}.single-post h1{font-size:32px}.footer-grid{grid-template-columns:1fr}.section-head h2{font-size:20px}.section-head a{font-size:13px}.brand-mark{width:48px}.brand-text .dot{font-size:34px}}

/* v1.3 customization polish */
.primary-nav{background:var(--nav-bg,#111);color:var(--nav-text,#fff)}
.nav-inner{position:relative}
.nav-inner .primary-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;width:100%;}
.nav-inner>li{position:relative;list-style:none}
.nav-inner>li>a{display:block;color:var(--nav-text,#fff)}
.nav-inner>li:hover>a,.nav-inner>li.current-menu-item>a,.nav-inner>li.current-menu-ancestor>a{color:var(--nav-accent,#3277a8);box-shadow:inset 0 -3px 0 var(--nav-accent,#3277a8)}
.nav-inner .sub-menu{position:absolute;z-index:50;left:0;top:100%;min-width:190px;margin:0;padding:6px 0;background:#111;border:1px solid var(--nav-border,#2b2b2b);box-shadow:0 8px 22px rgba(0,0,0,.2);display:none;list-style:none}
.nav-inner li:hover>.sub-menu,.nav-inner li:focus-within>.sub-menu{display:block}
.nav-inner .sub-menu li{margin:0;padding:0}
.nav-inner .sub-menu a{display:block;padding:8px 14px;font-size:14px;font-weight:400;color:#fff;white-space:nowrap}
.nav-inner .sub-menu a:hover{background:#1d1d1d;color:var(--nav-accent,#3277a8);box-shadow:none}
@media(max-width:1050px){.masthead-inner{padding-block:12px}.nav-inner a{font-size:14px}}
@media(max-width:700px){.masthead-inner{padding-block:14px}.nav-inner a{font-size:13px;padding:10px 12px}}

/* v1.4.1 navigation reliability and dropdown polish */
.primary-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;width:100%;}
.primary-menu>li{position:relative;list-style:none;margin:0;padding:0;}
.primary-menu>li>a{display:block;color:var(--nav-text,#fff);}
.primary-menu .sub-menu{position:absolute;z-index:100;left:0;top:100%;min-width:210px;margin:0;padding:6px 0;background:var(--nav-bg,#3277a8);border:1px solid var(--nav-border,#5a7fa3);box-shadow:0 10px 24px rgba(0,0,0,.22);display:none;list-style:none;}
.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block;}
.primary-menu .sub-menu li{position:relative;list-style:none;margin:0;padding:0;}
.primary-menu .sub-menu a{display:block;padding:8px 14px;color:var(--nav-text,#111);font-size:14px;font-weight:400;white-space:nowrap;}
.primary-menu .sub-menu a:hover{background:rgba(17,17,17,.08);color:#111;box-shadow:none;}
.primary-menu .sub-menu .sub-menu{left:100%;top:-7px;}
.footer-nav{display:block!important;}
.footer-nav .sub-menu{list-style:none;margin:0;padding:0 0 0 10px;}
@media(max-width:700px){.primary-menu{width:max-content;min-width:100%;}.primary-menu .sub-menu{position:static;display:none;box-shadow:none;border:0;padding-left:12px;}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block;}}


/* v1.5.0 — polished desktop header and robust WordPress menu layout */
.topbar-inner{height:38px;font-size:12px}
.masthead{border-bottom:1px solid #ececec}
.masthead-inner{min-height:126px;padding:16px 0;grid-template-columns:minmax(220px,285px) minmax(320px,1fr) auto;gap:var(--header-gap,28px);align-items:center}
.brand{min-width:0;width:100%;align-items:center}
.site-logo{width:min(var(--barta-logo-width,285px),100%);max-height:var(--logo-height,70px);align-items:center;justify-content:flex-start;overflow:hidden}
.site-logo .custom-logo{display:block;width:100%;height:auto;max-height:var(--logo-height,70px);object-fit:contain;object-position:left center}
.site-logo .custom-logo-link{display:block;max-width:100%;width:100%}
.brand-text{font-size:44px;letter-spacing:-1.5px}
.brand-text .dot{font-size:39px}
.search-wrap{min-width:0;width:100%}
.search-form{height:50px;border-radius:9px}
.search-form input{height:50px;font-size:16px}
.search-form button{height:50px;width:58px}
.header-actions{gap:10px;white-space:nowrap}
.header-actions .btn{height:46px;min-width:0;padding:0 12px;border-radius:9px;font-size:15px}
.primary-nav{height:52px;background:var(--nav-bg,#111);overflow:visible}
.nav-inner{height:52px;min-height:52px;display:flex;align-items:stretch;overflow-x:auto;overflow-y:visible;scrollbar-width:none}
.nav-inner::-webkit-scrollbar{display:none}
.nav-inner > ul,
.nav-inner ul.primary-menu,
.nav-inner ul.menu{display:flex!important;flex-direction:row!important;align-items:stretch;justify-content:flex-start;list-style:none!important;margin:0!important;padding:0!important;width:max-content;min-width:100%;gap:0}
.nav-inner ul.primary-menu > li,
.nav-inner ul.menu > li{display:block;position:relative;list-style:none!important;margin:0!important;padding:0!important;flex:0 0 auto}
.nav-inner ul.primary-menu > li > a,
.nav-inner ul.menu > li > a{display:flex;align-items:center;height:52px;color:var(--nav-text,#fff);font-size:var(--nav-size,14px);font-weight:var(--nav-weight,400);line-height:1;white-space:nowrap;padding:0 var(--nav-pad,14px);transition:color .15s ease,background .15s ease;box-shadow:none}
.nav-inner ul.primary-menu > li:hover > a,
.nav-inner ul.primary-menu > li.current-menu-item > a,
.nav-inner ul.primary-menu > li.current-menu-ancestor > a,
.nav-inner ul.menu > li:hover > a,
.nav-inner ul.menu > li.current-menu-item > a,
.nav-inner ul.menu > li.current-menu-ancestor > a{color:var(--nav-accent,#3277a8);background:rgba(255,255,255,.02);box-shadow:inset 0 -3px 0 var(--nav-accent,#3277a8)}
.nav-inner ul.primary-menu .sub-menu,
.nav-inner ul.menu .sub-menu{position:absolute;z-index:100;left:0;top:100%;display:none!important;flex-direction:column!important;min-width:210px;width:max-content;max-width:280px;list-style:none!important;margin:0!important;padding:6px 0!important;background:var(--nav-bg,#3277a8);border:1px solid var(--nav-border,#5a7fa3);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.nav-inner ul.primary-menu li:hover > .sub-menu,
.nav-inner ul.primary-menu li:focus-within > .sub-menu,
.nav-inner ul.menu li:hover > .sub-menu,
.nav-inner ul.menu li:focus-within > .sub-menu{display:flex!important}
.nav-inner ul.primary-menu .sub-menu li,
.nav-inner ul.menu .sub-menu li{display:block;position:relative;width:100%;margin:0!important;padding:0!important}
.nav-inner ul.primary-menu .sub-menu a,
.nav-inner ul.menu .sub-menu a{display:block;height:auto!important;padding:9px 14px!important;color:var(--nav-text,#111);font-size:14px;font-weight:400;line-height:1.35;white-space:nowrap;box-shadow:none!important}
.nav-inner ul.primary-menu .sub-menu a:hover,
.nav-inner ul.menu .sub-menu a:hover{background:rgba(17,17,17,.08);color:#111}
.nav-inner ul.primary-menu .sub-menu .sub-menu,
.nav-inner ul.menu .sub-menu .sub-menu{left:100%;top:-7px}

@media(max-width:1050px){
 .masthead-inner{grid-template-columns:minmax(190px,260px) minmax(260px,1fr) auto;gap:18px;min-height:116px;padding:13px 0}
 .site-logo{width:min(var(--barta-logo-width,260px),100%)}
 .header-actions .btn{min-width:88px;padding:0 12px}
 .nav-inner ul.primary-menu > li > a,.nav-inner ul.menu > li > a{font-size:13px;padding-inline:11px}
}
@media(max-width:700px){
 .masthead-inner{display:flex;flex-wrap:wrap;gap:12px;min-height:0;padding:14px 0}
 .brand{width:100%;justify-content:center}
 .site-logo{width:min(var(--barta-logo-width,285px),90vw);justify-content:center}
 .site-logo .custom-logo-link{width:100%}
 .site-logo .custom-logo{object-position:center}
 .search-wrap{order:2;width:100%}
 .header-actions{order:3;width:100%;gap:8px}
 .header-actions .btn{flex:1;height:46px;min-width:0}
 .primary-nav,.nav-inner{height:48px;min-height:48px}
 .nav-inner ul.primary-menu,.nav-inner ul.menu{min-width:max-content}
 .nav-inner ul.primary-menu > li > a,.nav-inner ul.menu > li > a{height:48px;font-size:13px;padding-inline:11px}
 .nav-inner ul.primary-menu .sub-menu,.nav-inner ul.menu .sub-menu{position:fixed;left:0;right:0;top:auto;max-width:none;width:100%;}
}


.masthead-inner{
  width:min(calc(100% - 48px),1600px);
  grid-template-columns:minmax(190px,var(--logo-column,245px)) minmax(320px,1fr) auto;
  gap:var(--header-gap,22px);
  min-height:108px;
  padding:12px 0;
}
.brand{width:100%;min-width:0}
.site-logo{width:min(var(--barta-logo-width,235px),100%);max-height:var(--logo-height,68px)}
.site-logo .custom-logo{max-height:var(--logo-height,68px)}
.brand-text{font-size:40px;letter-spacing:-1.3px}
.brand-text .dot{font-size:35px}
.search-wrap{min-width:260px}
.search-form{height:48px;border-radius:9px}
.search-form input{height:48px;font-size:15px}
.search-form button{height:48px;width:54px}
.header-actions{gap:9px}
.header-actions .btn{height:48px;min-width:94px;padding-inline:15px;font-size:14px;border-radius:9px}
.primary-nav{height:50px}
.nav-inner{height:50px;min-height:50px}
.nav-inner ul.primary-menu>li>a,.nav-inner ul.menu>li>a{height:50px;font-size:var(--nav-size,14px);font-weight:var(--nav-weight,400);padding-inline:13px}
@media(max-width:1100px){
 .masthead-inner{width:min(calc(100% - 32px),1400px);grid-template-columns:minmax(175px,220px) minmax(260px,1fr) auto;gap:16px;min-height:100px}
 .site-logo{width:min(var(--barta-logo-width,220px),100%)}
 .header-actions .btn{min-width:82px;padding-inline:11px}
}
@media(max-width:760px){
 .masthead-inner{width:min(calc(100% - 20px),var(--container));display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}
 .brand{width:auto;flex:1;justify-content:flex-start;margin:0}
 .site-logo{width:min(var(--barta-logo-width,205px),62vw);justify-content:flex-start}
 .site-logo .custom-logo{max-height:58px;object-position:left center}
 .search-wrap{order:3;min-width:100%;width:100%}
 .header-actions{order:2;margin:0;flex:0 0 auto}
 .header-actions .btn{height:42px;min-width:76px;font-size:13px;padding-inline:10px}
 .primary-nav,.nav-inner{height:46px;min-height:46px}
 .nav-inner ul.primary-menu>li>a,.nav-inner ul.menu>li>a{height:46px;font-size:13px;padding-inline:10px}
}
@media(max-width:470px){
 .brand{flex-basis:100%;justify-content:center}
 .site-logo{width:min(var(--barta-logo-width,205px),76vw);justify-content:center}
 .site-logo .custom-logo{object-position:center}
 .header-actions{width:100%;}
 .header-actions .btn{flex:1}
}


/* v1.8.0 — precise logo sizing controls */
.masthead-inner{
  grid-template-columns: var(--logo-column,250px) minmax(280px,1fr) auto;
  min-height:var(--logo-area-height,84px);
  height:var(--logo-area-height,84px);
  padding:0;
  gap:var(--header-gap,22px);
  align-items:center;
}
.masthead .brand{
  width:var(--logo-column,250px);
  height:var(--logo-area-height,84px);
  min-width:0;
  display:flex;
  align-items:center;
  overflow:hidden;
  transform:translateY(var(--logo-offset,0px));
}
.masthead .site-logo{
  width:min(var(--barta-logo-width,235px),var(--logo-column,250px));
  height:var(--logo-height,62px);
  max-height:none;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
}
.masthead .site-logo .custom-logo-link{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
  line-height:0;
}
.masthead .site-logo .custom-logo,
.masthead .site-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:left center;
}
.masthead .brand-text{max-width:100%;white-space:nowrap;overflow:hidden}
@media(max-width:1100px){
  .masthead-inner{grid-template-columns:minmax(160px,var(--logo-column,220px)) minmax(240px,1fr) auto;height:var(--logo-area-height,84px);min-height:var(--logo-area-height,84px)}
  .masthead .brand{width:var(--logo-column,220px);height:var(--logo-area-height,84px)}
  .masthead .site-logo{width:min(var(--barta-logo-width,220px),var(--logo-column,220px))}
}
@media(max-width:760px){
  .masthead-inner{height:auto;min-height:0;padding:12px 0;display:flex;flex-wrap:wrap;align-items:center}
  .masthead .brand{width:auto;height:auto;min-height:var(--logo-area-height,72px);flex:1;transform:translateY(var(--logo-offset,0px));justify-content:flex-start;overflow:visible}
  .masthead .site-logo{width:min(var(--barta-logo-width,205px),62vw);height:var(--logo-height,58px)}
  .masthead .site-logo .custom-logo,.masthead .site-logo img{object-position:left center}
}
@media(max-width:470px){
  .masthead .brand{flex-basis:100%;justify-content:center}
  .masthead .site-logo{width:min(var(--barta-logo-width,205px),76vw);justify-content:center}
  .masthead .site-logo .custom-logo,.masthead .site-logo img{object-position:center}
}

/* v1.9.0 — automatic weather, sunrise and sunset in the top bar */
.top-meta{display:flex;align-items:center;gap:7px;white-space:nowrap;min-width:0}
.top-separator{opacity:.55}
.weather-value,.sunrise-item,.sunset-item{font-variant-numeric:tabular-nums}
.sunrise-item,.sunset-item{color:#f4f4f4}
.sunrise-item,.sunset-item{font-size:.96em}
@media(max-width:620px){.top-meta{gap:5px;font-size:11px}.top-time{font-size:.96em}}




/* v2.7.0 — hard topbar cleanup and solid block navigation */
.primary-nav{background:#111!important;color:#fff!important;border-top:5px solid #3277a8!important;border-bottom:5px solid #3277a8!important;box-sizing:border-box}
.primary-nav .nav-inner{background:#111!important}
.primary-nav .nav-inner ul.primary-menu,.primary-nav .nav-inner ul.menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;width:100%}
.primary-nav .nav-inner ul.primary-menu>li>a,.primary-nav .nav-inner ul.menu>li>a{display:block;color:#fff!important;background:#111!important}
.primary-nav .nav-inner ul.primary-menu>li:hover>a,.primary-nav .nav-inner ul.menu>li:hover>a,
.primary-nav .nav-inner ul.primary-menu>li.current-menu-item>a,.primary-nav .nav-inner ul.menu>li.current-menu-item>a,
.primary-nav .nav-inner ul.primary-menu>li.current-menu-ancestor>a,.primary-nav .nav-inner ul.menu>li.current-menu-ancestor>a{background:#3277a8!important;color:#111!important;box-shadow:none!important}
.primary-nav .nav-inner ul.primary-menu .sub-menu,.primary-nav .nav-inner ul.menu .sub-menu{background:#111!important;border:2px solid #3277a8!important}
.primary-nav .nav-inner ul.primary-menu .sub-menu a,.primary-nav .nav-inner ul.menu .sub-menu a{color:#fff!important;background:#111!important}
.primary-nav .nav-inner ul.primary-menu .sub-menu a:hover,.primary-nav .nav-inner ul.menu .sub-menu a:hover{background:#3277a8!important;color:#111!important}

/* The top information bar contains only the date, location, weather, sun times and social icons. */
.topbar{overflow:hidden!important}
.topbar .topbar-inner{position:relative;overflow:hidden}
.topbar .topbar-inner>.top-meta{display:flex!important;align-items:center;gap:7px;min-width:0;overflow:hidden;white-space:nowrap;color:#b9d3e8!important}
.topbar .topbar-inner>.socials{display:flex!important;align-items:center;gap:15px;flex:0 0 auto}
.topbar .top-meta>*{display:inline-flex!important;flex:0 0 auto}
.topbar .top-meta .uncategorized,.topbar .top-meta .category,.topbar .top-meta .post-category,.topbar .top-meta .sports-label,.topbar .top-meta .live-category{display:none!important}
/* If an old cached/injected header adds an extra element, keep it out of the topbar. */
.topbar .topbar-inner>*:not(.top-meta):not(.socials){display:none!important}


/* v2.7.0 — force a clean topbar even when stale/cached markup is present */
.topbar .topbar-inner > .top-meta > *:not(.top-date):not(.top-separator):not(.top-time){display:none!important}
.topbar .topbar-inner > .top-meta .uncategorized,
.topbar .topbar-inner > .top-meta [class*="categor"],
.topbar .topbar-inner > .top-meta [class*="sports"],
.topbar .topbar-inner > .top-meta [class*="sport"],
.topbar .topbar-inner > .top-meta [class*="label"]{display:none!important}

/* Solid block navigation: orange bars above/below, black in the middle. */
.primary-nav{background:#111!important;color:#fff!important;border-top:7px solid #3277a8!important;border-bottom:7px solid #3277a8!important;box-sizing:border-box;height:62px!important}
.primary-nav .nav-inner{height:48px!important;min-height:48px!important;background:#111!important}
.primary-nav .nav-inner ul.primary-menu>li>a,
.primary-nav .nav-inner ul.menu>li>a{height:48px!important;background:#111!important;color:#fff!important;box-shadow:none!important}
.primary-nav .nav-inner ul.primary-menu>li:hover>a,
.primary-nav .nav-inner ul.menu>li:hover>a,
.primary-nav .nav-inner ul.primary-menu>li.current-menu-item>a,
.primary-nav .nav-inner ul.menu>li.current-menu-item>a,
.primary-nav .nav-inner ul.primary-menu>li.current-menu-ancestor>a,
.primary-nav .nav-inner ul.menu>li.current-menu-ancestor>a{background:#111!important;color:#3277a8!important;box-shadow:none!important}


/* v2.7.0 — keep the top information strip visually isolated from stray overlays. */
.topbar{position:relative;z-index:1000!important;}
.topbar .topbar-inner{position:relative;z-index:1001!important;}
.topbar .top-meta,.topbar .socials{position:relative;z-index:1002!important;}


.primary-nav .nav-inner ul.primary-menu>li>a,
.primary-nav .nav-inner ul.menu>li>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 15px!important;
  line-height:1.1!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.primary-nav .nav-inner ul.primary-menu>li,
.primary-nav .nav-inner ul.menu>li{display:flex!important;align-items:stretch!important}
.primary-nav .nav-inner{align-items:center!important}

.footer-logo{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  background:#fff;
  border-radius:8px;
  padding:8px 12px;
  min-height:62px;
  max-width:270px;
  overflow:hidden;
}
.footer-logo .custom-logo-link{display:block;line-height:0}
.footer-logo .custom-logo,
.footer-logo img{
  display:block;
  width:auto;
  max-width:240px;
  max-height:56px;
  height:auto;
  object-fit:contain;
}
@media(max-width:700px){
  .primary-nav .nav-inner ul.primary-menu>li>a,
  .primary-nav .nav-inner ul.menu>li>a{padding:0 13px!important;height:46px!important;min-height:46px!important}
  .footer-logo{max-width:250px}
  .footer-logo .custom-logo,.footer-logo img{max-width:220px;max-height:52px}
}

/* v2.9.0 — configurable video gallery at the end of every single news article */
.barta-video-gallery{margin:28px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.video-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.video-gallery-head h2{margin:0;background:#111;color:#fff;display:inline-block;padding:8px 16px;border-radius:7px;font-size:26px;line-height:1.15}
.video-gallery-head p{margin:6px 0 0;color:#666;font-size:14px}
.video-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{margin:0;border:1px solid #ddd;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden}
.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.video-card h3{font-size:18px;line-height:1.25;margin:0;padding:10px 12px 12px;font-weight:800}
@media(max-width:900px){.video-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.barta-video-gallery{margin-top:26px;padding-top:18px}.video-gallery-head{display:block}.video-gallery-head h2{font-size:21px}.video-gallery-grid{grid-template-columns:1fr;gap:14px}.video-card h3{font-size:17px}}

.masthead{
  width:min(calc(100% - 32px),var(--container));
  margin-inline:auto;
  background:#fff;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
}
.masthead-inner{
  width:100%!important;
  max-width:none!important;
}
@media(max-width:700px){
  .masthead{width:calc(100% - 20px);}
}


/* v3.4.0 — real social-brand icons + true brand colors. */
.socials{display:flex;align-items:center;gap:16px;}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:16px;line-height:1;text-decoration:none!important;transition:transform .15s ease,filter .15s ease;}
.socials a:hover{transform:translateY(-1px);filter:brightness(1.08);}
.socials .social-facebook{color:#1877F2!important;}
.socials .social-youtube{color:#FF0000!important;}
.socials .social-x{color:#FFFFFF!important;}
.socials .social-instagram{color:#E4405F!important;background:linear-gradient(45deg,#F58529 0%,#DD2A7B 48%,#8134AF 72%,#515BD4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.socials i{font-size:inherit;line-height:1;}

/* v3.5.0 — full-width single post layout with right news sidebar. */
.single-news-page > .container{width:min(calc(100% - 32px),var(--container));}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:28px;align-items:start;}
.single-post{max-width:none!important;width:100%;margin:0!important;min-width:0;}
.single-post h1{max-width:none;}
.single-post .post-hero{width:100%;}
.single-post .post-hero .thumb-demo{min-height:360px;}
.single-sidebar{min-width:0;position:relative;}
.single-sidebar .sidebar-box{background:#fff;}
.single-sidebar .popular-box{background:#ffb35c;border-color:#ffb35c;}
.single-sidebar .newsletter{background:#111;color:#fff;}
.single-sidebar .sidebar-head{font-size:var(--sidebar-title-size,18px);}
.single-sidebar .latest-list li,.single-sidebar .popular-list li{font-size:15px;}
.single-sidebar .popular-bullet{font-size:13px;}
.page-post{max-width:none!important;width:100%;}
.page-post .post-content{max-width:100%;}
@media(max-width:900px){
  .single-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;}
}
@media(max-width:700px){
  .single-layout{grid-template-columns:1fr;gap:24px;}
  .single-sidebar{order:2;}
  .single-post{order:1;}
  .single-post .post-hero .thumb-demo{min-height:240px;}
}


/* v3.6.0 — remove the masthead search bar; search lives on the right side of the main nav. */
.masthead-inner{
  grid-template-columns:minmax(220px,1fr) auto!important;
  gap:24px!important;
}
.masthead-inner .search-wrap{display:none!important;}

/* v3.6.0 — compact navigation: black middle is ~20% shorter than v3.5. */
.primary-nav{
  height:52px!important;
  border-top:7px solid #3277a8!important;
  border-bottom:7px solid #3277a8!important;
  background:#111!important;
}
.primary-nav .nav-inner{
  height:38px!important;
  min-height:38px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:visible!important;
  position:relative!important;
}
.primary-nav .nav-menu-scroll{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none;
}
.primary-nav .nav-menu-scroll::-webkit-scrollbar{display:none;}
.primary-nav .nav-menu-scroll .primary-menu,
.primary-nav .nav-menu-scroll ul.menu{
  width:max-content!important;
  min-width:0!important;
  display:flex!important;
  align-items:stretch!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu>li>a,
.primary-nav .nav-menu-scroll ul.menu>li>a{
  height:38px!important;
  min-height:38px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-align:center!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu>li:hover>a,
.primary-nav .nav-menu-scroll ul.primary-menu>li.current-menu-item>a,
.primary-nav .nav-menu-scroll ul.primary-menu>li.current-menu-ancestor>a,
.primary-nav .nav-menu-scroll ul.menu>li:hover>a,
.primary-nav .nav-menu-scroll ul.menu>li.current-menu-item>a,
.primary-nav .nav-menu-scroll ul.menu>li.current-menu-ancestor>a{
  background:#111!important;
  color:#3277a8!important;
  box-shadow:none!important;
}
.nav-search{
  position:relative;
  flex:0 0 auto;
  height:38px;
  display:flex;
  align-items:stretch;
  background:#111;
  border-left:1px solid #333;
}
.nav-search-toggle{
  height:38px;
  min-width:92px;
  padding:0 14px;
  border:0;
  background:#111;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font-size:14px;
  font-weight:700;
}
.nav-search-toggle i{color:#3277a8;font-size:14px;}
.nav-search-toggle:hover,.nav-search-toggle[aria-expanded="true"]{color:#3277a8;background:#111;}
.nav-search-panel{
  position:absolute;
  z-index:1000;
  right:0;
  top:calc(100% + 8px);
  width:330px;
  padding:8px;
  background:#fff;
  border:1px solid #bbb;
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
}
.nav-search-panel[hidden]{display:none!important;}
.nav-search-form{height:40px!important;border-radius:6px!important;box-shadow:none!important;}
.nav-search-form input{height:40px!important;font-size:14px!important;}
.nav-search-form button{height:40px!important;width:46px!important;}

@media(max-width:700px){
  .masthead-inner{display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;}
  .masthead-inner .search-wrap{display:none!important;}
  .primary-nav,.primary-nav .nav-inner{height:44px!important;min-height:44px!important;}
  .primary-nav .nav-menu-scroll ul.primary-menu>li>a,
  .primary-nav .nav-menu-scroll ul.menu>li>a{height:30px!important;min-height:30px!important;padding:0 11px!important;font-size:13px!important;}
  .primary-nav .nav-menu-scroll{align-self:center!important;}
  .nav-search{height:30px;align-self:center;}
  .nav-search-toggle{height:30px;min-width:78px;padding:0 10px;font-size:12px;}
  .nav-search-panel{right:0;width:min(320px,calc(100vw - 30px));}
}

/* v4.6.0 — compact header action buttons.
   Subscribe keeps the same 15px text size while using a smaller configurable width.
   Video button sits immediately to its right and is fully configurable from Customizer. */
.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important;}
.header-actions .subscribe-btn,
.header-actions .video-btn{height:37px!important;min-height:37px!important;padding:0 8px!important;font-size:15px!important;font-weight:600!important;line-height:1!important;border-radius:8px!important;box-sizing:border-box!important;}
.header-actions .video-btn{background:var(--video-button-bg,#111)!important;color:var(--video-button-text,#fff)!important;}
.header-actions .video-btn:hover{filter:brightness(.94);text-decoration:none;}
@media(max-width:1100px){
 .header-actions{gap:7px!important;}
 .header-actions .subscribe-btn,.header-actions .video-btn{height:36px!important;min-height:36px!important;font-size:15px!important;padding-inline:8px!important;}
}
@media(max-width:760px){
 .header-actions{width:auto!important;order:2!important;gap:6px!important;}
 .header-actions .subscribe-btn,.header-actions .video-btn{height:34px!important;min-height:34px!important;font-size:15px!important;padding-inline:7px!important;}
}

.header-actions{justify-content:flex-end!important;}
.header-actions .btn-dark{display:none!important;}


/* v4.4.0 — reference-style homepage news feed with right sidebar */
.homepage-reference-feed{background:#fff;padding:30px 0 22px;}
.homepage-reference-grid{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(270px,.88fr);gap:28px;align-items:start;}
.homepage-feed-main{min-width:0;}
.homepage-featured{display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr);gap:30px;align-items:center;}
.featured-copy{min-width:0;}
.featured-category{display:inline-block;background:var(--orange);color:#111;border-radius:5px;padding:3px 10px;font-size:13px;font-weight:900;margin-bottom:10px;}
.featured-copy h1{font-size:var(--lead-size,35px);line-height:1.12;margin:0 0 10px;font-weight:900;}
.featured-copy h1 a{color:#111;}
.featured-copy h1 a:hover{color:var(--orange);}
.featured-copy p{font-size:var(--excerpt-size,14px);line-height:1.65;color:#444;margin:0;}
.featured-image{min-width:0;}
.featured-image>a{display:block;}
.featured-image .thumb-demo,.featured-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;}
.featured-image .thumb-demo{min-height:280px;}
.homepage-feed-divider{height:1px;background:#ddd;margin:20px 0 18px;}
.homepage-three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.homepage-feed-card{min-width:0;}
.feed-card-image{display:block;overflow:hidden;}
.feed-card-image img,.feed-card-image .thumb-demo{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;}
.feed-card-body h2{font-size:var(--secondary-title-size,18px);line-height:1.23;margin:8px 0 5px;font-weight:900;}
.feed-card-body h2 a{color:#111;}
.feed-card-body h2 a:hover{color:var(--orange);}
.feed-card-body p{font-size:15px;line-height:1.55;color:#555;margin:0;}
.homepage-feed-card .card-summary,
.homepage-category-card .card-summary,
.news-card .excerpt{
  font-size:var(--excerpt-size,14px);
  line-height:1.55;
  color:#555;
  margin:5px 0 0;
}
.category-card-body .card-summary{
  margin:5px 0 4px;
}

.homepage-reference-sidebar{min-width:0;}
.homepage-reference-sidebar .sidebar-box{margin-bottom:14px;}
.homepage-reference-sidebar .latest-list li,.homepage-reference-sidebar .popular-list li{font-size:15px;}
.homepage-sports-strip{padding:8px 0 28px;}
@media(max-width:900px){
 .homepage-reference-grid{grid-template-columns:minmax(0,1.7fr) minmax(245px,.9fr);gap:18px;}
 .homepage-featured{grid-template-columns:1fr 1.35fr;gap:18px;}
 .featured-copy h1{font-size:var(--lead-size,35px);}
 .featured-copy p{font-size:var(--excerpt-size,14px);}
 .homepage-three-cards{gap:16px;}
 .feed-card-body h2{font-size:var(--secondary-title-size,18px);}
}
@media(max-width:700px){
 .homepage-reference-feed{padding:20px 0 12px;}
 .homepage-reference-grid{grid-template-columns:1fr;gap:22px;}
 .homepage-featured{grid-template-columns:1fr;gap:14px;}
 .featured-image{order:-1;}
 .featured-copy h1{font-size:var(--lead-size,35px);}
 .featured-copy p{font-size:var(--excerpt-size,14px);}
 .homepage-three-cards{grid-template-columns:1fr;gap:22px;}
 .homepage-feed-card{display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px;align-items:start;}
 .feed-card-body h2{margin-top:0;font-size:min(var(--secondary-title-size,18px),17px);}
}


/* v5.5.34 — compact single-news breadcrumb and newsroom byline presentation. */
.single-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0 9px;
  margin:0 0 13px;
  padding:0;
  color:#777;
  font-size:14px;
  line-height:1.5;
}
.single-breadcrumb a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#444;
  text-decoration:none;
  font-weight:600;
}
.single-breadcrumb a:hover{color:var(--orange);}
.single-breadcrumb-home i{font-size:12px;color:#666;}
.single-breadcrumb-separator{color:#aaa;font-size:16px;line-height:1;}
.single-post>h1{margin-top:0;}
.single-post-author span{font-weight:600;color:inherit;}
@media(max-width:700px){
  .single-breadcrumb{font-size:13px;margin-bottom:10px;gap:0 7px;}
}

/* v5.5.35 — single-news metadata follows the requested newsroom layout. */
.single-post-header-meta{align-items:flex-start;}
.single-post-date-meta{display:flex;flex-direction:column;align-items:flex-start;gap:11px;}
.single-post-date-meta p{display:flex;align-items:center;gap:8px;margin:0;color:#777;}
.single-post-author{font-size:15px;color:#222!important;}
.single-post-author i{font-size:14px;color:#222;width:17px;text-align:center;}
.single-post-author a,.single-post-author>span:last-child{font-weight:600;color:inherit;}
.single-post-publish-date,.single-post-modified-date{font-size:14px;color:#8a8a8a!important;}
.single-post-publish-date i,.single-post-modified-date i{font-size:15px;color:#8b8b8b;width:17px;text-align:center;}
.single-post-author .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:700px){
  .single-post-header-meta{display:flex;align-items:flex-start;}
  .single-post-date-meta{gap:9px;}
  .single-post-author{font-size:14px;}
  .single-post-publish-date,.single-post-modified-date{font-size:13px;}
}

/* v5.5.63 — explicit headline-to-author/share spacing; avoids margin collapse. */
.single-post>h1{margin-bottom:22px!important;}
.single-post-header-meta{margin-top:0!important;}
.single-post-author-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-width:0;
  flex-wrap:nowrap;
}
.single-post-author-row .single-post-author{
  margin:0;
  flex:0 1 auto;
  min-width:0;
}
.single-post-share{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  width:auto;
  margin:0 0 0 auto;
  padding:0;
  border:0;
  flex:0 0 auto;
  flex-wrap:nowrap;
  overflow:visible;
}
.single-post-share .share-count{
  min-width:46px;
  padding:0 3px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1;
  color:#555;
  text-align:center;
  flex:0 0 auto;
}
.single-post-share .share-count strong{
  display:block;
  font-family:Arial,sans-serif;
  font-size:19px;
  font-weight:700;
  line-height:1;
  color:#444;
}
.single-post-share .share-count span{
  display:block;
  margin-top:2px;
  font-family:Arial,sans-serif;
  font-size:9px;
  font-weight:600;
  color:#666;
}
.single-post-share .share-btn{
  width:37px;
  height:33px;
  flex:0 0 37px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid transparent;
  background:#fff;
  color:#fff;
  text-decoration:none!important;
  cursor:pointer;
  font-size:15px;
  line-height:1;
  box-shadow:none;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}
.single-post-share .share-btn:hover{transform:translateY(-1px);filter:brightness(.96);box-shadow:0 2px 6px rgba(0,0,0,.08);}
.single-post-share .share-facebook{background:#4267B2;border-color:#4267B2;}
.single-post-share .share-x{background:#000;border-color:#000;}
.single-post-share .share-linkedin{background:#0A7BB5;border-color:#0A7BB5;}
.single-post-share .share-whatsapp{background:#25D366;border-color:#25D366;}
.single-post-share .share-telegram{background:#229ED9;border-color:#229ED9;}
.single-post-share .share-print{background:#fff;color:#333;border-color:#d5d5d5;}
.single-post-share .share-btn i{font-size:15px;line-height:1;}
@media(max-width:900px){
  .single-post-author-row{gap:12px;}
  .single-post-share{gap:5px;margin-left:auto;}
  .single-post-share .share-btn{width:35px;height:31px;flex-basis:35px;border-radius:7px;}
  .single-post-share .share-btn i{font-size:14px;}
  .single-post-share .share-count{min-width:43px;}
  .single-post-share .share-count strong{font-size:18px;}
  .single-post-share .share-count span{font-size:8px;}
}
@media(max-width:700px){
  .single-post-header-meta{margin-top:11px;}
  .single-post-author-row{align-items:center;gap:9px;}
  .single-post-share{gap:4px;margin-left:auto;}
  .single-post-share .share-btn{width:33px;height:29px;flex-basis:33px;border-radius:7px;}
  .single-post-share .share-btn i{font-size:13px;}
  .single-post-share .share-count{min-width:39px;padding-inline:0;}
  .single-post-share .share-count strong{font-size:17px;}
  .single-post-share .share-count span{font-size:7px;}
}
@media print{
  .topbar,.masthead,.primary-nav,.single-sidebar,.footer,.barta-video-gallery-wrap,.single-post-share{display:none!important;}
  .single-news-page>.container{width:100%!important;max-width:none!important;}
  .single-layout{display:block!important;}
  .single-post{width:100%!important;max-width:none!important;}
  .single-post-header-meta{margin-bottom:12px;}
}

.footer-publication-info{border-top:1px solid #333;background:#0b0b0b;color:#fff;}
.footer-publication-inner{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;padding:13px 0 12px;}
.publication-item{display:flex;align-items:baseline;gap:7px;padding:2px 20px;border-right:1px solid #444;font-size:14px;line-height:1.55;}
.publication-item:last-child{border-right:0;}
.publication-item strong{color:var(--orange);font-weight:800;white-space:nowrap;}
.publication-item span{color:#eee;}
.publication-office span{white-space:normal;text-align:center;}


@media(max-width:700px){
  .footer-publication-inner{display:block;text-align:center;padding:10px 0;}
  .publication-item{display:block;border-right:0;border-bottom:1px solid #333;padding:7px 10px;}
  .publication-item:last-child{border-bottom:0;}
  .publication-item strong,.publication-item span{display:block;}
}

/* v5.4.7 — homepage category sections: National, Politics, Sports, Entertainment. */
.homepage-category-strip{padding:8px 0 24px;}
.homepage-category-strip + .homepage-category-strip{padding-top:4px;}
.homepage-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.homepage-category-card{min-width:0;background:#fff;}
.category-card-image{display:block;overflow:hidden;}
.category-card-image img,.category-card-image .thumb-demo{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;}
.category-card-body h3{font-size:var(--secondary-title-size,18px);line-height:1.22;margin:7px 0 3px;font-weight:900;}
.category-card-body h3 a{color:#111;}
.category-card-body h3 a:hover{color:var(--orange);}
.category-card-body .meta{font-size:13px;color:#555;}
@media(max-width:900px){
  .homepage-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .category-card-body h3{font-size:var(--secondary-title-size,18px);}
}
@media(max-width:700px){
  .homepage-category-strip{padding:6px 0 18px;}
  .homepage-category-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .category-card-body h3{font-size:min(var(--secondary-title-size,18px),17px);line-height:1.2;}
}

/* v5.4.9 — compact homepage category headers */
.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:transparent;
  color:#111;
  border-radius:0;
  overflow:visible;
  margin-bottom:14px;
  min-height:40px;
  border-bottom:1px solid #d9d9d9;
}
.section-head h2{
  margin:0;
  background:var(--orange);
  color:#111;
  padding:5px 13px 4px;
  border-radius:5px 5px 0 0;
  font-size:19px;
  line-height:1.25;
  font-weight:800;
}
.section-head a{
  padding:0 2px 3px 12px;
  color:#d96a00;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
.section-head a:hover{color:#111;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .section-head{min-height:37px;margin-bottom:12px}
  .section-head h2{font-size:18px;padding:4px 11px 3px}
  .section-head a{font-size:13px;padding-left:8px}
}


/* v5.4.9 — softer video-gallery divider and popular-news background */
.barta-video-gallery{margin:28px 0 12px;padding-top:18px;border-top:1px solid var(--line);}
.video-gallery-head{margin-bottom:16px;}
@media(max-width:700px){
  .barta-video-gallery{margin-top:24px;padding-top:14px;margin-bottom:10px;}
  .video-gallery-head{margin-bottom:13px;}
}


/* v5.5.0 — Customizer controls for sidebar title size and compactness. */
.sidebar-box{margin-bottom:calc(var(--sidebar-box-pad,9px) + 1px);}
@media(max-width:700px){
  .sidebar-head{font-size:var(--sidebar-title-size,18px);}
}

/* v5.5.3 — softer main navigation treatment. */
.primary-nav{
  height:50px!important;
  border-top:5px solid #3277a8!important;
  border-bottom:5px solid #3277a8!important;
  background:#595959!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu>li:hover>a,
.primary-nav .nav-menu-scroll ul.primary-menu>li.current-menu-item>a,
.primary-nav .nav-menu-scroll ul.primary-menu>li.current-menu-ancestor>a,
.primary-nav .nav-menu-scroll ul.menu>li:hover>a,
.primary-nav .nav-menu-scroll ul.menu>li.current-menu-item>a,
.primary-nav .nav-menu-scroll ul.menu>li.current-menu-ancestor>a{
  background:#595959!important;
}
.nav-search{background:#595959!important;}
.nav-search-toggle{background:#595959!important;}
.nav-search-toggle:hover,.nav-search-toggle[aria-expanded="true"]{background:#595959!important;}
@media(max-width:700px){
  .primary-nav,.primary-nav .nav-inner{height:42px!important;min-height:42px!important;}
}

/* v5.5.7 — make the entire main navigation strip uniformly grey. */
.primary-nav,
.primary-nav .nav-inner,
.primary-nav .nav-menu-scroll,
.primary-nav .nav-menu-scroll .primary-menu,
.primary-nav .nav-menu-scroll ul.menu,
.primary-nav .nav-menu-scroll ul.primary-menu > li,
.primary-nav .nav-menu-scroll ul.menu > li,
.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a,
.primary-nav .nav-search,
.primary-nav .nav-search-toggle{
  background:#595959!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-ancestor > a,
.primary-nav .nav-menu-scroll ul.menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-ancestor > a{
  background:#595959!important;
}


/* v5.5.15 — Barta BD custom blue editorial palette built around #3277a8. Layout and typography unchanged. */
body{background:#f3f7fa;color:#243746}
.topbar{background:#0e3f54;color:#fff}
.top-meta{color:#b9d3e8}
.socials a{color:#a9cde5}
.masthead{background:#fff}
.brand-mark:before{border-color:#3277a8;border-right-color:transparent;border-bottom-color:transparent}
.brand-mark:after{background:#234f78;box-shadow:0 -10px 0 -2px #234f78}
.brand-text .accent,.brand-text .dot{color:#3277a8}
.search-form button{background:#3277a8;color:#fff}
.btn-orange{background:#3277a8;color:#fff}
.btn-dark{background:#234f78;color:#fff}

.primary-nav{background:#2a5f91!important;color:#fff!important;border-top-color:#2a5f91!important;border-bottom-color:#2a5f91!important}
.nav-inner a{color:#fff}
.nav-inner a:hover,.nav-inner a.current-menu-item{background:rgba(255,255,255,.08);color:#b9d3e8;box-shadow:inset 0 -3px 0 #8db8d8}
.nav-inner>li:hover>a,.nav-inner>li.current-menu-item>a,.nav-inner>li.current-menu-ancestor>a{color:#b9d3e8;box-shadow:inset 0 -3px 0 #8db8d8}
.nav-inner .sub-menu a:hover{background:#0e3f54;color:#b9d3e8}
.primary-menu .sub-menu,.nav-inner ul.menu .sub-menu,.nav-inner ul.primary-menu .sub-menu{background:#2a5f91!important;border-color:#5c84a8!important}
.nav-inner ul.menu>li.current-menu-ancestor>a,.nav-inner ul.primary-menu>li.current-menu-ancestor>a{background:#2a5f91!important;color:#b9d3e8!important;box-shadow:none!important}
.nav-search-toggle i{color:#b9d3e8}
.nav-search-toggle:hover,.nav-search-toggle[aria-expanded="true"]{color:#b9d3e8;background:#0e3f54}

.section-head{background:#234f78}
.section-head h2{background:#3277a8;color:#fff}
.section-head a{color:#b9d3e8}

.featured-category{background:#3277a8;color:#fff}
.featured-copy h1 a:hover,.feed-card-body h2 a:hover,.category-card-body h3 a:hover{color:#3277a8}

.sidebar-box{background:#fff;border-color:#ccd9e4}
.sidebar-head{background:#234f78;color:#fff}
.popular-box{background:#e3eef7!important}
.popular-box .sidebar-head{background:#2a5f91;color:#fff}
.sidebar-number{background:#2a5f91;color:#fff}

.newsletter{background:#234f78}
.newsletter h3{color:#b9d3e8}
.newsletter button{background:#3277a8;color:#fff}

.archive-header{border-left-color:#3277a8}
.archive-header h1{color:#243746}
.news-card{background:#fff;border-color:#d6e0e9}
.news-card h2 a:hover{color:#3277a8}

.homepage-category-strip{background:transparent}
.homepage-category-card,.homepage-feed-card{background:#fff;border-color:#d5e0ea}
.homepage-category-card .meta{color:#6a7e87}

.video-gallery{background:#f3f7fa}
.video-gallery .gallery-rule{border-top-color:#d5e0ea}

.footer{background:#234f78}
.footer-brand,.footer h3{color:#b9d3e8}
.footer a:hover{color:#b9d3e8}
.copyright{border-top-color:#466a88}

a:hover{color:#3277a8}
:focus-visible{outline-color:#3277a8}



.masthead{background:#fff;box-shadow:0 1px 0 rgba(35,55,70,.05)}
.header-actions .subscribe-btn,
.btn-orange{background:#3277a8!important;color:#fff!important;border:1px solid #3277a8}
.header-actions .video-btn,
.btn-dark{background:#234f78!important;color:#fff!important;border:1px solid #234f78}
.header-actions .btn{box-shadow:0 2px 6px rgba(35,55,70,.12)}
.header-actions .btn:hover{filter:brightness(.96);box-shadow:0 3px 8px rgba(35,55,70,.16)}

.primary-nav{
  background:#fff!important;
  color:#111!important;
  border-top:1px solid #e2e2e2!important;
  border-bottom:1px solid #d8d8d8!important;
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
.nav-inner a,
.nav-inner .primary-menu>li>a,
.nav-inner .menu>li>a{
  color:#111!important;
  background:transparent!important;
  box-shadow:none!important;
}
.nav-inner a:hover,
.nav-inner a:focus,
.nav-inner a.current-menu-item,
.nav-inner>li:hover>a,
.nav-inner>li.current-menu-item>a,
.nav-inner>li.current-menu-ancestor>a{
  color:#3277a8!important;
  background:#f5f7f9!important;
  box-shadow:none!important;
}
.nav-inner .sub-menu,
.primary-menu .sub-menu,
.nav-inner ul.menu .sub-menu,
.nav-inner ul.primary-menu .sub-menu{
  background:#fff!important;
  border:1px solid #d9d9d9!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
}
.nav-inner .sub-menu a:hover{
  background:#f5f7f9!important;
  color:#3277a8!important;
}
.nav-search-toggle,
.nav-search-toggle i{
  color:#111!important;
  background:transparent!important;
}
.nav-search-toggle:hover,
.nav-search-toggle[aria-expanded="true"]{
  color:#3277a8!important;
  background:#f5f7f9!important;
}

.footer{
  background:#fff!important;
  color:#243746!important;
  border-top:1px solid #d9e1e7;
  box-shadow:0 -1px 4px rgba(35,55,70,.04);
}
.footer-brand,
.footer h3{
  color:#243746!important;
}
.footer p,
.footer a{
  color:#4d5e6b!important;
}
.footer a:hover{color:#3277a8!important}
.copyright{
  border-top:1px solid #d9e1e7!important;
  color:#687782!important;
  background:#fff!important;
}



.primary-nav,
.primary-nav .nav-inner,
.primary-nav .nav-menu-scroll,
.primary-nav .nav-menu-scroll .primary-menu,
.primary-nav .nav-menu-scroll ul.menu,
.primary-nav .nav-menu-scroll ul.primary-menu,
.primary-nav .nav-menu-scroll ul.primary-menu > li,
.primary-nav .nav-menu-scroll ul.menu > li,
.primary-nav .nav-search,
.primary-nav .nav-search-toggle{
  background:#fff!important;
  color:#111!important;
}
.primary-nav{
  border-top:1px solid #e2e2e2!important;
  border-bottom:1px solid #d8d8d8!important;
  box-shadow:0 1px 3px rgba(0,0,0,.04)!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a,
.primary-nav .nav-search-toggle,
.primary-nav .nav-search-toggle i{
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-ancestor > a,
.primary-nav .nav-menu-scroll ul.menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-ancestor > a,
.primary-nav .nav-search-toggle:hover,
.primary-nav .nav-search-toggle[aria-expanded="true"]{
  background:#f5f7f9!important;
  color:#3277a8!important;
  box-shadow:none!important;
}

/* Blue button pair with a clear tonal relationship. */
.header-actions .subscribe-btn{background:#3277a8!important;border-color:#3277a8!important}
.header-actions .video-btn{background:#234f78!important;border-color:#234f78!important}
.header-actions .btn{box-shadow:0 2px 6px rgba(35,55,70,.12)!important}

/* Neutral footer. */
.footer{background:#fff!important;color:#243746!important;border-top:1px solid #d9e1e7!important}
.footer-brand,.footer h3{color:#243746!important}
.footer p,.footer a{color:#4d5e6b!important}
.footer a:hover{color:#3277a8!important}
.copyright{background:#fff!important;color:#687782!important;border-top:1px solid #d9e1e7!important}



/* v5.5.17 — final width and header refinements */
.topbar{
  background:#3277a8!important;
  color:#fff!important;
}
.topbar .top-meta,
.topbar .socials a{
  color:#fff!important;
}
.topbar .socials a:hover{color:#eaf4fb!important}

.barta-video-gallery-wrap{
  background:#f1f3f5!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.barta-video-gallery{
  background:#f1f3f5!important;
}
.video-gallery-head{
  border-bottom:1px solid #d9dee3;
  padding-bottom:10px;
}
.video-gallery-head h2{
  background:#3277a8!important;
  color:#fff!important;
}
.video-card{
  background:#fff!important;
  border-color:#d8dde2!important;
}
.video-frame{
  background:#dfe3e7!important;
}



/* v5.5.18 — restore original social colours and refine header controls */
.topbar .top-meta,
.topbar .topbar-inner>.top-meta{
  color:#fff!important;
}
.topbar .socials a{
  color:inherit!important;
}
/* Preserve each platform's original brand colour. */
.topbar .socials .social-facebook{color:#1877F2!important;}
.topbar .socials .social-youtube{color:#FF0000!important;}
.topbar .socials .social-x{color:#000!important;}
.topbar .socials .social-instagram{
  color:#E4405F!important;
  background:linear-gradient(45deg,#F58529 0%,#DD2A7B 48%,#8134AF 72%,#515BD4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* The divider immediately left of the search control should stay neutral. */
.primary-nav .nav-search{
  border-left:1px solid #d9d9d9!important;
  background:#fff!important;
}
.primary-nav .nav-search-toggle{
  background:#fff!important;
  color:#111!important;
}
.primary-nav .nav-search-toggle i{
  color:#111!important;
}
.primary-nav .nav-search-toggle:hover,
.primary-nav .nav-search-toggle[aria-expanded="true"]{
  background:#f5f7f9!important;
  color:#3277a8!important;
}
.primary-nav .nav-search-toggle:hover i,
.primary-nav .nav-search-toggle[aria-expanded="true"] i{
  color:#3277a8!important;
}

/* The header Video button is intentionally soft grey, not black. */
.header-actions .video-btn{
  background:#6f7780!important;
  border-color:#6f7780!important;
  color:#fff!important;
}
.header-actions .video-btn:hover{
  background:#626a73!important;
  border-color:#626a73!important;
}



/* v5.5.19 — social icons beside header buttons + neutral video button */
.header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.header-socials{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-right:2px!important;
}
.header-socials a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  font-size:16px!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .15s ease,filter .15s ease!important;
}
.header-socials a:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
.header-socials .social-facebook{color:#1877F2!important;}
.header-socials .social-youtube{color:#FF0000!important;}
.header-socials .social-x{color:#000!important;}
.header-socials .social-instagram{
  color:#E4405F!important;
  background:linear-gradient(45deg,#F58529 0%,#DD2A7B 48%,#8134AF 72%,#515BD4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.header-socials i{font-size:inherit!important;line-height:1!important;}
.header-social-divider{
  width:1px!important;
  height:28px!important;
  background:#d2d7dc!important;
  margin:0 4px 0 3px!important;
  flex:0 0 1px!important;
}
.header-actions .video-btn,
.header-actions .video-btn:hover{
  background:#6f7780!important;
  border-color:#6f7780!important;
  color:#fff!important;
  box-shadow:0 2px 6px rgba(35,55,70,.12)!important;
}

/* No social icons remain in the top utility bar. */
.topbar .socials{display:none!important;}

@media(max-width:700px){
  .header-socials{gap:10px!important;}
  .header-social-divider{height:24px!important;margin-inline:2px!important;}
}



/* v5.5.20 — keep social icons and action buttons as one right-aligned group */
.masthead-inner{
  grid-template-columns:minmax(220px,1fr) auto!important;
}
.header-actions{
  grid-column:2!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.header-socials{
  flex:0 0 auto!important;
  width:auto!important;
}
.header-social-divider{
  flex:0 0 1px!important;
}
.header-actions .subscribe-btn,
.header-actions .video-btn{
  flex:0 0 auto!important;
}
@media(max-width:760px){
  .masthead-inner{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .header-actions{
    grid-column:2!important;
    width:max-content!important;
    margin-left:auto!important;
    flex-wrap:nowrap!important;
  }
}
@media(max-width:470px){
  .masthead-inner{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .header-actions{
    width:100%!important;
    justify-content:flex-end!important;
    order:2!important;
  }
}



/* v5.5.21 — homepage category header bar kept white; title badge remains branded */
.homepage-category-strip .section-head,
.home-grid .section-head,
.homepage .section-head{
  background:#fff!important;
  color:#111!important;
  border-bottom:1px solid #d9dfe4!important;
  box-shadow:none!important;
}
.section-head{
  background:#fff!important;
  color:#111!important;
}
.section-head h2{
  background:#3277a8!important;
  color:#fff!important;
}
.section-head a{
  color:#3277a8!important;
}
.section-head a:hover{
  color:#234f78!important;
}


/* v5.5.22 — section "all news" links are always black */
.section-head a,
.section-head a:visited,
.section-head a:hover,
.section-head a:focus,
.section-head a:active{
  color:#111!important;
}


/* v5.5.23 — darker hover accent for readability */
:root{--barta-hover-blue:#285f8f;}
a:hover,
a:focus-visible{
  color:var(--barta-hover-blue)!important;
}
.nav-inner>li:hover>a,
.nav-inner>li.current-menu-item>a,
.nav-inner>li.current-menu-ancestor>a,
.primary-nav .nav-inner ul.primary-menu>li:hover>a,
.primary-nav .nav-inner ul.menu>li:hover>a{
  color:var(--barta-hover-blue)!important;
  box-shadow:inset 0 -3px 0 var(--barta-hover-blue)!important;
}
.nav-inner .sub-menu a:hover,
.primary-nav .nav-inner ul.primary-menu .sub-menu a:hover,
.primary-nav .nav-inner ul.menu .sub-menu a:hover{
  background:var(--barta-hover-blue)!important;
  color:#fff!important;
}
.nav-search-toggle:hover,
.nav-search-toggle[aria-expanded="true"]{
  color:var(--barta-hover-blue)!important;
}
.featured-copy h1 a:hover,
.feed-card-body h2 a:hover,
.category-card-body h3 a:hover,
.news-card h2 a:hover{
  color:var(--barta-hover-blue)!important;
}
.section-head a:hover{color:var(--barta-hover-blue)!important;}
.footer a:hover{color:var(--barta-hover-blue)!important;}
:focus-visible{outline-color:var(--barta-hover-blue)!important;}

/* Footer identity/contact layout after removing the publication strip. */
.footer-publisher-editor{
  margin-top:10px;
  color:#4d5e6b;
  line-height:1.55;
}



/* v5.5.24 — footer identity alignment and current blue design system */
.footer-grid{align-items:start!important;}
.footer-identity{text-align:left;}
.footer-logo{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:0!important;
  min-height:0!important;
  background:transparent!important;
  border-radius:0!important;
}
.footer-logo .custom-logo,
.footer-logo img{
  margin:0!important;
  max-width:240px!important;
}
.footer-identity>p{margin-left:0!important;margin-right:0!important;}
.footer-publisher-editor{margin-top:8px!important;}

/* v5.5.25 — footer publisher/editor two-line layout and +1px body text */
.footer-publisher-editor{
  margin-top:10px;
  line-height:1.55;
  color:#4d5e6b;
  font-size:calc(1em + 1px);
}
.footer-publisher-editor .footer-publisher-label,
.footer-publisher-editor .footer-publisher-name{
  display:block;
}
.footer-publisher-editor .footer-publisher-label{
  margin-bottom:1px;
}
.footer-grid>div:not(.footer-identity) p,
.footer-grid>div:not(.footer-identity) li,
.footer-grid>div:not(.footer-identity) a{
  font-size:calc(1em + 1px);
}
.footer-grid>div:not(.footer-identity) .footer-nav a{
  font-size:calc(1em + 1px);
}
.footer-grid>div:not(.footer-identity) p{
  line-height:1.6;
}


/* v5.5.26 — universal Latest/Popular sidebar on archive/category pages */
.archive-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,330px);
  gap:28px;
  align-items:start;
}
.archive-main{min-width:0;}
.archive-main .post-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.archive-sidebar{
  min-width:0;
  position:relative;
}
.archive-sidebar .sidebar-box{
  background:#fff;
  margin-bottom:14px;
}
.archive-sidebar .popular-box{
  background:#ffb35c;
  border-color:#ffb35c;
}
.archive-sidebar .sidebar-head{
  font-size:var(--sidebar-title-size,18px);
}
.archive-sidebar .latest-list li,
.archive-sidebar .popular-list li{
  font-size:15px;
}
.archive-sidebar .popular-bullet{font-size:13px;}

/* Publisher/editor text: one step larger than v5.5.25 */
.footer-publisher-editor{
  font-size:calc(1em + 2px);
}
.footer-publisher-editor .footer-publisher-label,
.footer-publisher-editor .footer-publisher-name{
  font-size:inherit;
}

@media(max-width:1050px){
  .archive-layout{
    grid-template-columns:minmax(0,1fr) 290px;
    gap:20px;
  }
  .archive-main .post-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .archive-layout{
    grid-template-columns:1fr;
    gap:24px;
  }
  .archive-main .post-list{grid-template-columns:1fr;}
  .archive-sidebar{order:2;}
}


/* v5.5.28 — neutral border for Popular News boxes */
.homepage-reference-sidebar .popular-box,
.single-sidebar .popular-box,
.archive-sidebar .popular-box{
  border:1px solid #d6e0e8 !important;
  box-shadow:none;
}


/* v5.5.29 — vertically centre main-menu Bengali text */
.primary-nav .nav-menu-scroll ul.primary-menu > li,
.primary-nav .nav-menu-scroll ul.menu > li{
  display:flex!important;
  align-items:stretch!important;
  height:100%!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:0!important;
  line-height:1.35!important;
  text-align:center!important;
  padding-top:0!important;
  padding-bottom:0!important;
}



/* v5.5.30 — keep main-menu labels vertically centred inside the navigation bar */
.primary-nav .nav-inner{
  align-items:center!important;
}
.primary-nav .nav-menu-scroll{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu,
.primary-nav .nav-menu-scroll ul.menu{
  align-items:center!important;
  height:100%!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li,
.primary-nav .nav-menu-scroll ul.menu > li{
  display:flex!important;
  align-items:center!important;
  height:100%!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:0!important;
  line-height:1.35!important;
  padding-top:0!important;
  padding-bottom:0!important;
  transform:none!important;
}



.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a{
  position:relative!important;
  top:2px!important;
}


/* v5.5.32 — category link and video-gallery heading typography */
.section-head a,
.section-head a:visited,
.section-head a:hover,
.section-head a:focus,
.section-head a:active{
  font-size:15px!important;
}

/* Match the video-gallery title to the main homepage category title. */
.video-gallery-head h2{
  font-size:19px!important;
  line-height:1.25!important;
  padding:5px 13px 4px!important;
}
@media(max-width:700px){
  .section-head a,
  .section-head a:visited,
  .section-head a:hover,
  .section-head a:focus,
  .section-head a:active{
    font-size:15px!important;
  }
  .video-gallery-head h2{
    font-size:18px!important;
    padding:4px 11px 3px!important;
  }
}

/* v5.5.37 final override — newsroom byline plus publication/update time on one line. */
.single-post-header-meta{align-items:flex-start;}
.single-post-date-meta{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0;}
.single-post-date-meta p{display:flex;align-items:center;gap:8px;margin:0;}
.single-post-author{font-size:15px;color:#222!important;}
.single-post-author i{font-size:14px;color:#222;width:17px;flex:0 0 17px;text-align:center;}
.single-post-author a{color:inherit;text-decoration:none;font-weight:600;}
.single-post-author a:hover{text-decoration:underline;}
.single-post-author>span:last-child{font-weight:600;color:inherit;}
.single-post-publish-date{font-size:14px;color:#8a8a8a!important;flex-wrap:wrap;row-gap:4px;}
.single-post-publish-date>i{font-size:15px;color:#8b8b8b;width:17px;flex:0 0 17px;text-align:center;}
.single-post-modified-date{font-size:inherit;color:inherit!important;}
.single-post-date-separator{font-weight:600;color:#a0a0a0;margin:0 2px;}
@media(max-width:700px){
  .single-post-date-meta{gap:9px;}
  .single-post-author{font-size:14px;}
  .single-post-publish-date{font-size:13px;}
}

/* v5.5.38 - main navigation left alignment and text-width hover indicator */
.primary-nav .nav-menu-scroll ul.primary-menu > li:first-child > a,
.primary-nav .nav-menu-scroll ul.menu > li:first-child > a{
  padding-left:0!important;
}

.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a{
  position:relative!important;
  box-shadow:none!important;
}

.primary-nav .nav-menu-scroll ul.primary-menu > li > a::after,
.primary-nav .nav-menu-scroll ul.menu > li > a::after{
  content:"";
  position:absolute;
  left:13px;
  right:13px;
  bottom:0;
  height:3px;
  background:var(--barta-hover-blue,#285f8f);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .15s ease;
  pointer-events:none;
}

.primary-nav .nav-menu-scroll ul.primary-menu > li:first-child > a::after,
.primary-nav .nav-menu-scroll ul.menu > li:first-child > a::after{
  left:0;
  right:13px;
}

.primary-nav .nav-menu-scroll ul.primary-menu > li:hover > a::after,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-item > a::after,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-ancestor > a::after,
.primary-nav .nav-menu-scroll ul.menu > li:hover > a::after,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-item > a::after,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-ancestor > a::after{
  transform:scaleX(1);
}

.primary-nav .nav-menu-scroll ul.primary-menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-ancestor > a,
.primary-nav .nav-menu-scroll ul.menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-ancestor > a{
  box-shadow:none!important;
}

@media(max-width:700px){
  .primary-nav .nav-menu-scroll ul.primary-menu > li > a::after,
  .primary-nav .nav-menu-scroll ul.menu > li > a::after{
    left:11px;
    right:11px;
  }
  .primary-nav .nav-menu-scroll ul.primary-menu > li:first-child > a::after,
  .primary-nav .nav-menu-scroll ul.menu > li:first-child > a::after{
    left:0;
    right:11px;
  }
  .primary-nav .nav-menu-scroll ul.primary-menu > li:first-child > a,
  .primary-nav .nav-menu-scroll ul.menu > li:first-child > a{
    padding-left:0!important;
  }
}


/* v5.5.42 - remove the unnecessary line and its associated top spacing from the homepage video gallery */
.barta-video-gallery-wrap{
  padding-top:0!important;
}
.barta-video-gallery{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.video-gallery-head{
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:16px!important;
}
@media(max-width:700px){
  .barta-video-gallery-wrap{padding-top:0!important;}
  .barta-video-gallery{margin-top:0!important;padding-top:0!important;}
  .video-gallery-head{margin-bottom:13px!important;padding-bottom:0!important;}
}


/* v5.5.42 - match homepage video gallery header to category section headers */
.barta-video-gallery-wrap{
  background:#f1f3f5!important;
  padding-top:0!important;
  padding-bottom:18px!important;
}
.barta-video-gallery{
  background:transparent!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.video-gallery-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  background:#fff!important;
  color:#111!important;
  border-bottom:1px solid #d9dfe4!important;
  box-shadow:none!important;
  padding:0!important;
  margin-bottom:16px!important;
  min-height:45px!important;
}
.video-gallery-head h2{
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  background:#3277a8!important;
  color:#fff!important;
  padding:7px 14px 6px!important;
  border-radius:7px!important;
  font-size:19px!important;
  line-height:1.2!important;
}
.video-gallery-head p{margin:0!important;}
@media(max-width:700px){
  .barta-video-gallery-wrap{padding-top:0!important;padding-bottom:12px!important;}
  .video-gallery-head{min-height:42px!important;margin-bottom:13px!important;}
  .video-gallery-head h2{font-size:18px!important;padding:6px 11px 5px!important;}
}

/* v5.5.43 - compact homepage category layout with a sticky news sidebar */
.homepage-reference-grid{
  display:block!important;
}
.homepage-category-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 285px;
  gap:24px;
  align-items:start;
  padding-bottom:8px;
}
.homepage-category-main{min-width:0;}
.homepage-category-sidebar{min-width:0;}
.homepage-category-sidebar-inner{
  position:sticky;
  top:16px;
}
.homepage-category-sidebar .sidebar-box{margin-bottom:14px;}
.homepage-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.homepage-category-strip{padding:8px 0 20px!important;}
.homepage-category-strip + .homepage-category-strip{padding-top:2px!important;}
.homepage-category-card{min-width:0;}
.homepage-category-card .category-card-image img,
.homepage-category-card .category-card-image .thumb-demo{
  aspect-ratio:16/9;
}

/* Compact homepage video gallery, while keeping three videos in a row on desktop */
.barta-video-gallery-wrap{
  padding-top:8px!important;
  padding-bottom:12px!important;
}
.barta-video-gallery{
  margin:0!important;
}
.video-gallery-head{
  min-height:43px!important;
  margin-bottom:12px!important;
}
.video-gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.video-card h3{
  font-size:16px!important;
  line-height:1.22!important;
  padding:8px 10px 10px!important;
}

@media(max-width:1050px){
  .homepage-category-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px;}
  .homepage-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
}
@media(max-width:700px){
  .homepage-category-layout{grid-template-columns:1fr;gap:20px;padding-bottom:2px;}
  .homepage-category-sidebar-inner{position:static;}
  .homepage-category-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;}
  .homepage-category-strip{padding:6px 0 16px!important;}
  .barta-video-gallery-wrap{padding-top:4px!important;padding-bottom:10px!important;}
  .video-gallery-grid{grid-template-columns:1fr!important;gap:12px!important;}
}

/* v5.5.44 - homepage unified content column with a full-height sticky news rail */
.homepage-lower-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:26px;
  align-items:start;
  padding-bottom:10px;
}
.homepage-lower-main{min-width:0;}
.homepage-lower-main .homepage-category-main{min-width:0;}
.homepage-lower-main .homepage-category-strip{width:100%;}
.homepage-category-sidebar{min-width:0;}
.homepage-category-sidebar-inner{
  position:sticky!important;
  top:18px!important;
  align-self:start;
}
.homepage-category-sidebar .sidebar-box{
  width:100%;
  box-sizing:border-box;
  margin-bottom:18px;
}
.homepage-category-sidebar .sidebar-head{
  display:block;
}
.homepage-category-sidebar .latest-list li,
.homepage-category-sidebar .popular-list li{
  font-size:16px;
  line-height:1.5;
}
.homepage-category-sidebar .sidebar-number{
  flex:0 0 auto;
}

/* Keep the video gallery aligned exactly with the three-card category column. */
.homepage-lower-main .barta-video-gallery-wrap,
.homepage-lower-main .barta-video-gallery{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.homepage-lower-main .barta-video-gallery-wrap{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.homepage-lower-main .barta-video-gallery{
  margin-left:0!important;
  margin-right:0!important;
}
.homepage-lower-main .video-gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.homepage-lower-main .video-card{
  min-width:0;
}

@media(max-width:1050px){
  .homepage-lower-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:20px;
  }
  .homepage-lower-main .video-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media(max-width:760px){
  .homepage-lower-layout{
    grid-template-columns:1fr;
    gap:20px;
  }
  .homepage-category-sidebar-inner{position:static!important;}
  .homepage-lower-main .video-gallery-grid{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
}
@media(max-width:520px){
  .homepage-lower-main .video-gallery-grid{
    grid-template-columns:1fr!important;
  }
}

.homepage-category-sidebar{
  padding-top:18px;
  box-sizing:border-box;
}

/* v5.5.45 - homepage sidebar starts beside the lead and remains sticky through the video section */
.homepage-home-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:26px;
  align-items:start;
  padding-bottom:12px;
}
.homepage-home-main{
  min-width:0;
}
.homepage-home-main .homepage-reference-feed{
  width:100%;
  padding-top:18px;
  padding-bottom:22px;
}
.homepage-home-main .homepage-reference-grid{
  display:block!important;
  width:100%;
  max-width:none;
}
.homepage-home-main .homepage-reference-grid > .homepage-feed-main{
  width:100%;
}
.homepage-home-main .homepage-category-main{
  width:100%;
  min-width:0;
}
.homepage-category-sidebar{
  width:360px;
  min-width:0;
  align-self:start;
}
.homepage-category-sidebar-inner{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:18px!important;
  height:max-content!important;
  align-self:start!important;
  z-index:5;
}
.homepage-category-sidebar .sidebar-box{
  width:100%;
  box-sizing:border-box;
  margin-bottom:18px;
}
.homepage-category-sidebar .sidebar-head{
  display:inline-block;
}
.homepage-category-sidebar .latest-list li,
.homepage-category-sidebar .popular-list li{
  font-size:16px;
  line-height:1.5;
}
.homepage-category-sidebar .sidebar-number{
  flex:0 0 24px;
}
.homepage-home-main .homepage-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.homepage-home-main .barta-video-gallery-wrap,
.homepage-home-main .barta-video-gallery{
  width:100%;
  max-width:none;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}
.homepage-home-main .video-gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

@media(max-width:1100px){
  .homepage-home-layout{
    grid-template-columns:minmax(0,1fr) 330px;
    gap:22px;
  }
  .homepage-category-sidebar{width:330px;}
  .homepage-home-main .homepage-category-grid{gap:15px!important;}
  .homepage-home-main .video-gallery-grid{gap:13px!important;}
}

@media(max-width:900px){
  .homepage-category-sidebar{padding-top:0;}
  .homepage-home-layout{
    grid-template-columns:1fr;
    gap:20px;
  }
  .homepage-category-sidebar{
    width:100%;
    order:2;
  }
  .homepage-category-sidebar-inner{
    position:static!important;
    height:auto!important;
  }
  .homepage-home-main{
    order:1;
  }
}

@media(max-width:700px){
  .homepage-home-main .homepage-reference-feed{
    padding-top:20px;
    padding-bottom:12px;
  }
  .homepage-home-main .homepage-category-grid{
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }
  .homepage-home-main .video-gallery-grid{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
}

@media(max-width:520px){
  .homepage-home-main .homepage-category-grid,
  .homepage-home-main .video-gallery-grid{
    grid-template-columns:1fr!important;
  }
}


/* v5.5.47 - robust homepage news rail: fixed while scrolling, bounded by the full homepage content. */
.homepage-home-layout{
  align-items:start;
}
.homepage-category-sidebar{
  width:360px;
  min-width:0;
  align-self:start;
  position:relative;
}
.homepage-category-sidebar-inner{
  position:sticky!important;
  top:18px!important;
  width:100%;
  height:max-content!important;
}
.homepage-category-sidebar.is-scroll-fixed .homepage-category-sidebar-inner{
  position:fixed!important;
  top:18px!important;
  width:var(--homepage-sidebar-width,360px)!important;
  z-index:20;
}
.homepage-category-sidebar.is-scroll-bottom .homepage-category-sidebar-inner{
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  width:100%!important;
}
@media(max-width:1100px){
  .homepage-category-sidebar{width:330px;}
  .homepage-category-sidebar.is-scroll-fixed .homepage-category-sidebar-inner{width:330px!important;}
}
@media(max-width:900px){
  .homepage-category-sidebar,
  .homepage-category-sidebar.is-scroll-fixed,
  .homepage-category-sidebar.is-scroll-bottom{
    width:100%;
  }
  .homepage-category-sidebar-inner,
  .homepage-category-sidebar.is-scroll-fixed .homepage-category-sidebar-inner,
  .homepage-category-sidebar.is-scroll-bottom .homepage-category-sidebar-inner{
    position:static!important;
    width:100%!important;
    height:auto!important;
  }
}

/* v5.5.47 - keep the floating homepage news rail below the WordPress admin bar. */
@media(min-width:901px){
  body.admin-bar .homepage-category-sidebar-inner{top:50px!important;}
  body.admin-bar .homepage-category-sidebar.is-scroll-fixed .homepage-category-sidebar-inner{top:50px!important;}
}

/* v5.5.48 - floating Latest/Popular rail on single news and archive/category pages. */
.single-layout > .single-sidebar,
.archive-layout > .archive-sidebar{
  min-width:0;
  align-self:stretch;
  position:relative;
}
.single-layout > .single-sidebar > .barta-floating-sidebar-inner,
.archive-layout > .archive-sidebar > .barta-floating-sidebar-inner{
  width:100%;
  height:max-content;
}
.single-layout > .single-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner,
.archive-layout > .archive-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner{
  position:fixed!important;
  top:18px;
  z-index:20;
}
.single-layout > .single-sidebar.is-scroll-bottom > .barta-floating-sidebar-inner,
.archive-layout > .archive-sidebar.is-scroll-bottom > .barta-floating-sidebar-inner{
  position:absolute!important;
  left:0!important;
  top:auto!important;
  bottom:0!important;
  width:100%!important;
}
@media(min-width:901px){
  body.admin-bar .single-layout > .single-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner,
  body.admin-bar .archive-layout > .archive-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner{
    top:50px;
  }
}
@media(max-width:900px){
  .single-layout > .single-sidebar,
  .archive-layout > .archive-sidebar{
    height:auto!important;
  }
  .single-layout > .single-sidebar > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar > .barta-floating-sidebar-inner,
  .single-layout > .single-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner,
  .single-layout > .single-sidebar.is-scroll-bottom > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar.is-scroll-bottom > .barta-floating-sidebar-inner{
    position:static!important;
    width:100%!important;
  }
}


/* v5.5.50 - recent stories from the current article's category at the end of single news. */
.single-related-news{
  margin:34px 0 28px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.single-related-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:45px;
  margin-bottom:16px;
  padding:0;
  border-bottom:1px solid #d9dfe4;
  background:#fff;
}
.single-related-head h2{
  margin:0;
  display:inline-flex;
  align-items:center;
  background:#3277a8;
  color:#fff;
  padding:6px 13px 5px;
  border-radius:7px;
  font-size:19px;
  line-height:1.2;
  font-weight:700;
}
.single-related-head a{
  color:#111!important;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.single-related-head a:hover{color:var(--barta-hover-blue,#285f8f)!important;}
.single-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.single-related-card{
  min-width:0;
  background:#fff;
  border:1px solid #d5e0ea;
  overflow:hidden;
}
.single-related-image{
  display:block;
  overflow:hidden;
}
.single-related-image img,
.single-related-image .thumb-demo{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
}
.single-related-body{
  padding:9px 11px 10px;
}
.single-related-body h3{
  margin:0;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
}
.single-related-body h3 a{
  color:#111;
  text-decoration:none;
}
.single-related-body h3 a:hover{color:var(--barta-hover-blue,#285f8f);}
.single-related-body time{
  display:block;
  margin-top:5px;
  color:#7c8b95;
  font-size:13px;
  line-height:1.35;
}
@media(max-width:700px){
  .single-related-news{margin:28px 0 24px;padding-top:14px;}
  .single-related-head{min-height:42px;margin-bottom:13px;}
  .single-related-head h2{font-size:18px;padding:5px 11px 4px;}
  .single-related-head a{font-size:13px;}
  .single-related-grid{grid-template-columns:1fr;gap:14px;}
  .single-related-body h3{font-size:17px;}
}

/* v5.5.51 - configurable related-news excerpt typography and length. */
.single-related-grid.related-columns-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.single-related-grid.related-ratio-4-3 .single-related-image img,
.single-related-grid.related-ratio-4-3 .single-related-image .thumb-demo{aspect-ratio:4/3;}
.single-related-grid.related-ratio-1-1 .single-related-image img,
.single-related-grid.related-ratio-1-1 .single-related-image .thumb-demo{aspect-ratio:1/1;}
.single-related-excerpt{
  margin:6px 0 0;
  color:#6f7c84;
  font-size:var(--single-related-excerpt-size,15px);
  line-height:1.6;
}
@media(max-width:900px){
  .single-related-grid.related-columns-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  .single-related-grid.related-columns-3,
  .single-related-grid.related-columns-2{grid-template-columns:1fr;}
  .single-related-excerpt{font-size:var(--single-related-excerpt-size,15px);line-height:1.55;}
}
@media(max-width:700px){
  .homepage-home-main .homepage-reference-feed{
    padding-top:14px!important;
  }
  .homepage-category-sidebar{
    padding-top:14px!important;
  }
}


/* v5.5.63 final spacing override — keep a clear gap below the headline. */
.single-post>h1{margin-bottom:22px!important;}
.single-post-header-meta{margin-top:0!important;}
@media(max-width:700px){
  .single-post>h1{margin-bottom:18px!important;}
  .single-post-header-meta{margin-top:0!important;}
}


/* v5.5.63 — single-news share controls move to the far right of the publication/update row. */
.single-post>h1{margin-bottom:18px!important;}
.single-post-author-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  margin:0;
}
.single-post-publish-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.single-post-publish-row .single-post-publish-date{
  flex:1 1 auto;
  min-width:0;
  margin:0!important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.single-post-publish-row .single-post-share{
  flex:0 0 auto;
  margin:0 0 0 auto!important;
}
@media(max-width:900px){
  .single-post-publish-row{gap:8px;}
  .single-post-publish-row .single-post-publish-date{gap:6px;}
}
@media(max-width:700px){
  .single-post>h1{margin-bottom:18px!important;}
  .single-post-publish-row{align-items:center;gap:7px;}
  .single-post-publish-row .single-post-publish-date{flex:1 1 auto;gap:5px;}
  .single-post-publish-row .single-post-share{margin-left:auto!important;}
}


.topbar{background:#6fa8c7!important;}


/* v5.5.73 — darken only the three footer section headings while keeping the footer design unchanged. */
.footer h3{color:#285f82!important;}


/* v5.5.74 — replace weather/sun details with Bangladesh time and refine subscribe colour. */
.topbar .top-time{font-variant-numeric:tabular-nums;}
.header-actions .subscribe-btn{background:#6fa8c7!important;border-color:#6fa8c7!important;color:#fff!important;}
.primary-nav .nav-menu-scroll ul.primary-menu > li > a,
.primary-nav .nav-menu-scroll ul.menu > li > a{
  color:#285f82!important;
}
.primary-nav .nav-menu-scroll ul.primary-menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.primary-menu > li.current-menu-ancestor > a,
.primary-nav .nav-menu-scroll ul.menu > li:hover > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-item > a,
.primary-nav .nav-menu-scroll ul.menu > li.current-menu-ancestor > a{
  color:#285f82!important;
}

/* v5.5.77 — unify requested homepage/sidebar accents with the Barta BD theme blue. */
.header-actions .subscribe-btn{background:#3277a8!important;border-color:#3277a8!important;color:#fff!important;}
.sidebar-box{border-color:#3277a8!important;}
.sidebar-head,
.popular-box .sidebar-head{background:#3277a8!important;color:#fff!important;}
.sidebar-number{background:#3277a8!important;color:#fff!important;}
.featured-category,
.category-badge,
.section-head h2{background:#3277a8!important;color:#fff!important;}
.archive-sidebar .popular-box,
.single-sidebar .popular-box{border-color:#3277a8!important;}

/* JS-managed floating state: the controller keeps the sidebar inside its content bounds. */
.homepage-category-sidebar.is-barta-floating,
.single-layout > .single-sidebar.is-barta-floating,
.archive-layout > .archive-sidebar.is-barta-floating{
  position:relative!important;
}
.homepage-category-sidebar.is-barta-floating .homepage-category-sidebar-inner,
.single-layout > .single-sidebar.is-barta-floating > .barta-floating-sidebar-inner,
.archive-layout > .archive-sidebar.is-barta-floating > .barta-floating-sidebar-inner{
  position:fixed!important;
  z-index:30!important;
  margin:0!important;
}
.homepage-category-sidebar.is-barta-floating .homepage-category-sidebar-inner.is-barta-floating-bottom,
.single-layout > .single-sidebar.is-barta-floating > .barta-floating-sidebar-inner.is-barta-floating-bottom,
.archive-layout > .archive-sidebar.is-barta-floating > .barta-floating-sidebar-inner.is-barta-floating-bottom{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
}
@media(max-width:900px){
  .homepage-category-sidebar.is-barta-floating .homepage-category-sidebar-inner,
  .single-layout > .single-sidebar.is-barta-floating > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar.is-barta-floating > .barta-floating-sidebar-inner{
    position:static!important;
    width:100%!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
  }
}


/* v5.5.81 — restore the full-height sidebar rail so the floating controller has the same boundary as the main content. */
@media(min-width:901px){
  .homepage-home-layout > .homepage-category-sidebar,
  .single-layout > .single-sidebar,
  .archive-layout > .archive-sidebar{
    align-self:stretch!important;
  }
  .homepage-category-sidebar-inner,
  .single-layout > .single-sidebar > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar > .barta-floating-sidebar-inner{
    width:100%;
    max-width:none;
  }
}


   The JS controller uses the actual content layout as its scroll boundary. */
@media(min-width:901px){
  .homepage-home-layout,
  .single-layout,
  .archive-layout{
    overflow:visible!important;
  }
  .homepage-category-sidebar.is-barta-floating .homepage-category-sidebar-inner,
  .single-layout > .single-sidebar.is-barta-floating > .barta-floating-sidebar-inner,
  .archive-layout > .archive-sidebar.is-barta-floating > .barta-floating-sidebar-inner{
    position:fixed!important;
  }
}

/* v5.5.83 — centred logo masthead with live Bangladesh date/time on the left. */
.masthead-inner{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
}
.masthead-datetime{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:var(--datetime-text,#285f82)!important;
  font-size:var(--datetime-size,13px)!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.masthead-datetime .top-date,
.masthead-datetime .top-time{color:var(--datetime-text,#285f82)!important;}
.masthead-datetime .top-separator{opacity:.75!important;}
.masthead .brand{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  width:auto!important;
  max-width:100%!important;
}
.masthead .site-logo{
  justify-content:center!important;
}
.masthead .site-logo .custom-logo,
.masthead .site-logo img{
  object-position:center!important;
}
.masthead .header-actions{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  width:auto!important;
}
@media(max-width:900px){
  .masthead-datetime{font-size:12px!important;gap:6px!important;}
}
@media(max-width:700px){
  .masthead-inner{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    min-height:84px!important;
    height:auto!important;
    padding-block:10px!important;
  }
  .masthead-datetime{
    font-size:10px!important;
    gap:4px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  .masthead .site-logo{
    width:min(var(--barta-logo-width,180px),38vw)!important;
  }
  .masthead .site-logo .custom-logo,
  .masthead .site-logo img{max-height:58px!important;}
  .masthead .header-actions{
    gap:4px!important;
  }
  .masthead .header-actions .header-socials,
  .masthead .header-social-divider{display:none!important;}
  .masthead .header-actions .subscribe-btn,
  .masthead .header-actions .video-btn{
    height:32px!important;
    min-height:32px!important;
    width:auto!important;
    min-width:0!important;
    padding-inline:6px!important;
    font-size:11px!important;
  }
}


/* v5.5.84 — compact circular social icons in the main logo header.
 * Keep the existing icon size; change only the visual treatment to filled brand circles.
 */
.header-socials a{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#777!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}
.header-socials a:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
}
.header-socials .social-facebook{background:#4267B2!important;color:#fff!important;}
.header-socials .social-youtube{background:#FF0000!important;color:#fff!important;}
.header-socials .social-x{background:#111!important;color:#fff!important;}
.header-socials .social-instagram{background:#C13584!important;color:#fff!important;}
.header-socials .social-whatsapp{background:#25D366!important;color:#fff!important;}
.header-socials a i{
  font-size:12px!important;
  line-height:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* v5.5.88 — logo at the far left of the site header; date/time immediately
 * before the social icons on the right. The date/social separator is a
 * dedicated 1px light-grey rule and can be toggled from Customizer. */
@media(min-width:761px){
  .masthead-inner{
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
  }
  .masthead .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  .masthead .header-actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    width:max-content!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
  }
  .masthead .masthead-datetime{
    flex:0 1 auto!important;
    min-width:0!important;
    justify-self:auto!important;
    display:flex!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
  .header-datetime-divider{
    flex:0 0 1px!important;
    width:1px!important;
    height:24px!important;
    background:#d9d9d9!important;
    margin-inline:4px!important;
  }
}
@media(max-width:760px){
  .masthead .masthead-datetime{
    flex:0 1 auto!important;
    min-width:0!important;
    order:1!important;
  }
  .masthead .header-socials{order:2!important;}
  .masthead .header-datetime-divider{order:1!important;}
}


/* v5.5.89 — allow the post-social separator to be toggled independently and
 * match the date/social separator height exactly. */
.header-social-divider{height:24px!important;background:#d9d9d9!important;}


/* v5.5.90 — redesigned logo masthead: date above the logo at left; social icons on the
 * first line at right and compact Subscribe/Video buttons on the second line. */
@media(min-width:761px){
  .masthead-inner{
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:stretch!important;
    padding-top:14px!important;
    padding-bottom:18px!important;
  }
  .masthead .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:start!important;
    width:auto!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
  }
  .masthead .brand-date{
    color:var(--datetime-text,#285f82)!important;
    font-size:var(--datetime-size,13px)!important;
    line-height:1.25!important;
    font-weight:500!important;
    white-space:nowrap!important;
    margin:0!important;
    min-height:16px!important;
  }
  .masthead .site-logo{align-items:flex-start!important;justify-content:flex-start!important;}
  .masthead .site-logo .custom-logo,
  .masthead .site-logo img{object-position:left center!important;}
  .masthead .header-actions{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:start!important;
    width:max-content!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:7px!important;
    padding-top:10px!important;
  }
  .masthead .header-social-row,
  .masthead .header-button-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:max-content!important;
  }
  .masthead .header-socials{display:flex!important;align-items:center!important;gap:10px!important;}
  .masthead .header-datetime-divider,
  .masthead .header-social-divider{display:none!important;}
  .masthead .header-button-row .btn{
    height:32px!important;
    min-height:32px!important;
    min-width:0!important;
    width:auto!important;
    padding:0 12px!important;
    border-radius:7px!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:700!important;
    box-shadow:0 1px 3px rgba(0,0,0,.12)!important;
  }
  .masthead .header-button-row .subscribe-btn{background:var(--subscribe-bg,#3277a8)!important;color:var(--subscribe-text,#fff)!important;}
  .masthead .header-button-row .video-btn{background:var(--video-button-bg,#6f7780)!important;color:var(--video-button-text,#fff)!important;}
}
@media(max-width:760px){
  .masthead-inner{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;padding-top:18px!important;padding-bottom:18px!important;}
  .masthead .brand{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;}
  .masthead .brand-date{font-size:var(--datetime-size,12px)!important;line-height:1.2!important;white-space:nowrap!important;color:var(--datetime-text,#285f82)!important;}
  .masthead .header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;padding-top:2px!important;}
  .masthead .header-social-row,.masthead .header-button-row{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;}
  .masthead .header-socials{display:flex!important;gap:6px!important;}
  .masthead .header-datetime-divider,.masthead .header-social-divider{display:none!important;}
  .masthead .header-button-row .btn{height:30px!important;min-height:30px!important;width:auto!important;min-width:0!important;padding:0 8px!important;border-radius:6px!important;font-size:11px!important;}
}


/* v5.5.92 — match the main menu colour for the search icon and label. */
.primary-nav .nav-search-toggle,
.primary-nav .nav-search-toggle i{
  color:#285f82!important;
}
.primary-nav .nav-search-toggle:hover,
.primary-nav .nav-search-toggle[aria-expanded="true"],
.primary-nav .nav-search-toggle:hover i,
.primary-nav .nav-search-toggle[aria-expanded="true"] i{
  color:#285f82!important;
}


/* v5.5.93 — make the compact Subscribe/Video buttons slightly smaller and reduce horizontal padding. */
/* v5.5.97 — image cards use a single visible headline link with a stretched hit area. */
@media(min-width:761px){
  .masthead .header-button-row .btn{
    height:30px!important;
    min-height:30px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    border-radius:6px!important;
    font-size:12.5px!important;
  }
}
@media(max-width:760px){
  .masthead .header-button-row .btn{
    height:28px!important;
    min-height:28px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    border-radius:6px!important;
    font-size:11px!important;
  }
}

/* v5.5.108 — keep the video gallery in the main content column on desktop.
 * It is a sibling of the main article/feed and news rail, which makes the
 * mobile reading order deterministic without relying on flex order hacks. */
@media(min-width:701px){
  .homepage-home-layout > .barta-video-gallery,
  .single-layout > .barta-video-gallery{
    grid-column:1;
    width:100%;
    min-width:0;
    box-sizing:border-box;
  }
}

/* v5.5.108 — robust mobile masthead and deterministic homepage/single-page content order. */
@media(max-width:700px){
  /* Keep the mobile masthead as one centred stack. */
  .masthead-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    min-height:0!important;
    padding:14px 0 16px!important;
  }
  .masthead .brand{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
  }
  .masthead .brand-date{
    width:100%!important;
    text-align:center!important;
    font-size:var(--datetime-size,12px)!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    color:var(--datetime-text,#285f82)!important;
    margin:0!important;
  }
  .masthead .site-logo{
    width:min(var(--barta-logo-width,235px),72vw)!important;
    max-width:72vw!important;
    max-height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
  }
  .masthead .site-logo .custom-logo-link{width:100%!important;display:block!important;}
  .masthead .site-logo .custom-logo,
  .masthead .site-logo img{
    width:100%!important;
    max-width:100%!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
  }
  .masthead .header-actions{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
  /* This selector intentionally matches the older, more-specific mobile hide rule. */
  .masthead .header-actions .header-social-row,
  .masthead .header-actions .header-socials{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .masthead .header-social-row{width:100%!important;gap:0!important;}
  .masthead .header-socials{width:auto!important;gap:7px!important;}
  .masthead .header-socials a{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
  }
  .masthead .header-button-row{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:7px!important;
  }
  .masthead .header-button-row .btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 9px!important;
    border-radius:6px!important;
    font-size:11px!important;
  }
  .masthead .header-datetime-divider,
  .masthead .header-social-divider{display:none!important;}

  /* The homepage video is now a sibling of the main column and sidebar in the DOM. */
  .homepage-home-layout{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .homepage-home-main{
    display:block!important;
    width:100%!important;
    order:1!important;
  }
  .homepage-home-layout > .homepage-category-sidebar{
    order:2!important;
    width:100%!important;
    padding-top:14px!important;
  }
  .homepage-home-layout > .barta-video-gallery{
    order:3!important;
    width:100%!important;
    margin-top:22px!important;
  }
  .homepage-category-sidebar-inner{
    position:static!important;
    width:100%!important;
    height:auto!important;
  }

  /* Single page: article, news rail, then video gallery. */
  .single-layout{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .single-post{
    display:block!important;
    width:100%!important;
    order:1!important;
  }
  .single-layout > .single-sidebar{
    order:2!important;
    width:100%!important;
    margin-top:24px!important;
  }
  .single-layout > .barta-video-gallery{
    order:3!important;
    width:100%!important;
    margin-top:22px!important;
  }
  .single-layout > .single-sidebar > .barta-floating-sidebar-inner,
  .single-layout > .single-sidebar.is-scroll-fixed > .barta-floating-sidebar-inner,
  .single-layout > .single-sidebar.is-scroll-bottom > .barta-floating-sidebar-inner{
    position:static!important;
    width:100%!important;
  }

  /* Share controls remain on their own centred row on narrow screens. */
  .single-post-publish-row{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:8px!important;
  }
  .single-post-publish-row .single-post-publish-date{
    width:100%!important;
    flex:none!important;
    justify-content:flex-start!important;
  }
  .single-post-share{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:2px 0 0!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
  }
  .single-post-share .share-btn{
    width:34px!important;
    height:32px!important;
    flex:0 0 34px!important;
  }
  .single-post-share .share-btn i{font-size:14px!important;}
}

/* v5.5.110 — homepage sidebar: keep the rail in its own grid column for the
 * complete homepage, including the video-gallery row. This prevents the
 * sidebar from ever floating over the video gallery. */
@media(min-width:901px){
  .homepage-home-layout{
    align-items:stretch!important;
  }
  .homepage-home-layout > .homepage-category-sidebar{
    grid-row:1 / -1!important;
    align-self:stretch!important;
    position:relative!important;
  }
  .homepage-home-layout > .homepage-category-sidebar > .homepage-category-sidebar-inner{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:18px!important;
    width:100%!important;
    height:max-content!important;
    max-height:calc(100vh - 36px)!important;
    overflow-y:auto!important;
  }
  .homepage-home-layout > .homepage-category-sidebar.is-barta-floating > .homepage-category-sidebar-inner,
  .homepage-home-layout > .homepage-category-sidebar.is-scroll-fixed > .homepage-category-sidebar-inner,
  .homepage-home-layout > .homepage-category-sidebar.is-scroll-bottom > .homepage-category-sidebar-inner{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:18px!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
  }
}



/* v5.5.111 — desktop homepage grid boundary fix.
 * The homepage has two actual grid rows: the main content row and the
 * video-gallery row. Keep the sidebar spanning both rows explicitly.
 * Using grid-row: 1 / -1 is not reliable here because the second row is
 * an implicit grid row; the sidebar therefore stopped before the video.
 */
@media(min-width:901px){
  .homepage-home-layout > .homepage-category-sidebar{
    grid-column:2!important;
    grid-row:1 / 3!important;
    align-self:stretch!important;
  }
  .homepage-home-layout > .barta-video-gallery{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .homepage-home-layout > .homepage-category-sidebar > .homepage-category-sidebar-inner{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:18px!important;
    width:100%!important;
    height:max-content!important;
    max-height:calc(100vh - 36px)!important;
    overflow-y:auto!important;
  }
}


/* v5.5.112 — single-post sidebar uses the same simple native-sticky model as
 * the verified homepage rail. The article and video gallery form two desktop
 * grid rows; the sidebar spans both rows, so it remains in its own column all
 * the way to the end of the page. JavaScript does not reposition this rail. */
@media(min-width:901px){
  .single-layout{
    align-items:stretch!important;
  }
  .single-layout > .single-sidebar{
    grid-column:2!important;
    grid-row:1 / 3!important;
    align-self:stretch!important;
    position:relative!important;
    min-width:0!important;
  }
  .single-layout > .barta-video-gallery{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  .single-layout > .single-sidebar > .barta-floating-sidebar-inner{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:18px!important;
    width:100%!important;
    height:max-content!important;
    max-height:calc(100vh - 36px)!important;
    overflow-y:auto!important;
  }
  body.admin-bar .single-layout > .single-sidebar > .barta-floating-sidebar-inner{
    top:50px!important;
    max-height:calc(100vh - 68px)!important;
  }
}