/*
Theme Name: Rudra Press sagarmatha
Theme URI: https://example.com/rudrapress
Author: Your Name
Author URI: https://example.com
Description: A clean, responsive Nepali news portal theme with sticky navigation, breaking news ticker, customizer-driven homepage sections, and full mobile support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rudrapress
Tags: news, blog, custom-menu, featured-images, translation-ready, right-sidebar
*/
@import url("https://fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800");
:root{--primary:#d71920;--text:#222}*{box-sizing:border-box}
body{margin:0;
    font-family:"Noto Sans Devanagari",sans-serif;
     font-family: mukta, sans-serif;
    color:var(--text)}
a{text-decoration:none;color:inherit}
.container{max-width: 80%;}
img{width: 100%;
    display:block;
border-radius:4px;}

.top-date-bar{border-bottom: 1px solid #ddd;}
.top-date-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between}
.date-text,.top-links a{font-size:13px;color:#777}
.top-links{display:flex;gap:18px}
.top-links a:hover{color:var(--primary)}
.brand-inner{min-height:135px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.brand-left-content{font-size:13px;color:#666;line-height:1.8}
.brand-center{text-align:center}

.brand-center img {
    width: 100%;
    height: auto;
}

.brand-logo{font-size:48px;font-weight:900;letter-spacing:-2px;color:var(--primary)}
.brand-logo span{color:#111}
.brand-tagline{font-size:11px;color:#888}
.brand-right{display:flex;justify-content:flex-end;gap:10px}
.language-switch{border:1px solid #ddd;padding:7px 13px;font-size:13px;font-weight:700;border-radius:3px}
.search-circle{width:39px;height:39px;border-radius:50%;border:1px solid #ddd;background:#fff}
.desktop-navigation{border-top:1px solid #ededed;border-bottom:1px solid #ddd;border-top: 1px solid #ddd;background: #2a3382;position:relative;z-index:8000}
.desktop-navigation.is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 3px 15px #0000001a}
.nav-placeholder{display:none;height:51px}
.desktop-navigation.is-sticky+.nav-placeholder{display:block}
.desktop-nav-list{list-style:none;margin:0;padding:0;display:flex;/* justify-content:center; */}
.desktop-nav-list>li{position:relative}
.desktop-nav-list>li>a{display:flex;align-items:center;gap:5px;padding:15px 13px;font-size: 16px;font-weight:600;white-space:nowrap;color: #fff;}
.desktop-nav-list>li>a:hover,.desktop-nav-list>li.current-menu-item>a{color:var(--primary)}
.nav-arrow{font-size:10px;transition:.2s}
.desktop-nav-list>li:hover>.desktop-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.desktop-nav-list>li:hover .nav-arrow{transform:rotate(180deg)}
.desktop-dropdown{position:absolute;left:0;top:100%;width:220px;padding:8px 0;background:#fff;border:1px solid #ddd;box-shadow:0 10px 25px #00000014;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:9000}
.desktop-dropdown a{display:block;padding:9px 17px;border-bottom:1px solid #f2f2f2;font-size:14px}
.desktop-dropdown a:hover{color:var(--primary);background:#fafafa}
.breaking-wrapper{border-bottom:1px solid #eee}
.breaking-inner{min-height:45px;display:flex;align-items:center}
.breaking-label{background:var(--primary);color:#fff;font-size:13px;font-weight:700;padding:7px 14px;margin-right:14px;position:relative}
.breaking-label:after{content:"";position:absolute;right:-8px;top:0;border-top:16px solid transparent;border-bottom:16px solid transparent;border-left:8px solid var(--primary)}
.breaking-text{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.advertisement{padding:20px 0}
.ad-box{min-height:90px;background:#f8f8f8;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px}
.section-header{border-bottom: 3px double #2a3382;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end}
.section-title{margin:0;font-size:25px;font-weight:800;padding-bottom:8px;position:relative;color: #2a3382;}
.section-title:after{/* content:""; */width:45px;height:3px;background:var(--primary);position:absolute;bottom:-2px;left:0}
.view-all{color:var(--primary);font-size:13px;font-weight:600;padding-bottom:10px}
.hero-news{margin-bottom:45px}
.hero-main{position:relative;overflow:hidden;background:#000}
.hero-main img{width:100%;height:470px;object-fit:cover}
.hero-overlay{position:absolute;inset:auto 0 0;padding:75px 25px 25px;background:linear-gradient(transparent,#000e);color:#fff}
.category-label{display:inline-block;color:#fff;background:var(--primary);padding:4px 9px;font-size:11px;font-weight:700;margin-bottom:9px}
.hero-title{font-size:27px;line-height:1.45;font-weight:800;margin:0}
.news-meta{color:#999;font-size:11px;margin-top:7px}
.side-news-item{display:flex;gap:14px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid #e7e7e7}
.side-news-image{width:125px;min-width:125px;height:82px;overflow:hidden}
.side-news-image img{width:100%;height:100%;object-fit:cover}
.side-news-title{font-weight: 500;line-height: 1.4;font-size: 19px;/* font-size: 17px; *//* line-height:1.5; *//* font-weight:700; */margin-top: 8px;}
.side-news-title:hover,.politics-main-title:hover,.small-politics-title:hover,.news-card-title:hover,.latest-title:hover{color:var(--primary)}
.politics-section{background:#fafafa;padding:40px 0;margin:30px 0 40px}
.politics-main-card{background:#fff;border:1px solid #eee}
.politics-main-image{width:100%;height:290px;object-fit:cover}
.politics-main-content{padding:17px}
.politics-main-title{font-size:22px;line-height:1.5;font-weight: 600;}
.politics-description{color:#777;font-size:14px;line-height:1.7}
.small-politics{display:flex;gap:12px;border-bottom:1px solid #ddd;padding-bottom:14px;margin-bottom:14px}
.small-politics-image{width:120px;height:80px;min-width:120px;object-fit:cover}
.small-politics-title{/* font-size: 17px; *//* font-weight:700; */line-height:1.5;font-weight: 500;line-height: 1.4;font-size: 19px;}
.news-card{border:1px solid #eee;height:100%}
.news-card-image{height:205px;width:100%;object-fit:cover}
.news-card-body{padding:15px}
.news-card-title{font-size:17px;line-height:1.5;font-weight:700;font-weight: 500;line-height: 1.4;font-size: 19px;}
.latest-list{border-top:1px solid #ddd}
.latest-item{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #eee}
.latest-image{width:145px;min-width:145px;height:90px;object-fit:cover}
.latest-title{font-size:17px;font-weight:700}
.video-section{background:#171717;color:#fff;padding:45px 0;margin-top:45px}
.video-section .section-header{border-color:#444}
.video-card{background:#222}
.video-image{height:200px;position:relative}
.video-image img{width:100%;height:100%;object-fit:cover}
.play-button{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center}
.video-title{padding:14px;font-size: 17px;}
footer{margin-top:50px}
.footer-main{background: #2a3382;color:#ddd;padding:55px 0 35px}
.footer-logo{font-size:35px;color:var(--primary);font-weight:900}
.footer-logo span{color:#fff}
.footer-description,.footer-links a,.footer-contact{color:#aaa;font-size: 15px;line-height:1.8}
.footer-title{color:#fff;font-size:17px;font-weight:700}
.footer-links{list-style:none;padding:0}
.footer-links li{margin-bottom:9px}
.social-icons{display:flex;gap:8px}
.social-icons a{width:35px;height:35px;border: 1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center}
.footer-bottom{background:#080808;border-top:1px solid #252525;color:#777;padding:16px 0;font-size:12px}
.search-overlay{position:fixed;inset:0;background:#fffffff9;z-index:99999;display:none;align-items:flex-start;justify-content:center}
.search-overlay.show{display:flex}
.search-container{width:min(850px,90%);margin-top:150px;position:relative}
.search-input{width:100%;height:65px;border:0;border-bottom:2px solid #222;outline:0;font-size:27px;padding:0 60px 0 10px;font-family:inherit}
.close-search{position:absolute;right:10px;top:12px;border:0;background:transparent;font-size:30px}
.mobile-header{display:none;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:9000}
.mobile-header-inner{height:62px;display:flex;align-items:center;justify-content:space-between}
.mobile-logo{font-size:29px;font-weight:900;color:var(--primary)}
.mobile-actions{display:flex;align-items:center;gap:2px}
.mobile-action{border:0;background:transparent;width:38px;height:38px;display:flex;align-items:center;justify-content:center}
.mobile-menu-button{border:1px solid #ddd;background:#fff;width:39px;height:39px}
.mobile-navigation{position:fixed;top:0;right:-100%;width:86%;max-width:380px;height:100vh;background:#fff;z-index:9998;box-shadow:-5px 0 25px #00000026;transition:right .3s;overflow-y:auto}
.mobile-navigation.open{right:0}
.mobile-menu-top{height:63px;padding:0 17px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between}
.mobile-menu-title{font-size:21px;font-weight:800}
.mobile-menu-close{width:38px;height:38px;border:1px solid #ddd;background:#fff}
.mobile-menu-list{list-style:none;padding:0;margin:0}
.mobile-menu-list>li{border-bottom:1px solid #ededed}
.mobile-menu-list>li>a{min-height:48px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}
.mobile-submenu{display:none;background:#f8f8f8;list-style:none;padding:0;margin:0}
.mobile-submenu.open{display:block}
.mobile-submenu li{border-top:1px solid #e9e9e9}
.mobile-submenu a{display:block;padding:11px 30px;font-size:14px;color:#555}
.mobile-overlay{display:none;position:fixed;inset:0;background:#0008;z-index:9997}
.mobile-overlay.show{display:block}


.rdc-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* padding: 12px 0 0 0; */
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    border-top: 1px dashed rgba(0, 0, 0, .2);
    transition: all .1s ease-in-out;
    margin-top: 10px;
}


.flash-item>a {
        font-size: 30px;
        line-height: 113%;
        font-weight: 600;
    }


    .footer-logo img {
    width: 100%;
    height: 116px;
}



 
/*flash news*/
span.flash-tagline {
    background: #ed1c24;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 26px;
}
.flash-item {
    text-align: center;
    border: 1px solid #ddd;
    padding: 30px;
    margin-bottom: 15px;
    background: #2a338214;
    border-radius: 5px;
}
.flash-item>a {
    text-align: center;
    font-size: 60px;
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 130%;
    /* font-family: 'Mukta'; */
    font-weight: 700;
    /* padding: 12px; */
    margin-top: 18px;
}
.flash-item .post-img {
    /* width: 100%; */
    width: 100%;
    float: none;
    height: auto;
    margin: 0 auto;
    border-radius: 4px;
}
.flash-item p {
    margin-top: 20px;
    font-size: 21px;
    /* color: rgba(0, 0, 0, .6); */
    color: #000000a8;
    text-align: center;
    line-height: 150%;
    position: relative;
    /* border-bottom: solid 1px rgba(0,0,0,.14); */
    /* padding-bottom: 30px; */
}
 .newsInfo {
     justify-content: center;
     margin-top: 8px;
     margin-bottom: 20px;
     align-items: center;
     flex-wrap: wrap;
}
 .newsInfo div {
     position: relative;
     font-size: 14px;
     align-items: center;
     color: #100f0f;
     display: inline-block;
     vertical-align: middle;
     font-weight: 600;
     margin-right: 6px;
}
 .newsInfo div img {
     height: 32px;
     width: 32px;
     min-height: auto;
     border-radius: 100%;
     display: inline-block;
     vertical-align: middle;
     margin: 0 10px 0 0;
     padding: 3px;
     border: 1px dashed #bf1e2e;
     box-shadow: 0 4px 12px rgba(0, 0, 0, .2392156863);
}
 .newsInfo div span {
     font-size: 14px;
     font-weight: 500;
}
 /* =====================================================
           INTERVIEW / MULTIMEDIA CAROUSEL
        ====================================================== */

        /* Previous / Next buttons (top right of section header) */

        .carousel-nav-group {

            display: flex;

            gap: 8px;

            padding-bottom: 10px;

        }

        .carousel-nav-btn {

            width: 34px;

            height: 34px;

            border-radius: 50%;

            border: 1px solid var(--border);

            background: #fff;

            color: #222;

            font-size: 14px;

            display: flex;

            align-items: center;

            justify-content: center;

            cursor: pointer;

            transition: .2s;

        }

        .carousel-nav-btn:hover {

            background: var(--primary);

            border-color: var(--primary);

            color: #fff;

        }

        /* Keep the negative .row gutters from being clipped */

        .multimedia-carousel .carousel-inner {/* padding-left: 12px; *//* padding-right: 12px; */}

        /* Indicators placed below the slides */

        .multimedia-carousel .carousel-indicators {

            position: static;

            margin: 20px 0 0;

            padding: 0;

        }

        .multimedia-carousel .carousel-indicators [data-bs-target] {

            width: 9px;

            height: 9px;

            border-radius: 50%;

            border: 0;

            background: #cfcfcf;

            opacity: 1;

            margin: 0 4px;

            transition: .25s;

        }

        .multimedia-carousel .carousel-indicators .active {

            width: 26px;

            border-radius: 5px;

            background: var(--primary);

        }

        /* Card */

        .multimedia-image {

            position: relative;

            overflow: hidden;

        }

        .multimedia-image .news-card-image {

            height: 185px;

            transition: transform .4s;

        }

        .multimedia-card:hover .multimedia-image .news-card-image {

            transform: scale(1.04);

        }

        .multimedia-image .play-button {

            width: 44px;

            height: 44px;

            font-size: 19px;

            box-shadow: 0 4px 14px rgba(0,0,0,.35);

            transition: transform .25s;

        }

        .multimedia-card:hover .play-button {

            transform: translate(-50%,-50%) scale(1.12);

        }

        .multimedia-image .category-label {

            position: absolute;

            left: 10px;

            top: 10px;

            margin-bottom: 0;

            z-index: 2;

        }

        .multimedia-card .news-card-title {

            font-size: 15px;

        }

        /* =====================================================
   INTERVIEW SECTION (CIRCULAR IMAGE)
===================================================== */

.interview-section {
    background: #ffffff;
    padding: 45px 0;
    margin-top: 10px;
    margin-bottom: 45px;
}

.interview-card {
    text-align: center;
    padding: 24px 18px;
    border: 1px solid #ddd;
    background: #ffffff;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease;
}

.interview-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.interview-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 15px;
    border: 4px solid #ffffff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .12);
    display: block;
}

.interview-badge {
    display: inline-block;
    background: var(--primary);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.interview-name {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 4px;
    color: var(--text);
}

.interview-role {
    color: #888888;
    font-size: 12px;
    margin-bottom: 10px;
}

.interview-quote {
    font-size: 14px;
    line-height: 1.6;
    color: #555555;
    margin: 0 0 15px;
}

.interview-play {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--primary);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: .2s;
}

.interview-play:hover {
    background: #b31218;
    color: #ffffff;
    transform: scale(1.08);
}

/* ============================
   Triple Category Row Layout
   ============================ */
.triple-section{padding:20px 0}
/*.triple-column{
    background:#fff;
    border:1px solid #eee;
    border-radius:6px;
    padding:18px;
    height:100%;
    display:flex;
    flex-direction:column;
}
.triple-col-header{
    border-bottom:2px solid var(--primary);
    padding-bottom:10px;
    margin-bottom:14px;
    position:relative;
}
.triple-col-header:after{
    content:"";
    position:absolute;
    left:0;bottom:-2px;
    width:45px;height:3px;
    background:var(--primary);
}
.triple-col-title{
    margin:0;
    font-size:18px;
    font-weight:800;
    color:#111;
}
.triple-col-title a:hover{color:var(--primary)}*/

/* Featured post */
.triple-featured{margin-bottom:16px}
.triple-featured-image{
    display:block;
    overflow:hidden;
    border-radius:4px;
    margin-bottom:10px;
}
.triple-featured-image img{
    width:100%;
    height: 220px;
    object-fit:cover;
    transition:transform .3s;
}
.triple-featured-image:hover img{transform:scale(1.05)}
.triple-featured-title{
    /* font-size: 17px; */
    /* line-height:1.5; */
    /* font-weight:700; */
    margin:0 0 5px;
    font-weight: 500;
    line-height: 1.4;
    font-size: 19px;
}
.triple-featured-title a:hover{color:var(--primary)}

/* Small list items */
.triple-small-item{
    display:flex;
    gap:10px;
    padding:10px 0;
    border-top:1px solid #f0f0f0;
}
.triple-small-image{
    width:70px;
    min-width: 90px;
    height: 65px;
    overflow:hidden;
    border-radius:3px;
    flex-shrink:0;
}
.triple-small-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.triple-small-body{flex:1}
.triple-small-title{
    font-size: 18px;
    line-height:1.45;
    font-weight: 500;
    margin:0 0 3px;
}
.triple-small-title a:hover{color:var(--primary)}
.triple-small-item .news-meta{margin-top:0;font-size:10px}

/* View-all link at bottom */
/*.triple-view-all{
    display:inline-block;
    margin-top:auto;
    padding-top:14px;
    font-size:12.5px;
    font-weight:700;
    color:var(--primary);
}
.triple-view-all:hover{text-decoration:underline}*/
/* Responsive tweaks */
/*@media(max-width:991.98px){
    .triple-column{margin-bottom:20px}
    .triple-featured-image img{height:190px}
}
@media(max-width:575.98px){
    .triple-featured-image img{height:180px}
    .triple-small-image{width:64px;min-width:64px;height:48px}
    .triple-small-title{font-size:13px}
}*/

/*single paga*/
.entry-content p{
    font-size: 20px;
    text-align:justify;
    /*line-height:20;*/
}
.single-title{
    color:#111;
    font-size: 43px;
    margin-bottom:12px;
    font-weight: 600;
}

.single-img img {
    height: auto;
    width: 100%;

}


/* =====================================================
   INTERVIEW + MULTIMEDIA 8/4 SECTION
====================================================== */

.interview-multimedia-section{
    padding:45px 0;
    background:#fff;
}

/* HERO */

.interview-hero{
    position:relative;
    overflow:hidden;
    background:#000;
}

.interview-hero-image{
    height: 470px;
    position:relative;
    overflow:hidden;
}

.interview-hero-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.interview-hero:hover .interview-hero-image img{
    transform:scale(1.03);
}

.interview-hero-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:90px 30px 25px;
    color:#fff;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.88)
    );
}

.interview-hero-overlay h2{
    margin:7px 0 5px;
    font-size:27px;
    line-height:1.45;
    font-weight:800;
}
/*
.interview-play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:60px;
    height:60px;

    border-radius:50%;
    background:var(--primary);
    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:28px;

    z-index:3;
}*/

/* CAROUSEL BUTTONS */

.interview-hero .carousel-control-prev,
.interview-hero .carousel-control-next{
    z-index:5;
}

#interviewHeroCarousel .carousel-control-prev,
#interviewHeroCarousel .carousel-control-next{
    width:48px;
    height:48px;
    top:50%;
    bottom:auto;
    transform:translateY(-50%);

    background:rgba(0,0,0,.55);
    opacity:1;
}

#interviewHeroCarousel .carousel-control-prev{
    left:15px;
}

#interviewHeroCarousel .carousel-control-next{
    right:15px;
}


/* RIGHT SIDE NEWS */

.interview-side-news{
    height:440px;
    display:flex;
    flex-direction:column;
}

.interview-side-item{
    display:flex;
    gap:14px;

    padding:0 0 15px;
    margin:0 0 15px;

    border-bottom:1px solid #e5e5e5;

    flex:1;
}

.interview-side-item:last-child{
    margin-bottom:0;
    border-bottom:0;
}

.interview-side-image{
    width:135px;
    min-width:135px;
    height:95px;

    overflow:hidden;
}

.interview-side-image img{
    width:100%;
    height:100%;
    object-fit:cover;

    transition:.3s;
}

.interview-side-item:hover img{
    transform:scale(1.05);
}

.interview-side-content{
    flex:1;
}

.interview-side-content .category-label{
    font-size:10px;
    padding:3px 7px;
    margin-bottom:5px;
}

.interview-side-content h3{
    font-size:15px;
    line-height:1.45;
    font-weight:800;

    margin:2px 0 4px;
}

.interview-side-content h3:hover{
    color:var(--primary);
}

    article.news-card img {
    height: 250px;
    object-fit: cover;
}




.topic-border {
    position: relative;
    margin-bottom: 10px;
}

.topic-border:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 2px
}

.topic-box {
    display: inline-block;
    position: relative;
    background-color: #e53935;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px
}

.topic-box:before {
    z-index: 1;
    content: "";
    top: 0;
    right: -8px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid #e53935;
    border-right: 8px solid transparent
}

.topic-box-lg {
    display: inline-block;
    position: relative;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
    /*font-family: Poppins,sans-serif;*/
    z-index: 2
}

.topic-box-lg:before {
    z-index: 1;
    content: "";
    top: 0;
    right: -8px;
    position: absolute;
    width: 0;
    height: 0
}

.topic-box-lg:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.topic-box-sm {
    display: inline-block;
    position: relative;
    color: #fff;
    height: 26px;
    padding: 0 15px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    z-index: 2
}

.topic-box-sm:before {
    z-index: 1;
    content: "";
    top: 0;
    right: -8px;
    position: absolute;
    width: 0;
    height: 0
}

.topic-box-sm:after {
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}
.color-cutty-sark:before {
    border-top: 8px solid #2a3382;
    border-right: 8px solid transparent;
}
.color-cutty-sark:after {
    background-color: #2a3382;
}
 
/* TABLET */

@media(max-width:991.98px){

    .interview-hero-image{
        height:400px;
    }

    .interview-side-news{
        height:auto;
        margin-top:5px;
    }

    .interview-side-item{
        flex:unset;
    }

}


/* MOBILE */

@media(max-width:767.98px){

    .interview-multimedia-section{
        padding:35px 0;
    }

    .interview-hero-image{
        height:300px;
    }

    .interview-hero-overlay{
        padding:70px 17px 18px;
    }

    .interview-hero-overlay h2{
        font-size:20px;
        line-height:1.45;
    }

    .interview-play{
        width:52px;
        height:52px;
        font-size:23px;
    }

    .interview-side-news{
        margin-top:20px;
    }

    .interview-side-image{
        width:110px;
        min-width:110px;
        height:78px;
    }

    .interview-side-content h3{
        font-size:14px;
    }

}

@media (max-width: 767.98px) {
    .interview-avatar {
        width: 100px;
        height: 100px;
    }

    .interview-name {
        font-size: 16px;
    }

    .interview-quote {
        font-size: 13px;
    }
}


@media(max-width:991.98px){.desktop-header,.desktop-navigation,.nav-placeholder{display:none!important}.mobile-header{display:block}.top-date-bar{display:none}.breaking-inner{min-height:40px}.breaking-label{font-size:11px;padding:6px 10px}.breaking-text{font-size:12px}.hero-main img{height:380px}.hero-title{font-size:22px}}
@media(max-width:767.98px){
    .container{padding-left:15px;padding-right:15px}
    .flash-item>a {font-size: 30px;line-height: 113%;font-weight: 600;}
    .flash-item p {
        margin-top: 10px;
        font-size: 19px;
        text-align: justify;
        /* color: #999; */
        text-align: center;
        line-height: 150%;
        position: relative;
        /* padding-bottom: 30px; */
    }
    .single-title {
   
    font-size: 30px;
    
}
    .advertisement{padding:12px 0}
    .ad-box{min-height:65px}.section-title{font-size:21px}.hero-main img{height:300px}
    .hero-overlay{padding:65px 15px 17px}
    .hero-title{font-size:19px}
    .side-news{margin-top:20px}
    .side-news-image{width:105px;min-width:105px;height:70px}
    .side-news-title{font-size:14px}
    .politics-section{padding:30px 0}
    .politics-main-image{height:230px}
    .politics-main-title{font-size:19px}
    .small-politics-image{width:100px;min-width:100px;height:70px}
    .small-politics-title{/* font-size:14px; */}
    .news-card-image{height:190px}

    .latest-image{width:110px;min-width:110px;height:75px}
    .latest-title{font-size:14px}
    .video-image{height:190px}
    .footer-main{padding:40px 0 25px}

}
@media(max-width:480px){.mobile-logo{font-size:25px}.mobile-action{width:34px}.mobile-menu-button{width:36px;height:36px}.hero-main img{height:260px}.hero-title{font-size:18px}.side-news-item{gap:10px}.side-news-image{width:92px;min-width:92px;height:65px}.side-news-title{font-size:13px}}
/* =========================
   DARK MODE TOGGLE
========================= */

.theme-toggle,
.mobile-theme-toggle {
    border: 1px solid #ddd;
    background: #fff;
    color: #222;
    border-radius: 20px;
    padding: 7px 13px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: .25s ease;
}

.theme-toggle:hover,
.mobile-theme-toggle:hover {
    background: #f5f5f5;
}

.theme-toggle i,
.mobile-theme-toggle i {
    font-size: 14px;
}

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

body.dark-mode {
    background: #111;
    color: #eee;
}

/* Header */

body.dark-mode .top-header,
body.dark-mode .main-header,
body.dark-mode .desktop-navigation,
body.dark-mode .mobile-header {
    background: #181818;
    color: #eee;
}

body.dark-mode .desktop-navigation {
    border-top-color: #292929;
    border-bottom-color: #333;
}

body.dark-mode .desktop-nav-list > li > a {
    color: #eee;
}

body.dark-mode .desktop-nav-list > li > a:hover {
    color: #fff;
}

body.dark-mode .theme-toggle,
body.dark-mode .mobile-theme-toggle {
    background: #252525;
    color: #eee;
    border-color: #444;
}

/* Dropdown */

body.dark-mode .desktop-dropdown {
    background: #1d1d1d;
    border-color: #333;
}

body.dark-mode .desktop-dropdown a {
    color: #eee;
}

body.dark-mode .desktop-dropdown a:hover {
    background: #292929;
    color: #fff;
}

/* Sections */

body.dark-mode section,
body.dark-mode .content-section,
body.dark-mode .news-section {
    background: #111;
    color: #eee;
}

body.dark-mode .section-title {
    color: #fff;
}

body.dark-mode .view-all {
    color: #ddd;
}

/* News Cards */

body.dark-mode .news-card,
body.dark-mode .news-item,
body.dark-mode .interview-side-item {
    background: #181818;
    color: #eee;
}

body.dark-mode .news-card h3,
body.dark-mode .news-item h3,
body.dark-mode .interview-side-content h3 {
    color: #eee;
}

body.dark-mode .news-card h3:hover,
body.dark-mode .news-item h3:hover,
body.dark-mode .interview-side-content h3:hover {
    color: var(--primary);
}

body.dark-mode .news-meta {
    color: #aaa;
}

body.dark-mode .interview-side-item {
    border-bottom-color: #333;
}

/* Hero */

body.dark-mode .interview-hero {
    background: #000;
}

/* Breaking News */

body.dark-mode .breaking-news {
    background: #181818;
    color: #eee;
}

/* Mobile Drawer */

body.dark-mode .mobile-menu {
    background: #181818;
    color: #eee;
}

body.dark-mode .mobile-menu a {
    color: #eee;
    border-bottom-color: #333;
}

body.dark-mode .mobile-menu a:hover {
    background: #252525;
}

/* Footer */

body.dark-mode footer,
body.dark-mode .site-footer {
    background: #080808;
    color: #ccc;
}

body.dark-mode footer a,
body.dark-mode .site-footer a {
    color: #bbb;
}

body.dark-mode footer a:hover,
body.dark-mode .site-footer a:hover {
    color: #fff;
}

/* Search Overlay */

body.dark-mode .search-overlay {
    background: rgba(10,10,10,.98);
}

body.dark-mode .search-overlay input {
    background: #222;
    color: #fff;
    border-color: #444;
}

@media(max-width:991.98px) {
    .theme-toggle {
        display: none;
    }
}