/* =========================
   DARK MODE GLOBAL
========================= */

body.dark-mode {
    background-color: #121212;
    color: #e5e5e5;
}

body.dark-mode a {
    color: white !important;
}

body.dark-mode a:hover {
    color: #ffffff;
}
body.dark-mode #bodymenu_threeLead .sub-news .common-card-content h5.title,
body.dark-mode #bodymenu_leadRightimg .sub-news .common-card-content h5.title,
body.dark-mode #bodymenuCardNews .common-card-content h5.title,
body.dark-mode #bodymenu-nolead h5.title,
body.dark-mode #bodymenuOnelead h4.title,
body.dark-mode #bodymenuTwolead .sub-news h4.title,
body.dark-mode #bodymenuOnelead_cardNews .common-card-content h5.title,
body.dark-mode #sports-news .sub-news .common-card-content h5.title,
body.dark-mode #podcastFlex .flex-content h4.title {
    color: #fff !important;
}
/* Smooth transition */
body,
body.dark-mode {
    transition: background-color 0.3s ease, color 0.3s ease;
	 padding-bottom: 55px;
}

/* =========================
   TYPOGRAPHY
========================= */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #ffffff;
}

/* =========================
   HEADER / NAVBAR
========================= */

body.dark-mode .navbar,
body.dark-mode header {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #2a2a2a;
}

body.dark-mode .navbar a {
    color: #e5e5e5 !important;
}

/* Dropdown */
body.dark-mode .dropdown-menu {
    background-color: #1e1e1e;
    border: 1px solid #2a2a2a;
}

body.dark-mode .dropdown-item {
    color: #e5e5e5;
}

body.dark-mode .dropdown-item:hover {
    background-color: #2a2a2a;
}

/* =========================
   CARDS (NEWS POSTS)
========================= */

body.dark-mode .card {
    background-color: #1e1e1e;
    border: 1px solid #2a2a2a;
    color: #e5e5e5;
}

body.dark-mode .card-title {
    color: #ffffff;
}

body.dark-mode .card-text {
    color: #cccccc;
}

/* =========================
   BUTTONS
========================= */

body.dark-mode .btn-light {
    background-color: #2a2a2a;
    color: #ffffff;
    border: 1px solid #3a3a3a;
}
body.dark-mode .kb-ch-district-navigation-wrapper{
	background: transparent;
}
body.dark-mode #find_more{
	background: transparent;
}
body.dark-mode .btn-outline-dark {
    color: #ffffff;
    border-color: #555;
}

body.dark-mode .btn-outline-dark:hover {
    background-color: #333;
}
body.dark-mode .bg-white {
    background-color: #1e1e1e !important;
}

body.dark-mode .text-dark {
    color: #e5e5e5 !important;
}

body.dark-mode .bg-light {
    background-color: #1a1a1a !important;
}

body.dark-mode .wp-polls .Buttons{
	background: transparent;
}

/* =========================
   SIDEBAR / WIDGETS
========================= */

body.dark-mode .sidebar,
body.dark-mode .widget {
    background-color: #1a1a1a;
    border: 1px solid #2a2a2a;
    color: #e5e5e5;
}

/* =========================
   FORMS / SEARCH
========================= */

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #1e1e1e;
    border: 1px solid #333;
    color: #e5e5e5;
}

body.dark-mode input::placeholder {
    color: #888;
}

/* Search box focus */
body.dark-mode input:focus {
    background-color: #222;
    border-color: #555;
    color: #fff;
}

/* =========================
   MODAL / SEARCH POPUP
========================= */

body.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #e5e5e5;
}

/*  offcanvas  */
body.dark-mode .kb-child-offcanvas-menu { 
    background: black; 
	color: white;
	border-left: 2px solid white;
}
body.dark-mode .kb-child-offcanvas-close{
   color: white;
}

body.dark-mode .kb-child-offcanvas-menu .kb-child-menu-list > ul li a { 
	color: white;
}

/* =========================
   TABLES (if news tables exist)
========================= */

body.dark-mode table {
    color: #e5e5e5;
}

body.dark-mode table thead {
    background-color: #1a1a1a;
}

body.dark-mode table tbody tr {
    border-color: #2a2a2a;
}

body.dark-mode table tbody tr:hover {
    background-color: #222;
}

/* =========================
   FOOTER
========================= */

body.dark-mode footer {
    background-color: #0f0f0f;
    color: #cccccc;
    border-top: 1px solid #222;
}

/* =========================
   BADGES / TAGS
========================= */

body.dark-mode .badge {
    background-color: #2a2a2a;
    color: #fff;
}

/* =========================
   IMAGES (optional polish)
========================= */

body.dark-mode img {
    filter: brightness(0.9) contrast(1.05);
}
/* tags dark */
body.dark-mode .tag-pill {
    color: white;
	background: black;
	border: 1px solid white;
}
body.dark-mode nav > ul li a {
    color: #fff !important;
}
body.dark-mode .tab_block_one {
    background: black;
}
body.dark-mode .tab_block_one .sub2-lead-content h4.title {
    color: white;
}
body.dark-mode .tab_block_one .allNews { 
    background: none;
}
body.dark-mode .flexslider { 
	background: none;
}
body.dark-mode .flexslider { 
	color: white;
}
body.dark-mode .text-muted {
    color: #adb5bd !important;
}
body.dark-mode #static_opinion h5.title {
    color: white !important;
}
body.dark-mode #details_content p {
	color: white;
}
body.dark-mode .common-border-box {
	background: none;
}
body.dark-mode #details_content .details-title{
	color: white;
}
body.dark-mode .news-cover-box{
    background: black;
}
body.dark-mode .npb-feat-excerpt {
	color: white;
}
body.dark-mode .dropdownAllMenu ul li a,
body.dark-mode .dropdownAllMenu .date-desc {
    color: #fff !important;
}
body.dark-mode #sports-news .lead-news .summery,
body.dark-mode #bodymenu_leadRightimg #lead-lews .flex-content .summery,
body.dark-mode #bodymenuTwolead #lead-news .summery,
body.dark-mode #bodymenu-nolead .summery {
    color: #fff !important;
}
body.dark-mode .breadcrumb {
    background: transparent; /* or #1e1e1e */
}
body.dark-mode .tab_block_one .tab_bar_block_new ul > li {
    color: red !important;
}
body.dark-mode #tags_list ul li a {
    color: black !important;
}

body.dark-mode .kb-ch-summary{
	color: white;
}
/* optional: navbar, cards, etc */
.dark-mode .navbar,
.dark-mode .card {
    background-color: #1e1e1e;
    color: #e4e4e4;
}

.kb-child-main-header{
	padding: 4px 0px;
}
.kb-child-day-name{
    font-size:24px;
    line-height:1;
	  text-align: right;
}

.kb-child-date-text{
    font-size:16px;
    border-bottom :1px solid #cfcfcf;
    padding:8px 0px;
    display:inline-block;
}

.kb-child-header-links{
    font-size:14px;
	  text-align:right;
}

.kb-child-header-links a{
    color:#222;
}

.kb-child-header-links a:hover{
    color:#c00;
}

/*  offcanvas menu */

/* ==========================
   KB CHILD OFFCANVAS
========================== */
.kb-child-offcanvas-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}

.kb-child-offcanvas-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* ==========================================
   Offcanvas Menu
========================================== */

.kb-child-offcanvas-menu {
    position: fixed;
    top: 0;
    right: -340px;
    width: 320px;
    max-width: 90%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
    box-shadow: -5px 0 25px rgba(0, 0, 0, .15);
    transition: right .35s ease;

    display: flex;
    flex-direction: column;
}

.kb-child-offcanvas-menu.active {
    right: 0;
}

/* ==========================================
   Header
========================================== */

.kb-child-offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
    flex-shrink: 0;
}

.kb-child-offcanvas-logo img {
    max-height: 50px;
    width: auto;
}

.kb-child-offcanvas-close {
    border: 0;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    color: #444;
    transition: color .2s ease;
}

.kb-child-offcanvas-close:hover {
    color: #dc3545;
}

/* ==========================================
   Body
========================================== */

.kb-child-offcanvas-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 15px;
}

/* ==========================================
   Scrollable Menu Area
========================================== */

.kb-child-menu-scroll {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    padding-bottom: 15px;
}

/* Custom Scrollbar */

.kb-child-menu-scroll::-webkit-scrollbar {
    width: 6px;
}

.kb-child-menu-scroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 20px;
}

.kb-child-menu-scroll::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* ==========================================
   Menu
========================================== */

.kb-child-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kb-child-menu-list li {
    margin: 0;
}

.kb-child-menu-list li + li {
    border-top: 1px solid #f1f1f1;
}

.kb-child-menu-list li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s ease;
}

.kb-child-menu-list li a:hover {
    color: #dc3545;
}

/* ==========================================
   Sub Menu
========================================== */

.kb-sidebar-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding-left: 20px;
}

.kb-sidebar-menu .sub-menu li {
    border: 0;
}

.kb-sidebar-menu .sub-menu li a {
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
}

/* ==========================================
   Footer / Date
========================================== */

.kb-child-menu-footer {
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
    text-align: center;
    color: #6c757d;
    font-size: 14px;
    line-height: 1.7;
}

/* ==========================================
   Search
========================================== */

.kb-child-offcanvas-body .input-group {
    margin-bottom: 15px;
}

/* ==========================================
   Body Lock
========================================== */

body.kb-child-menu-open {
    overflow: hidden;
}

/* ===== Search Overlay ===== */
.kb-search-overlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
}

.kb-search-overlay.active{
    display: flex;
}

/* Search box */
.kb-search-box{
    width: 100%;
    max-width: 600px;
    position: relative;
}

/* Input */
.kb-search-input{
    height: 55px;
    font-size: 18px;
    padding-right: 50px;
    border-radius: 8px;
}

/* Submit button */
.kb-search-submit{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 18px;
    color: #333;
}

/* Close button */
.kb-search-close{
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}

/* ===================================
   KL-CH Floating Bottom Ticker
=================================== */

.kl-ch-floating-ticker {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;

    background: #111827;
    border-top: 2px solid #dc2626;
    overflow: hidden;

    box-shadow: 0 -2px 10px rgba(0,0,0,.15);
}

.kl-ch-floating-label {
    flex-shrink: 0;

    height: 100%;
    padding: 0 18px;

    background: #dc2626;
    color: #fff;

    font-weight: 700;
    display: flex;
    align-items: center;

    white-space: nowrap;
}

.kl-ch-floating-marquee {
    flex: 1;
    overflow: hidden;
}

.kl-ch-floating-track {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;

    animation: kl-ch-floating-scroll 45s linear infinite;
}

.kl-ch-floating-track span a {
    color: #fff;
    margin-right: 51px;
    font-size: 14px;
}

@keyframes kl-ch-floating-scroll {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-40%);
    }
}

.kl-ch-floating-ticker:hover .kl-ch-floating-track {
    animation-play-state: paused;
}
#back-top {
    bottom: 60px !important;
}
#mobile_scroll ul li:not(:last-child) {
    border-right: 1px solid #ddd;
}
/* Author */
.author-page h2 {
    font-size: 2rem;
    line-height: 1.4;
}

.author-page p {
    font-size: 1.1rem;
}
.author-designation {
    font-size: 1.5rem; /* Desktop size */
}

.entry_update svg {
    width: 16px !important;
    height: 16px !important;
    display: inline-block;
	  margin-right: 4px;
}


.trend-label {
    text-decoration: none;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
}


.tag-pill {
    background: #e8e8e8;
    color: #111;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 15px;
    line-height: 1.2;
    white-space: nowrap;
    transition: all .2s ease;
}


/* bottom nav */
.bottom-navigation {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;

    /* Hide scrollbar */
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.bottom-navigation::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.bottom-navigation a {
    flex-shrink: 0; /* Prevent menu items from shrinking */
    padding: 0.5rem 1rem;
}

.news-vertical-border{
  border-right: 2px solid gray;
}
/* .news-separator-horizontal-border{
  border-bottom: 2px solid gray;
} */

/* Thumbnail */
.npb-thumb {
    width: 160px;
    height: 150px;
    object-fit: cover;
    border-radius: 2px;
    display: block;
}
/* news sports sidebar */
.npb-cat25-block {
    max-width: 400px;
    font-family: inherit;
}
 
/* --- Divider --- */
.npb-divider {
    border: none;
    border-top: 2px solid gray;
    margin: 0;
}
 
/* ============================================
   FEATURED POST (Top Large)
   ============================================ */
.npb-featured-post {
    margin-bottom: 0;
}
 
.npb-featured-img-wrap {
    display: block;
    overflow: hidden;
}
 
.npb-featured-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}
 
.npb-featured-img-wrap:hover .npb-featured-img {
    transform: scale(1.02);
}
 
.npb-featured-title-wrap {
    padding: 10px 0 12px;
}
 
.npb-featured-title {
    display: block;
    text-decoration: none;
}
 
.npb-featured-title:hover{
	color: #5E244E
}
/* ============================================
   LIST POSTS (Small rows with thumb on right)
   ============================================ */
.npb-list-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
}
 
.npb-list-title {
    flex: 1;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 
.npb-list-thumb-wrap {
    display: block;
    flex-shrink: 0;
}
 
.npb-list-thumb {
    width: 90px;
    height: 70px;
    object-fit: cover;
    display: block;
}
.kb-sidebar-menu .sub-menu {
    display: none;
    padding-left: 15px;
}

.kb-sidebar-menu .menu-item-has-children > a {
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}

/* FontAwesome arrow */
.kb-sidebar-menu .menu-item-has-children > a::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    transition: transform 0.3s ease;
}

/* rotate when open */
.kb-sidebar-menu .menu-item-has-children.kb-open > a::after {
    transform: rotate(180deg);
}

/* show submenu when open */
.kb-sidebar-menu .menu-item-has-children.kb-open > .sub-menu {
    display: block;
}
/* tags */
.tag-scroll {
    display: flex;
    flex-wrap: nowrap;      /* 🔥 prevent wrapping */
    overflow-x: auto;       /* 🔥 enable scroll */
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding-bottom: 6px;
}

/* prevent items from shrinking/wrapping */
.tag-scroll a {
    flex: 0 0 auto;
}

/* hide scrollbar (optional) */
.tag-scroll::-webkit-scrollbar {
    display: none;
}

.tag-scroll {
    scrollbar-width: none;
}
a:hover {
    color: var(--bs-danger) !important;
}
/* Video section */
.video-gallery-section {
    background: transparent;
    color: #ffffff;
	margin-bottom: 8px;
}

.video-gallery-inner {
    background: #bd001f;
    color: #fff;
}

.video-gallery-inner .video-gallery-title a,
.video-gallery-inner .video-gallery-more a {
    color: #fff;
}

.video-gallery-title a,
.video-gallery-more a {
    color: #ffffff;
    text-decoration: none;
}

.video-gallery-title a {
    font-size: 1.3rem;
    font-weight: 700;
}

.video-gallery-more a {
    font-size: 0.95rem;
    font-weight: 500;
}

.video-gallery-more a i {
    margin-left: 0.35rem;
}

.video-card {
    position: relative;
    background: #ffffff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    min-height: 100%;
}

.video-card-thumb {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.video-card-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.video-card-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.35);
    transition: background 0.2s ease;
}

.video-card-overlay i {
    font-size: 3rem;
}

.video-card:hover .video-card-overlay {
    background: rgba(0, 0, 0, 0.45);
}

.video-card-body {
    padding: 1rem;
}

.video-card-body h5 {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0.75rem;
    color: #111827;
}

.video-card-date {
    font-size: 0.9rem;
    color: #6b7280;
    display: inline-flex;
    align-items: center;
}

.video-card-date i {
    font-size: 0.95rem;
    margin-right: 0.35rem;
}
/* popular tab */
.tab_block_one .list_display_block1 span.news_sl { 
    color: red !important; 
	background: none !important;
}
.tab_block_one .tab_bar_block_new ul>li.active { 
	background: #fff !important;
    border: 1px solid #ddd !important;
    border-bottom-color: #fff !important; /* hide bottom border */
    position: relative !important;
    top: 1px !important; /* slightly raised */
	border-radius: 6px 6px 0px 0px;
}
.tab_block_one .tab_bar_block_new ul>li { 
    padding: 9px 20px !important; 
}
/* hover  */
.hover-blue:hover {
    color: #0d6efd !important;
}
.hover-green:hover {
    color: #198754 !important;
}
/* poll */

/* photo gallery  */
#photo-gallery{
 background: #ab1f20 !important;
}
/* bodymenu  */
.bodymenu-link{
  
  border-bottom: 5px solid red !important;
}
.bodymenu-link .cat-name {
	 border-left: 5px solid red !important;
   	padding: 4px 10px;
}
.bodymenu-link i {
    border: none !important;
	color : red !important;
	font-size: 20px !important;
}
/* category menu */
#site_map .catpageSubmenu {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
	padding: 10px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 5px;
	/* Hide scrollbar */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE & Edge */
}



#site_map .catpageSubmenu a {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    color: #222;
    font-size: 15px;
}

#site_map .catpageSubmenu a:not(:first-child)::before {
    content: "•";
    margin-right: 10px;
    color: #999;
}

#site_map .catpageSubmenu::-webkit-scrollbar {
    height: 4px;
}

#site_map .catpageSubmenu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}
#site_map .catpageSubmenu a:first-child {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

#site_map .catpageSubmenu a:not(:first-child) {
    font-size: 15px;
}

#site_map .catpageSubmenu a:not(:first-child)::before {
    content: "•";
    margin-right: 10px;
    color: #999;
}

/* === Featured Block === */
.npb-featured-left .npb-feat-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.npb-feat-title {
    margin-top: 10px;
}
.npb-feat-title a {
    color: #c0392b;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.4;
}
.npb-feat-title a:hover {
    color: #e00000;
}

.npb-feat-excerpt {
    font-size: 0.88rem;
    color: #444;
    margin-top: 6px;
    line-height: 1.6;
}

/* === Small Posts (right 2×2) === */
.npb-small-img img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    display: block;
}

.npb-small-title {
    margin: 6px 0 0;
}
.npb-small-title a {
    font-size: 0.88rem;
    font-weight: 600;
    color: #222;
    text-decoration: none;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.npb-small-title a:hover {
    color: #c0392b;
}

/* === Round corners on all images === */
.npb-feat-img img {
    border-radius: 4px;
}

.npb-small-img img {
    border-radius: 6px;
}
/* vertical bar */
/* .news-separator-vertical-border {
    border-right: 1px solid #a3a1a1 !important;
}
 */
/* ===========================
   KB Search Form
=========================== */

.kb-ch-search-form{
    width:100%;
}

.kb-ch-search-row{
    display:flex;
    gap:10px;
    align-items:stretch;
}

.kb-ch-col{
    flex:1;
}

.kb-ch-btn-col{
    width:115px;
}

/* Select */

.kb-ch-select{
    height:44px !important;
    border:1px solid #d8d8d8 !important;
    border-radius:0 !important;
    background:#fff !important;
    color:#222 !important;
    font-size:18px !important;
    padding:0 42px 0 16px !important;
    box-shadow:none !important;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpolygon points='0,0 12,0 6,8' fill='%23ff0000'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 15px center;
}

.kb-ch-select:focus{
    border-color:#d8d8d8 !important;
    box-shadow:none !important;
}

/* Button */

.kb-ch-search-btn{
    width:100%;
    height:44px;
    border:none;
    border-radius:0;
    background:red !important;
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    font-size:18px;
    font-weight:600;
}
.search-btn-clr i, .search-btn-clr span{
color: white !important;
}

.kb-ch-search-btn:hover,
.kb-ch-search-btn:focus{
    background:#e00000;
    color:#fff;
}

.kb-ch-search-icon{
    font-size:18px;
}

/* Bootstrap Override */

.kb-ch-search-form .form-control{
    border-radius:0 !important;
    box-shadow:none !important;
}

.kb-ch-search-form .btn{
    border-radius:0 !important;
}
/* ==============================
   District Navigation
================================= */

.kb-ch-district-navigation-wrapper {
    background: #fff;
    padding: 10px 0 12px;
}

.kb-ch-district-navigation-title {
    margin: 0 0 18px;
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.kb-ch-district-navigation-title a {
    color: #d50000;
    text-decoration: none;
}

.kb-ch-district-navigation-title a:hover {
    color: #d50000;
}

/* Desktop */
.kb-ch-district-navigation-list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.kb-ch-district-navigation-list li {
    display: flex;
    align-items: center;
}

.kb-ch-district-navigation-list li::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #b30000;
    border-radius: 50%;
    margin-right: 8px;
}

.kb-ch-district-navigation-list li a {
    color: #111;
    text-decoration: none;
    font-size: 18px;
	font-weight: bold;
}

/* News Item */
.kb-ch-news-item {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

/* Image */
.kb-ch-img-wrap {
    overflow: hidden;
    border-radius: 4px;
}

.kb-ch-img-wrap img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.kb-ch-sub-news:hover .kb-ch-img-wrap img {
    transform: scale(1.05);
}

/* Content */
.kb-ch-content {
    height: 100%;
}

.kb-ch-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 12px;
    color: #111;
}

.kb-ch-summary {
    font-size: 1rem;
    line-height: 1.7;
    color: #222;
}

/* Hover */
.kb-ch-sub-news:hover .kb-ch-title {
    color: #c00000;
}
/* nav font size */
section#top-nav nav>ul>li>a, header.sticky nav>ul>li>a {
	font-size: 20px !important;
}
.kb-breadcrumb {
    font-size: 1.7rem; /* fs-6 */
}
#mobile_scroll li.current-menu-item > a,
#mobile_scroll li.current-menu-parent > a,
#mobile_scroll li.current-menu-ancestor > a,
#mobile_scroll li.current_page_item > a,
.kb-child-menu-list li.current-menu-item > a {
    color: #BE1A1A !important;
}

/* kb-ch sticky nav  */
.kb-ch-sticky-nav {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    cursor: grab;

    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.kb-ch-sticky-nav::-webkit-scrollbar {
    display: none;
}
/* header sticky logo */
header.sticky a.logo {
	margin-top: 0px !important;
}
header.sticky .logo{
	width: 30px !important;
}
/* Mobile improvements */
@media (max-width: 576px){
    .kb-search-input{
        font-size: 16px;
        height: 50px;
    }
	 .bottom-navigation a {
        font-size: 8px;
        padding: 5px 6px;
    }
	
 
    .npb-list-thumb {
        width: 75px;
        height: 58px;
    }
	.kb-breadcrumb {
    font-size: 1rem; /* fs-6 */
}
}
/* Full width offcanvas on small screens */
@media (max-width: 768px) {
    .kb-child-offcanvas-menu {
        width: 100%;
        max-width: 100%;
        right: -100%; /* hide completely */
    }

    .kb-child-offcanvas-menu.active {
        right: 0;
    }
	 /* offcanvas */
    .kb-child-menu-list li a {
        font-size: 17px;
    }

    .kb-sidebar-menu .sub-menu li a {
        font-size: 15px;
    }
	/* ===================================
   KL-CH Floating Bottom Ticker
=================================== */
	 .kl-ch-floating-ticker {
        height: 42px;
    }

    .kl-ch-floating-label {
        padding: 0 10px;
        font-size: 12px;
    }

    .kl-ch-floating-track span {
        font-size: 12px;
        margin-right: 40px;
    }
	.author-page h2 {
        font-size: 1.4rem;
    }
	/* 	tags */
	 .tag-pill,
    .trend-label {
        font-size: 13px;
        padding: 7px 12px;
    }
	.npb-news-grid .border-end {
        border-right: none !important;
    }
    /* Keep bottom border only on first 3 items on mobile */
    .npb-news-grid .col-12:not(:last-child) {
        border-bottom: 1px solid #dee2e6 !important;
    }
    .npb-thumb {
        width: 120px;
        height: 110px;
    }
	 .kb-ch-search-row{
        flex-direction:column;
    }

    .kb-ch-col,
    .kb-ch-btn-col{
        width:100%;
    }

    .kb-ch-search-btn{
        width:100%;
    }
     /* 	district nav */
	.kb-ch-district-navigation-wrapper {
		padding: 5px 0 6px;
		border-bottom: 2px solid #ddd;
	}

	  .kb-ch-district-navigation-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 0;
        padding: 5px 0px;
    }

    .kb-ch-district-navigation-list::-webkit-scrollbar {
        display: none;
    }

    .kb-ch-district-navigation-list li {
        flex: 0 0 auto;
        margin: 0;
    }

    /* Remove red bullet */
    .kb-ch-district-navigation-list li::before {
        display: none;
    }

    /* Add | separator */
    .kb-ch-district-navigation-list li:not(:last-child)::after {
        content: "|";
        color: #999;
        margin: 0 10px;
    }

    .kb-ch-district-navigation-list li a {
        font-size: 16px;
        display: inline-block;
    }
	.kb-ch-news-item {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .kb-ch-img-wrap img {
        height: 120px;
    }

    .kb-ch-title {
        font-size: 1rem;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    .kb-ch-summary {
        font-size: .875rem;
        line-height: 1.5;

        /* Limit excerpt to 3 lines */
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
 
	/* nav font size */
    section#top-nav nav>ul>li>a, header.sticky nav>ul>li>a {
	   font-size: 17px !important;
    }
	.kb-breadcrumb {
    font-size: 1rem; /* fs-6 */
}
	
}