/*
Theme Name:Newstack
Theme URI:https://themeansar.com/free-themes/newstack-free-blog-magazine-elementor-wordpress-theme/
Author:Themeansar
Author URI:https://themeansar.com
Description:Newstack is a fast,clean,modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized,so users can manage the content by using easy to use widgets. Newstack is suitable for dynamic news,newspapers,magazine,publishers,blogs,editors,online and gaming magazines,newsportals,personal blogs,newspaper,publishing or review siteand any creative website. Newstack is SEO friendly,WPML,Gutenberg,translation and RTL ready. Live preview:https://newsup.themeansar.com/newstack/ and documentation at https://docs.themeansar.com/docs/newsup/
Version:2.6
Requires PHP:7.4
Requires at least:6.6
Tested up to:6.9
License:GNU General Public License v3 or later
License URI:http://www.gnu.org/licenses/gpl-3.0.html
Template:newsup
Text Domain:newstack
Tags:blog,portfolio,news,grid-Layout,one-column,two-columns,three-columns,flexible-header,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,theme-options,sticky-post,threaded-comments,translation-ready,block-styles,wide-blocks

Newstack WordPress Theme is child theme of Newsup,Copyright 2020 Themeansar
Newstack is distributed under the terms of the GNU General Public License v3

Newstack is based on Underscores https://underscores.me/,(C) 2012-2017 Automattic,Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
:root {
    --bodyFont: 'Inter', sans-serif;
    --headFont: "Poppins", sans-serif;
}

a:focus {
    outline: 1px solid;
}

span.time {
    margin-left: 5px;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 35px;
}

.mg-social li span.icon-soci {
    float: unset;
}

.mg-headwidget.center .heacent {
    margin-top: unset !important;
}

.mg-headwidget.center .logo-center,
.mg-headwidget.center .navbar-header,
.mg-headwidget.center .site-branding-text {
    float: none;
    text-align: center;
}

.mg-headwidget.center .navbar-brand {
    float: none;
    display: inline-block;
    margin: 8px auto 0 auto;
    font-weight: bold;
}

.mg-headwidget.center .heacent {
    margin-top: 40px;
    color: #fff;
}

.navbar-wp .dropdown-menu.searchinner .btn {
    border: medium none;
    border-radius: 0 4px 4px 0;
    height: 40px;
    line-height: 25px;
    padding: 5px 15px;
}

.mg-search-box .dropdown-toggle::after {
    display: none;
}

.m-header {
    display: none;
}

.desk-header {
    display: flex;
}

.mobilehomebtn {
    width: 30px;
    text-align: center;
    line-height: 30px;
    height: 30px;
}

.logo-auto {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.mg-blog-post.md {
    width: 49.8%;
    float: left;
    height: 236px;
}

.mg-blog-post.md .bottom h4 {
    font-size: 26px;
}

.mb1px {
    margin-bottom: 1px;
}

.mg-blog-post.lg.mins {
    width: 100%;
    height: 222.5px;
    margin-bottom: 30px;
}

.mg-blog-post.lg.mins h4.title {
    font-size: 22px;
}

.mg-blog-post-box .mg-header {
    padding: 20px 20px;
}

footer .site-description {
    letter-spacing: 1.2px;
}

.mg-headwidget .site-branding-text .text-center {
    color: #fff;
    text-align: center;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.mg-social.info-right a:focus {
    outline: none;
}

.mg-nav-widget-area .navbar-brand {
    margin-right: 0;
}

.comment-detail .edit-link a,
.comment-detail .reply a,
pre.wp-block-code a {
    text-decoration: underline;
}

.mg-latest-news .mg-latest-news-slider {
    left: 185px;
}

div.mg-latest-news .bn_title span {
    border: none;
    top: unset;
    right: unset;
}

.wp-block-search .wp-block-search__label,
.mg-widget .wp-block-group h2,
.mg-sidebar .mg-widget .wtitle,
.mg-sec-title h4,
footer .mg-widget h6 {
    padding-right: 15px;
}

:is(.wp-block-search .wp-block-search__label, .mg-widget .wp-block-group h2, .mg-sidebar .mg-widget .wtitle, .mg-sec-title h4, footer .mg-widget h6)::before {
    display: none;
}

.mg-blog-category a {
    text-transform: capitalize;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.mg-sidebar .mg-widget .wtitle {
    font-weight: 700;
}

.mg-posts-modul-6 .mg-sec-top-post .title {
    font-size: 24px;
    line-height: 1.5;
}

.mg-posts-sec-inner .mg-posts-sec-post,
.mg-sidebar .mg-widget {
    box-shadow: 0 0 8px 2px rgba(23, 23, 35, 0.05);
    border-radius: 0;
    border: none;
}

.mg-sidebar .mg-widget.widget_search:not(:has(.wp-block-search__button-outside)) {
    padding-top: 0;
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    align-items: center;
}

.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) {
    padding-left: 0;
    padding-right: 0;
}

.widget_search:has(.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden) .wp-block-search__label {
    margin-left: 0;
}

.mg-posts-modul-6 .mg-post-thumb {
    margin-right: -5px;
}

.mg-tpt-tag-area,
.mg-latest-news-sec {
    margin-top: 20px;
    padding: 0;
}

.mg-tpt-tag-area .mg-tpt-txnlst {
    padding: 2px 5px;
}

.mg-latest-news-sec {
    box-shadow: none;
}

.mg-latest-news-sec .mg-latest-news {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}


.mg-latest-news .bn_title .title {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
}


.bn_title .title::before {
    content: "\e0b7";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;
    font-size: 16px;
    position: relative;
    z-index: 2;
}


.bn_title .title::after {
    content: "";
    position: absolute;
    left: 26px;

    top: 50%;
    transform: translateY(-50%) translateX(0);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    animation: zoom 2s linear infinite;
    z-index: 1;
}


.bn_title .title span::before,
.bn_title .title span::after {
    content: "";
    position: absolute;
    right: -41px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 50%;
    opacity: 0;
    z-index: 1;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.bn_title .title span::before {
    animation: zoom 2s linear 0.5s infinite;
}

.bn_title .title span::after {
    animation: zoom 2s linear 1s infinite;
}

@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }

    50% {
        opacity: 0.9;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}



@media (min-width:1200px) {
    .mg-blog-post.md .bottom h4 {
        max-height: 65px;
        overflow: hidden;
    }
}

@media (max-width:991px) {
    .navbar-wp .navbar-nav>li>a i {
        display: none;
    }

    #menu-primary li.active.home {
        display: none;
    }

    .m-header {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-between;
    }

    .desk-header {
        display: none;
    }
}

@media (max-width:767px) and (min-width:576px) {
    .mg-fea-area .col-md-3 {
        display: flex;
    }

    .mg-fea-area .mg-blog-post.lg.mins {
        margin: 0 5px 30px 0;
    }

    .mg-fea-area .col-md-3.top-right-area {
        display: block;
    }
}

@media screen and (max-width:767px) and (min-width:240px) {
    .mg-headwidget .navbar-wp .navbar-nav>li>a {
        position: relative;
        border-bottom: 1px solid rgba(225, 225, 225, 0.4);
    }
}

@media (min-width:240px) and (max-width:576px) {

    .mg-fea-area .mg-blog-post.lg.mins,
    .mg-fea-area .mg-posts-sec {
        margin-bottom: 20px;
    }

    .mg-fea-area .mr-bot60 {
        margin-bottom: 50px;
    }
}

/* =======================================================
 🔥🔥 START:CUSTOM BANNER SETTINGS (UPDATED) 🔥🔥
 ======================================================= */


.mg-nav-widget-area-back {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}


@media (max-width:767px) {
    .mg-nav-widget-area-back {
        height: 120px !important;

        background-size: 100% 100% !important;

    }
}


@media (min-width:768px) {
    .mg-nav-widget-area-back {
        height: 280px !important;
        background-size: cover !important;

    }
}



.mg-nav-widget-area-back .inner {
    background-color: transparent !important;

}



/* =======================================================
 🔥🔥 END:CUSTOM BANNER SETTINGS 🔥🔥
 ======================================================= */


@media (max-width:767px) {
    .custom-logo {
        max-height: 80px;

        width: auto;

        margin-bottom: 10px;
    }

    .mg-headwidget .navbar-header {
        margin-top: 10px;

    }
}


@media (max-width:768px) {
    .sarkari-link-list li a {
        padding: 12px 10px;

        font-size: 15px;
    }

    .sarkari-column {
        margin-bottom: 20px;

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

    }
}

/* =======================================================
 🔥🔥 START:IMAGE UNIFORMITY FIX (Antigravity) 🔥🔥
 ======================================================= */


.mg-blog-post .mg-post-thumb img,
.mg-posts-sec-post .mg-post-thumb img,
.mg-sec-top-post .mg-post-thumb img,
.small-post-content img,
.mg-posts-modul-6 .mg-post-thumb img {
    width: 100%;
    height: 200px;

    object-fit: cover;

    object-position: center;

    display: block;
    border-radius: 4px;

}




.mg-blog-post.lg .mg-post-thumb img {
    height: 350px;

}


.mg-blog-post.md .mg-post-thumb img {
    height: 220px;
}


.mg-posts-sec-post .mg-post-thumb img {
    height: 80px;

    width: 100px;

}


.mg-sidebar .mg-posts-sec-post .mg-post-thumb img {
    width: 90px;
    height: 70px;
}


.mg-post-thumb {
    position: relative;
    overflow: hidden;
}


article .post-thumbnail img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}


@media (max-width:767px) {

    .mg-blog-post .mg-post-thumb img,
    .mg-blog-post.lg .mg-post-thumb img,
    .mg-blog-post.md .mg-post-thumb img {
        height: 200px;

    }

    .mg-posts-sec-post .mg-post-thumb img {
        height: 70px;
        width: 90px;
    }
}


/* =======================================================
 🔥🔥 END:IMAGE UNIFORMITY FIX 🔥🔥
 ======================================================= */

/* ======================================================= 
   🔥🔥 START:MOBILE LAYOUT FIX (Antigravity) 🔥🔥 
   ======================================================= */
/* 
 Please yaha dhyan dein: Ye code force karega ki mobile par 
 Sidebar aur Content upar-niche (stack) ho jayein,
 na ki side-by-side (jo abhi squishing ki wajah hai).
*/

@media (max-width:991px) {
    .home #content>.row {
        display: block !important;
    }

    .home #content>.row>aside,
    .home #content>.row>div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin-bottom: 30px;
    }

    .mg-sidebar .mg-widget {
        padding: 20px !important;
    }
}

/* 
 📱 MOBILE SPECIFIC GRID FIXES (Global Drishti)
 Make posts 100% width on mobile, no more squished 2-column layout.
*/
@media (max-width: 767px) {

    /* Main Blog Posts (Grid) - Force Full Width */
    .mg-blog-post.md,
    .mg-blog-post.lg,
    .mg-blog-post {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        /* Allow content to dictate height */
        margin-bottom: 30px !important;
        display: block !important;
    }

    /* Thumbnail adjustments */
    .mg-blog-post .mg-post-thumb img,
    .mg-blog-post.lg .mg-post-thumb img,
    .mg-blog-post.md .mg-post-thumb img {
        height: 220px !important;
        /* Consistent height for mobile */
        width: 100% !important;
    }

    /* Sidebar Posts - Better spacing */
    .mg-posts-sec-post {
        width: 100% !important;
        float: none !important;
        display: flex !important;
        /* Keep thumb and text side-by-side for small posts */
        align-items: center !important;
        margin-bottom: 15px !important;
    }

    /* Titles - Readable Size */
    .mg-blog-post .title a,
    .mg-sec-top-post .title a {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    /* Remove excessive margins */
    .mg-fea-area .mg-blog-post.lg.mins {
        margin-right: 0 !important;
    }
}


/* =======================================================
 🔥🔥 END:MOBILE LAYOUT FIX 🔥🔥
 ======================================================= */

/* ======================================================= 
   🔥🔥 START:FULL PAGE WIDTH FIX (Global Drishti 2026) 🔥🔥 
   ======================================================= */
/* डेस्कटॉप पर वेबसाइट को पूरी स्क्रीन पर फैलाने के लिए */
@media (min-width: 1210px) {
    .sarkari-main-wrapper .container {
        max-width: 1500px !important;
        /* Default 1140px से बढ़ाकर 1500px किया */
        width: 100% !important;
    }
}

/* कंटेंट एरिया और साइडबार का स्पेस एडजस्ट करना */
@media (min-width: 1210px) {
    .sarkari-main-wrapper .col-lg-8 {
        flex: 0 0 74% !important;
        max-width: 74% !important;
    }

    .sarkari-main-wrapper .col-lg-4 {
        flex: 0 0 26% !important;
        max-width: 26% !important;
    }
}

/* बहुत बड़ी स्क्रीन (Ultra Wide) के लिए सुधार */
@media (min-width: 1600px) {
    .sarkari-main-wrapper .container {
        max-width: 1580px !important;
    }
}

/* कंटेंट की बॉक्स पैडिंग थोड़ी बढ़ाना ताकि टेक्स्ट चौड़ा और साफ़ दिखे */
/* ======================================================= 
   🔥🔥 START: SMART SCALER CSS (Controlled by JS) 🔥🔥 
   ======================================================= */

@media (max-width: 991px) {

    /* 1. COMPRESSION LEVELS (Desktop Feel) */
    .gd-glassy-box table.gd-compressed-level-1 td {
        padding: 6px 4px !important;
        /* Reduce padding */
        font-size: 0.95em !important;
    }

    .gd-glassy-box table.gd-compressed-level-2 td {
        padding: 4px 2px !important;
        /* Tight padding */
        font-size: 0.85em !important;
        /* Approx 11-12px */
    }

    /* 2. SWIPE VIEW (Fallback App Feel) */
    .gd-glassy-box table.gd-swipe-view {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;

        /* The Gradient Hint */
        background:
            linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
            linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%,
            radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)),
            radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
        background-repeat: no-repeat;
        background-color: white;
        background-attachment: local, local, scroll, scroll;
        background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
        background-position: 0 0, 100% 0, 0 0, 100% 0;
    }

    /* Hint Label */
    .gd-glassy-box table.gd-swipe-view::after {
        content: "↔ Swipe";
        display: block;
        font-size: 10px;
        color: #94a3b8;
        text-align: right;
        padding: 2px;
        font-style: italic;
    }
}


/* ======================================================= 
   🔥🔥 END:FULL PAGE WIDTH FIX 🔥🔥 
   ======================================================= */

/* ======================================================= 
   🔥🔥 START:PREMIUM TYPOGRAPHY & UX (Year 2026) 🔥🔥 
   ======================================================= */
/* पोस्ट के टाइटल को बोल्ड और प्रीमियम बनाने के लिए */
.entry-title {
    font-size: 2.7rem !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #0A2463 !important;
    /* Dark Premium Blue */
    margin-bottom: 25px !important;
    letter-spacing: -1px !important;
}

/* ब्रेडक्रंब (Breadcrumbs) को साफ़ दिखाने के लिए */
.breadcrumb {
    margin-bottom: 1.5rem !important;
}

.breadcrumb a {
    color: #d90429 !important;
    /* Logo Red color for links */
    font-weight: 600;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

/* Sidebar boxes को और प्रीमियम लुक देना */
.sarkari-box {
    border: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}

.box-header {
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    padding: 15px !important;
}

/* ======================================================= 
   🔥🔥 END:PREMIUM TYPOGRAPHY & UX 🔥🔥 
   ======================================================= */