/*
 * KalBela National News Pro UI Layer
 * Keeps existing theme queries/options intact while modernising presentation.
 */
:root{
  --jn-accent:#a20f16;
  --jn-accent-dark:#7e0b10;
  --jn-ink:#111827;
  --jn-muted:#667085;
  --jn-line:#e8e8ea;
  --jn-soft:#f6f7f9;
  --jn-card:#ffffff;
  --jn-radius:7px;
  --jn-shadow:0 7px 24px rgba(16,24,40,.06);
}

html{scroll-behavior:smooth}
body{
  background:#fff;
  color:var(--jn-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color .18s ease,background-color .18s ease,opacity .18s ease,transform .18s ease}
a:hover{color:var(--jn-accent)!important}
img{max-width:100%}
.container-fluid{max-width:1320px;padding-left:18px;padding-right:18px}

/* Accessibility */
.skip-link{position:absolute;left:-9999px;top:10px;background:#111;color:#fff;padding:10px 14px;z-index:999999;border-radius:4px}
.skip-link:focus{left:10px;color:#fff!important}

/* Masthead */
header.non-sticky{
  border-bottom:0;
  background:#fff;
  box-shadow:0 1px 0 rgba(17,24,39,.08);
}
#midHeader{padding:7px 0 0}
header.non-sticky a.logo{width:260px;min-height:62px;padding:4px 0 8px}
header img.logo{max-height:62px;object-fit:contain}
header #top-quick-links li{margin:13px 10px}
header #top-quick-links li a{color:#4b5563;font-weight:500!important}
.extra-opt{margin-top:12px}
.extra-opt a{color:#374151}

/* Primary navigation */
section#top-nav{
  border-top:1px solid var(--jn-line);
  border-bottom:3px solid var(--jn-accent);
  background:#fff;
}
section#top-nav nav>ul{height:48px}
section#top-nav nav>ul>li>a{
  padding:5px 12px 3px;
  color:#202124;
  font-size:16px;
  font-weight:700;
}
section#top-nav nav>ul>li>a>span{border-top-color:transparent!important}
section#top-nav nav>ul>li>a:hover,
section#top-nav nav>ul>li>a.active{color:var(--jn-accent)!important}
section#top-nav nav>ul>li>a.active span,
section#top-nav nav>ul>li>a:hover span{border-top-color:transparent!important}
header.sticky{box-shadow:0 5px 20px rgba(16,24,40,.08);border-bottom:2px solid var(--jn-accent)}

/* Global news rhythm */
#top-lead-content{padding-top:18px}
.common-border-box{
  border-color:var(--jn-line)!important;
  border-radius:var(--jn-radius);
  background:var(--jn-card);
}
.news-separator-horizontal-border{border-color:var(--jn-line)!important}
.news-separator-vertical-border{border-color:var(--jn-line)!important}

/* Headlines */
h1,h2,h3,h4,h5,h6,.title{letter-spacing:-.01em}
h2.title{font-size:24px;line-height:1.3}
h3.title{font-size:21px;line-height:1.35}
h4.title{font-size:18px;line-height:1.42}
h5.title,.common-card-content h5.title{font-size:17px;line-height:1.45}
.summery{color:#5f6368;font-size:15px;line-height:1.62}
.time{color:#7b818a!important;font-size:13px}

/* Lead story */
#top-lead-content .topfirst-leadnews{padding:4px}
#top-lead-content .topfirst-leadnews h4.title{
  font-size:29px!important;
  line-height:1.28!important;
  font-weight:800!important;
  color:#111!important;
  margin-bottom:9px;
}
#top-lead-content .topfirst-leadnews .summery{font-size:16px;line-height:1.65;color:#525866}
#top-lead-content .imgWrep,
.common-card-content .imgWrep,
.image-lead .imgWrep{border-radius:5px;background-color:#f0f1f3}
.imgWrep img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.common-card-content:hover .imgWrep img,.flex-content:hover .imgWrep img{transform:scale(1.025)}

/* Cards */
.common-card-content,.flex-content,.sub2-lead-content{transition:background .18s ease}
.common-card-content h5.title,.flex-content h4.title,.sub2-lead-content h4.title{color:#1c1f24}
.common-card-content:hover h5.title,.flex-content:hover h4.title,.sub2-lead-content:hover h4.title{color:var(--jn-accent)!important}
.sub-news .common-card-content{height:100%}

/* Section headings */
.menu-link,.bodymenu-link,#video-gallery>.d-flex{
  border-bottom:2px solid #202124!important;
  margin-bottom:14px!important;
  padding-bottom:7px!important;
}
.menu-link>a,.bodymenu-link>a,.menu-link span,.bodymenu-link span,#video-gallery>.d-flex .title{
  color:#171717!important;
  font-weight:800!important;
  font-size:20px!important;
}
.menu-link>a:first-child,.bodymenu-link>a:first-child{position:relative}
.menu-link>a:first-child:after,.bodymenu-link>a:first-child:after{
  content:"";position:absolute;left:0;bottom:-10px;width:52px;height:3px;background:var(--jn-accent)
}
.home_menu_icon{display:none!important}
.more a,.bodymenu-link>a.float-end{color:var(--jn-accent)!important;font-size:13px}

/* Latest/popular panel */
.tab_block_one,.tab_block_stories{border-radius:var(--jn-radius);overflow:hidden}
.tab_block_one .tab_bar_block_new ul,.tab_bar_block_stories ul{border-bottom:1px solid var(--jn-line)}
.tab_block_one .tab_bar_block_new ul>li,.tab_bar_block_stories li a{font-weight:700!important}
.tab_block_one .tab_bar_block_new ul>li.active,.tab_bar_block_stories li.active a{color:var(--jn-accent)!important}
#latestview1{scrollbar-width:thin;scrollbar-color:#c7c7c7 transparent}

/* Video/photo storytelling */
#video-gallery .vid-single,#videostories .vidstocovr,#photoStories .vidstocovr{border-radius:6px;overflow:hidden}
#video-gallery .fa-play-circle{filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}

/* Category/archive/search */
#category_content_block,#category_content{padding-top:18px}
#category_content .common-card-content,#category_content .flex-content{padding-bottom:12px}
.catpageSubmenu{border-bottom:1px solid var(--jn-line)!important}

/* Single story */
#details_content{padding-top:20px}
#details_content .details-title{
  font-size:40px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:-.018em;
  color:#111;
  margin-bottom:14px;
}
#details_content .rpt_info_section{color:#667085;font-size:14px;border-bottom:1px solid var(--jn-line);padding-bottom:12px;margin-bottom:14px}
#details_content .dtl_img_section{margin:12px 0 20px}
#details_content .dtl_img_section img{border-radius:6px}
#details_content p{font-size:19px;line-height:1.9;color:#222;margin-bottom:1.05em}
#details_content blockquote{border-left:4px solid var(--jn-accent);background:var(--jn-soft);padding:16px 18px;margin:22px 0;font-size:19px}
#details_content figcaption{color:var(--jn-muted);font-size:13px;margin-top:7px}
.print_social{gap:8px}
.print_social i.fa-print{background:#222!important;padding:11px!important}
.dtl_tags_news_title a{background:#f2f3f5;border-radius:4px;padding:5px 9px;font-size:14px!important}

/* Sidebar/widgets */
.widget,.sidebar-widget{border:1px solid var(--jn-line);border-radius:var(--jn-radius);padding:14px;background:#fff;margin-bottom:18px}
.widget-title{font-size:19px;font-weight:800;border-bottom:2px solid #222;padding-bottom:8px;margin-bottom:12px}

/* Footer */
footer{
  margin-top:52px;
  background:#f7f7f8;
  color:#444;
  border-top:4px solid var(--jn-accent);
}
footer>.border-bottom.border-top{background:#fff;border-top:0!important;border-bottom:1px solid var(--jn-line)!important}
footer .container-fluid{max-width:1320px}
.footer_logo img{max-height:58px!important;width:auto!important}
.bottom-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bottom-navigation a{font-size:14px!important;padding:7px 9px;color:#333!important}
.site-address{padding-top:18px!important;padding-bottom:18px!important}
footer span.sompadok{font-size:17px!important;font-weight:700;color:#1f2937}
#footer-social{background:#fff}
#footer-social .title i{border-right:0!important;color:var(--jn-accent)}
#footer-social .soacial-icon a{display:inline-flex;align-items:center;justify-content:center}
footer .bg-light{background:#eceef1!important;font-size:13px}

/* Form polish */
input,textarea,select,button{border-radius:4px}
.form-inner input{outline:none}
.form-inner button{background:var(--jn-accent)!important}

/* Mobile */
@media (max-width:991px){
  .container-fluid{padding-left:14px;padding-right:14px}
  header.non-sticky a.logo{width:215px;min-height:54px}
  header img.logo{max-height:52px}
  #top-lead-content .topfirst-leadnews h4.title{font-size:25px!important}
  #details_content .details-title{font-size:34px}
}
@media (max-width:768px){
  body{overflow-x:hidden}
  .container-fluid{padding-left:12px;padding-right:12px}
  #midHeader{padding:3px 0}
  header.non-sticky a.logo{width:185px;min-height:50px;padding:4px 0}
  header img.logo{max-height:46px}
  .mobile_menu_toggle_container{font-size:21px;color:#222}
  section#top-nav{border-bottom-width:2px}
  section#top-nav nav>ul{height:42px}
  section#top-nav nav>ul>li>a{font-size:14px;padding:4px 10px}
  #top-lead-content{padding-top:12px}
  #top-lead-content .topfirst-leadnews h4.title{font-size:23px!important;line-height:1.35!important}
  #top-lead-content .topfirst-leadnews .summery{font-size:15px}
  h4.title{font-size:17px}
  h5.title,.common-card-content h5.title{font-size:16px}
  .menu-link>a,.bodymenu-link>a,.menu-link span,.bodymenu-link span,#video-gallery>.d-flex .title{font-size:18px!important}
  #details_content{padding-top:12px}
  #details_content .details-title{font-size:29px;line-height:1.35;margin-bottom:10px}
  #details_content p{font-size:18px;line-height:1.82}
  .mobile_post_meta .rpt_info_section{font-size:13px}
  footer{margin-top:35px}
  .bottom-navigation{justify-content:flex-start}
  footer .d-flex.justify-content-between{gap:8px;flex-wrap:wrap}
}
@media (max-width:480px){
  #top-lead-content .topfirst-leadnews h4.title{font-size:21px!important}
  #details_content .details-title{font-size:26px}
  #details_content p{font-size:17px;line-height:1.8}
  .common-card-content h5.title{padding-top:7px}
}

/* v1.1.1 — Static front-page + logo fallback hotfix */
header.non-sticky a.logo .site-name-fallback {
    display: block;
    max-width: 360px;
    font-family: 'Hind Siliguri', sans-serif !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.footer-site-name {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.15;
}
@media (max-width: 767px) {
    header.non-sticky a.logo .site-name-fallback {
        max-width: 210px;
        font-size: 28px !important;
    }
}