/* Theme Name: Vande Bharat News Theme URI: https://vandebharattv.com/ Author: Vande Bharat News Description: Custom light/orange Hindi news theme with dynamic categories, infinite scrolling, advertisements, social sharing, app-download badges and built-in SEO controls. Version: 1.10.34 Text Domain: vande-bharat-news */ :root{--vbn-orange:#ff6a00;--vbn-orange2:#ffb000;--vbn-ink:#151719;--vbn-muted:#73777d;--vbn-bg:#f4f5f6;--vbn-card:#fff;--vbn-border:#e5e7eb;--vbn-max:1420px;--vbn-shadow:0 8px 26px rgba(15,23,42,.08)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vbn-bg);color:var(--vbn-ink);font-family:"Noto Sans Devanagari","Nirmala UI",system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.vbn-container{width:min(calc(100% - 32px),var(--vbn-max));margin:auto} .vbn-header{background:#fff;border-bottom:1px solid var(--vbn-border);position:sticky;top:0;z-index:999;box-shadow:0 2px 14px rgba(0,0,0,.06)}.admin-bar .vbn-header{top:32px}.admin-bar .vbn-progress{top:32px}.vbn-head-inner{height:70px;display:flex;align-items:center;gap:18px}.vbn-logo{display:flex;align-items:center;min-width:220px}.vbn-logo img{max-height:52px;width:auto}.vbn-text-logo{font-weight:900;font-size:20px;line-height:1.05}.vbn-nav{margin-left:auto;display:flex;align-items:stretch;height:70px}.vbn-nav a{display:flex;align-items:center;gap:7px;padding:0 14px;border-left:1px solid #eee;font-weight:800;font-size:14px;transition:.2s}.vbn-nav a:hover{color:var(--vbn-orange);background:#fff8f2}.vbn-live{color:#e11!important}.vbn-live i{width:8px;height:8px;border-radius:50%;background:#e11;box-shadow:0 0 0 0 #e11;animation:vbnpulse 1.5s infinite}.vbn-search-toggle{cursor:pointer}.vbn-menu-btn{display:none;border:1px solid var(--vbn-border);background:#fff;border-radius:10px;padding:9px 11px;font-size:20px}.vbn-search-panel{display:none;background:#fff;border-top:1px solid var(--vbn-border);padding:12px}.vbn-search-panel.open{display:block}.vbn-search-form{display:flex;gap:8px;max-width:900px;margin:auto}.vbn-search-form input{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:10px;font-size:15px}.vbn-search-form button{border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff;font-weight:800} .vbn-progress{position:fixed;left:0;top:0;height:3px;background:linear-gradient(90deg,var(--vbn-orange),var(--vbn-orange2));width:0;z-index:1001} .vbn-ad{background:#fff;border:1px dashed #d7d7d7;border-radius:10px;overflow:hidden}.vbn-ad img{width:100%;height:auto;object-fit:cover}.vbn-ad-banner{margin:14px auto}.vbn-ad-placeholder{min-height:120px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;background:linear-gradient(135deg,#fff,#fafafa)}.vbn-ad-code{padding:10px;border:0;background:transparent}.vbn-ad-code>*{max-width:100%} .vbn-home-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 342px;gap:18px;align-items:start}.vbn-left{position:sticky;top:86px;height:auto;max-height:none;overflow:visible;scrollbar-width:thin}.vbn-sidebar{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.vbn-category-scroll{min-height:0;overflow:visible;scrollbar-width:thin;flex:none}.vbn-cats a{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #f1f1f1;font-weight:800;font-size:14px}.vbn-cats a:hover,.vbn-cats a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--cat-color,#e85d04) 10%,#fff),#fff);color:var(--cat-color,#e85d04)}.vbn-cats .ico{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--cat-color,#e85d04) 10%,#fff);color:var(--cat-color,#e85d04);flex:none}.vbn-left .vbn-ad{margin-top:14px}.vbn-mobile-cats{display:none} .vbn-sidebar-app-social{padding:16px 10px 14px;background:#fff;color:#151719;border-radius:0 0 12px 12px;text-align:center;display:block!important;position:relative;z-index:5;border-top:1px solid #e5e7eb;flex:none} .vbn-app-download{display:flex;flex-direction:column;align-items:center;gap:10px} .vbn-app-label{font-size:13px;color:#73777d;font-weight:600;margin-bottom:2px;letter-spacing:.1px} .vbn-store-badge{width:176px;height:52px;flex:none;border:1px solid #bfc3c8;border-radius:7px;background:#111315;color:#fff;display:flex;align-items:center;text-align:left;padding:5px 11px;gap:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .vbn-store-badge:hover{transform:translateY(-1px);border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.22)} .vbn-store-badge.is-disabled{opacity:.8;cursor:default} .vbn-store-badge.is-disabled:hover{transform:none;box-shadow:none} .vbn-store-icon{width:29px;height:29px;flex:0 0 29px;color:#fff} .vbn-store-copy{display:flex;flex-direction:column;line-height:1} .vbn-store-copy small{font:500 9px/1.1 Arial,sans-serif;letter-spacing:.15px} .vbn-store-copy strong{font:500 18px/1.05 Arial,sans-serif;letter-spacing:-.2px;margin-top:2px} .vbn-store-google .vbn-store-copy strong{font-size:18px} .vbn-store-apple .vbn-store-copy strong{font-size:18px} .vbn-follow-block{margin-top:24px;padding-top:0} .vbn-social-row{display:flex;justify-content:center;gap:11px;margin-top:9px} .vbn-social-btn{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#7b7d80;color:#fff;transition:transform .18s ease,background .18s ease} .vbn-social-btn svg{width:18px;height:18px;display:block} .vbn-social-btn:hover{transform:translateY(-2px);background:#96989b} .vbn-social-btn.is-disabled{opacity:.8;cursor:default} .vbn-social-btn.is-disabled:hover{transform:none;background:#7b7d80} .vbn-main{min-width:0}.vbn-section-head{display:flex;justify-content:space-between;align-items:end;margin:0 0 12px}.vbn-section-head h1,.vbn-section-head h2{margin:0;font-size:28px}.vbn-section-head small{color:var(--vbn-muted)} .vbn-featured{display:grid;grid-template-columns:1.35fr 1fr;background:#fff;border:1px solid var(--vbn-border);border-radius:14px;overflow:hidden;box-shadow:var(--vbn-shadow);margin-bottom:16px}.vbn-featured .featured-thumb{min-height:260px;background:#eee}.vbn-featured .featured-thumb img{width:100%;height:100%;object-fit:cover}.vbn-featured .featured-body{padding:22px}.vbn-featured .vbn-tag{margin-bottom:9px}.vbn-featured h2{font-size:30px;line-height:1.28;margin:0 0 12px}.vbn-featured p{color:#666;line-height:1.7;margin:0}.vbn-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vbn-card{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.vbn-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.vbn-card .thumb{aspect-ratio:16/9;background:#eee;overflow:hidden}.vbn-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.vbn-card:hover .thumb img{transform:scale(1.04)}.vbn-card-body{padding:11px 12px 13px}.vbn-tag{display:inline-block;color:#c84f00;background:#fff0e5;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:800;margin-bottom:7px}.vbn-card h3{font-size:17px;line-height:1.4;margin:0 0 7px}.vbn-meta{font-size:11px;color:var(--vbn-muted)} .vbn-side-block{background:#fff;border:1px solid var(--vbn-border);border-radius:12px;padding:14px;margin-bottom:15px}.vbn-side-block h3{margin:0 0 12px;font-size:18px}.vbn-video{aspect-ratio:9/16;background:#111;border-radius:9px;overflow:hidden}.vbn-video iframe{width:100%;height:100%;border:0}.vbn-side-block .vbn-ad{border:0}.vbn-side-block .vbn-ad img{width:100%} .vbn-loader{display:none;justify-content:center;padding:24px}.vbn-loader.show{display:flex}.vbn-spinner{width:30px;height:30px;border:3px solid #eee;border-top-color:var(--vbn-orange);border-radius:50%;animation:spin .8s linear infinite}.vbn-load-more{display:flex;justify-content:center;margin:22px 0}.vbn-load-more button{border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff;font-weight:900;cursor:pointer}.vbn-load-more button:disabled{opacity:.6;cursor:wait} .vbn-footer{margin-top:35px;background:#17191b;color:#fff}.vbn-footer-top{padding:38px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.vbn-footer-brand{min-width:0}.vbn-footer-logo{display:flex;align-items:center;min-height:56px;margin-bottom:14px}.vbn-footer-logo a{display:inline-flex;align-items:center}.vbn-footer-logo img{max-height:58px;width:auto;max-width:260px;object-fit:contain}.vbn-footer-logo .custom-logo{max-height:58px;width:auto;max-width:260px}.vbn-footer-logo .vbn-text-logo{font-weight:900;font-size:22px;line-height:1.05;color:#fff}.vbn-footer h3{margin:0 0 13px;font-size:17px}.vbn-footer p,.vbn-footer a{color:#c9c9c9;font-size:13px;line-height:1.8}.vbn-footer a:hover{color:#ffb06b}.vbn-footer-bottom{border-top:1px solid #333;padding:16px 0;color:#aaa;font-size:12px} .vbn-article{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:25px}.vbn-breadcrumb{font-size:12px;color:#777;margin-bottom:13px}.vbn-article h1{font-size:44px;line-height:1.25;margin:0 0 14px}.vbn-byline{color:#777;font-size:13px;margin-bottom:20px}.vbn-featured-image{border-radius:12px;overflow:hidden;margin-bottom:20px}.vbn-content{font-size:19px;line-height:1.85}.vbn-content p{margin:0 0 20px}.vbn-content h2,.vbn-content h3{line-height:1.4}.vbn-share{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.vbn-share a{padding:8px 12px;border-radius:8px;background:#f3f3f3;font-size:13px;font-weight:700} .vbn-empty{text-align:center;padding:40px;background:#fff;border:1px dashed var(--vbn-border);border-radius:12px;color:#777} @keyframes vbnpulse{70%{box-shadow:0 0 0 8px transparent}}@keyframes spin{to{transform:rotate(360deg)}} @media(max-width:1150px){.vbn-home-grid{grid-template-columns:210px minmax(0,1fr)}.vbn-right{display:none}.vbn-nav a{padding:0 9px}.vbn-logo{min-width:180px}.vbn-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.vbn-container{width:min(calc(100% - 20px),var(--vbn-max))}.vbn-head-inner{height:62px}.vbn-logo{min-width:0;flex:1}.vbn-logo img{max-height:45px}.vbn-nav{display:none}.vbn-menu-btn{display:block}.vbn-mobile-cats{display:flex;gap:8px;overflow-x:auto;padding:9px 0;scrollbar-width:none}.vbn-mobile-cats::-webkit-scrollbar{display:none}.vbn-mobile-cats a{white-space:nowrap;padding:7px 11px;border:1px solid #eee;background:#fff;border-radius:999px;font-size:12px;font-weight:800}.vbn-home-grid{display:block}.vbn-left{display:none}.vbn-right{display:block;margin-top:15px}.vbn-news-grid{grid-template-columns:1fr;gap:12px}.vbn-card{display:grid;grid-template-columns:120px 1fr}.vbn-card .thumb{aspect-ratio:1/1}.vbn-card-body{padding:9px}.vbn-card h3{font-size:15px}.vbn-featured{grid-template-columns:1fr}.vbn-featured .featured-thumb{min-height:180px}.vbn-featured .featured-body{padding:15px}.vbn-featured h2{font-size:24px}.vbn-footer-top{grid-template-columns:1fr 1fr;gap:20px}.vbn-article{padding:17px;border-radius:10px}.vbn-article h1{font-size:29px}.vbn-content{font-size:18px;line-height:1.8}.vbn-ad-banner{min-height:70px}.vbn-ad-placeholder{min-height:70px}.vbn-search-panel{padding:9px}} @media(max-width:480px){.vbn-footer-top{grid-template-columns:1fr}.vbn-card{grid-template-columns:105px 1fr}.vbn-card h3{font-size:14px}.vbn-section-head h1,.vbn-section-head h2{font-size:23px}.vbn-featured h2{font-size:22px}} /* 1.4.0 — Light category-colored middle news list */ .vbn-news-panel{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--vbn-border);box-shadow:0 8px 26px rgba(15,23,42,.07)} .vbn-news-panel .vbn-section-head{margin:0;padding:18px 20px 15px;border-bottom:1px solid var(--vbn-border);background:linear-gradient(135deg,#fff,#fff8f2);color:var(--vbn-ink)} .vbn-news-panel .vbn-section-head small{color:#8a8f96;letter-spacing:.05em}.vbn-news-panel .vbn-section-head h1{color:var(--vbn-ink);font-size:27px} .vbn-news-list{display:block;background:#fff} .vbn-news-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;padding:20px 20px 19px 24px;border-bottom:1px solid #e9eaec;min-height:164px;background:#fff;transition:background .2s,transform .2s} .vbn-news-row:hover{background:#fffaf6} .vbn-row-accent{position:absolute;left:0;top:18px;bottom:18px;width:4px;background:var(--cat-color,#64748b);border-radius:0 4px 4px 0} .vbn-row-content{min-width:0;display:flex;flex-direction:column;justify-content:space-between} .vbn-news-row h3{margin:0;color:#151719;font-size:21px;line-height:1.48;font-weight:900}.vbn-title-link{display:block;color:#151719;cursor:pointer}.vbn-title-link::first-line{color:var(--cat-color,#e85d04);font-weight:900} .vbn-news-row h3 a{color:#151719}.vbn-news-row h3 a:hover{color:#151719} .vbn-news-row h3 a:focus-visible{outline:2px solid var(--cat-color,#e85d04);outline-offset:3px;border-radius:3px} .vbn-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px} .vbn-row-category{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--cat-color,#64748b) 35%,#fff);color:var(--cat-color,#64748b);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:color-mix(in srgb,var(--cat-color,#64748b) 8%,#fff)} .vbn-row-category span{color:var(--cat-color,#64748b)}.vbn-row-category b{font-size:18px;line-height:10px;font-weight:500;color:var(--cat-color,#64748b)} .vbn-row-share{display:flex;align-items:center;gap:15px}.vbn-row-share a{display:grid;place-items:center;width:24px;height:24px;color:#7b8087;font-weight:900;font-size:19px;transition:transform .2s,color .2s}.vbn-row-share a:hover{color:var(--cat-color,#e85d04);transform:translateY(-2px)} .vbn-row-thumb{position:relative;display:block;align-self:start;width:190px;height:116px;border-radius:7px;overflow:hidden;background:#eef0f2;border:1px solid #e5e7eb}.vbn-row-thumb img{width:100%;height:100%;object-fit:cover}.vbn-row-thumb>span:not(.vbn-play){display:grid;place-items:center;height:100%;color:#8b929a;font-weight:900} .vbn-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);border:2px solid var(--cat-color,#64748b);color:var(--cat-color,#64748b);display:grid;place-items:center;font-size:13px;padding-left:2px;box-shadow:0 4px 12px rgba(0,0,0,.12)} .vbn-news-panel .vbn-loader{background:#fff}.vbn-news-panel .vbn-load-more{background:#fff;margin:0;padding:18px}.vbn-news-panel .vbn-load-more button{background:linear-gradient(135deg,var(--vbn-orange),var(--vbn-orange2));color:#fff}.vbn-news-panel .vbn-scroll-sentinel{height:1px;background:#fff} @media(max-width:760px){.vbn-news-panel{border-radius:8px}.vbn-news-panel .vbn-section-head{padding:14px}.vbn-news-panel .vbn-section-head h1{font-size:23px}.vbn-news-row{grid-template-columns:minmax(0,1fr) 112px;gap:11px;padding:14px 14px 14px 18px;min-height:145px}.vbn-row-accent{top:13px;bottom:13px;width:3px}.vbn-news-row h3{font-size:16px;line-height:1.5}.vbn-row-thumb{width:112px;height:78px}.vbn-row-bottom{margin-top:10px}.vbn-row-share{gap:9px}.vbn-row-share a{font-size:17px;width:22px}.vbn-row-category{font-size:10px;padding:5px 8px}.vbn-play{width:28px;height:28px;font-size:10px}} @media(max-width:390px){.vbn-news-row{grid-template-columns:minmax(0,1fr) 98px;padding:12px;gap:9px}.vbn-row-thumb{width:98px;height:70px}.vbn-news-row h3{font-size:15px}.vbn-row-share{gap:6px}} /* VBN 1.5.0 — force light category/news feed on all archive and homepage views */ .vbn-main .vbn-news-panel, .vbn-main .vbn-news-grid { background:#fff !important; color:#151719 !important; } .vbn-main .vbn-news-grid { display:block !important; border:1px solid var(--vbn-border); border-radius:14px; overflow:hidden; } .vbn-main .vbn-news-row { background:#fff !important; color:#151719 !important; box-shadow:none !important; border-bottom:1px solid #e9eaec !important; } .vbn-main .vbn-news-row:last-child { border-bottom:0 !important; } .vbn-main .vbn-news-row h3 { color:#151719 !important; } .vbn-main .vbn-news-row .vbn-title-link { color:#151719 !important; } .vbn-main .vbn-news-row .vbn-title-link::first-line { color:var(--cat-color,#e85d04) !important; } .vbn-main .vbn-news-row:hover { background:#fffaf6 !important; } .vbn-main .vbn-news-row .vbn-row-meta { color:#73777d !important; } .vbn-main .vbn-news-row .vbn-row-share a { color:#7b8087 !important; background:transparent !important; } .vbn-main .vbn-news-row .vbn-row-share a:hover { color:var(--cat-color,#e85d04) !important; } @media(max-width:760px){.vbn-main .vbn-news-grid{border-radius:8px}.vbn-main .vbn-news-row{background:#fff !important}} /* VBN 1.7.0 — illustrated category icons */ .vbn-cats a .ico{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:linear-gradient(145deg,#fff,#fff7ef);box-shadow:0 4px 10px rgba(20,20,20,.08),inset 0 0 0 1px rgba(255,255,255,.9);transition:transform .2s ease,box-shadow .2s ease} .vbn-cats a .ico svg{width:27px;height:27px;display:block} .vbn-cats a:hover .ico,.vbn-cats a.active .ico{transform:translateY(-1px) scale(1.06);box-shadow:0 6px 14px rgba(20,20,20,.12)} .vbn-cats a{min-height:58px} @media(max-width:760px){.vbn-cats a .ico{width:32px;height:32px;flex-basis:32px}.vbn-cats a .ico svg{width:25px;height:25px}} /* VBN 1.8.0 — category icon management */ .vbn-admin-icon svg{width:30px;height:30px}.vbn-admin-icon{vertical-align:middle} @media(max-width:900px){.vbn-left{height:auto;max-height:none;overflow:visible}.vbn-sidebar{display:block}.vbn-category-scroll{overflow:visible}.vbn-sidebar-app-social{margin-top:0}} /* VBN 1.10.4 — LIVE NOW sidebar player */ .vbn-live-sidebar{background:#111416;border:1px solid #25282b;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 8px 24px rgba(0,0,0,.10)} .vbn-live-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;background:#17191b;color:#fff;border-bottom:1px solid #2c2f32} .vbn-live-sidebar-head span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;letter-spacing:.02em} .vbn-live-sidebar-head span i,.vbn-live-overlay i{width:8px;height:8px;border-radius:50%;background:#ef233c;display:inline-block;box-shadow:0 0 0 0 rgba(239,35,60,.55);animation:vbnpulse 1.5s infinite} .vbn-live-sidebar-head a{font-size:11px;color:#cfd2d5;font-weight:800} .vbn-live-player{position:relative;background:#050606;aspect-ratio:16/9;overflow:hidden} .vbn-live-video{display:block;width:100%;height:100%;object-fit:cover;background:#050606} .vbn-live-overlay{position:absolute;top:9px;left:9px;pointer-events:none} .vbn-live-overlay span{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:rgba(0,0,0,.72);color:#fff;font-size:10px;font-weight:900} .vbn-live-watch{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#17191b;color:#fff!important;font-size:13px;font-weight:900} .vbn-live-watch:hover{background:#202327;color:#fff!important} .vbn-live-watch b{font-size:18px;line-height:1}.vbn-live-error{position:absolute;inset:0;display:grid;place-items:center;padding:15px;text-align:center;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:800}.vbn-live-error[hidden]{display:none} /* VBN 1.10.5 — keep sticky header below the WordPress admin bar while logged in */ @media(max-width:782px){.admin-bar .vbn-header{top:46px}.admin-bar .vbn-progress{top:46px}} /* VBN 1.10.6 — escaped-newline output cleanup safeguard */ /* VBN 1.10.7 — static left categories + light app/social block */ .vbn-left{height:auto!important;max-height:none!important;overflow:visible!important} .vbn-category-scroll{height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important} .vbn-sidebar-app-social{background:#fff!important;color:#151719!important;border-top:1px solid #e5e7eb!important} .vbn-app-label{color:#73777d!important} .vbn-social-btn{background:#8b8d90!important;color:#fff!important} .vbn-store-badge{background:#111315!important;color:#fff!important} /* VBN Special Live TV page */ .vbn-live-page{max-width:1180px;margin:0 auto;padding:28px 0 50px} .vbn-live-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#151515,#2b1a1a);color:#fff;border-radius:20px;padding:30px;margin-bottom:20px;box-shadow:0 14px 35px rgba(0,0,0,.12)} .vbn-live-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff3b30;font-weight:800;font-size:13px;letter-spacing:.08em}.vbn-live-kicker i,.vbn-live-player-head i{width:9px;height:9px;border-radius:50%;background:#ff2d2d;display:inline-block;box-shadow:0 0 0 5px rgba(255,45,45,.12);animation:vbnLivePulse 1.4s infinite} .vbn-live-hero h1{font-size:34px;margin:8px 0}.vbn-live-hero p{margin:0;color:#d5d5d5;max-width:680px}.vbn-live-hero-badge{font-size:20px;font-weight:900;border:1px solid rgba(255,255,255,.18);padding:16px 18px;border-radius:14px;white-space:nowrap} .vbn-live-player-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.08)}.vbn-live-player-head{display:flex;justify-content:space-between;padding:13px 17px;font-size:12px;font-weight:800;letter-spacing:.04em}.vbn-live-player-head span:first-child{display:flex;align-items:center;gap:8px;color:#e11d48}.vbn-live-player-wrap{background:#050505;position:relative;aspect-ratio:16/9}.vbn-live-player-wrap video{width:100%;height:100%;display:block;object-fit:contain}.vbn-live-player-overlay{position:absolute;top:15px;left:15px;background:#e11d48;color:#fff;font-size:11px;font-weight:900;padding:6px 9px;border-radius:6px;pointer-events:none} .vbn-live-player-actions{display:flex;gap:10px;padding:14px;flex-wrap:wrap}.vbn-live-action{appearance:none;border:1px solid #d7dce3;background:#fff;color:#111827;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.vbn-live-action.primary{background:#e11d48;color:#fff;border-color:#e11d48}.vbn-live-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.vbn-live-info-grid>div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.vbn-live-info-grid strong{display:block;margin-bottom:5px}.vbn-live-info-grid span{color:#64748b;font-size:14px} @keyframes vbnLivePulse{50%{opacity:.45;transform:scale(.82)}}@media(max-width:700px){.vbn-live-page{padding:18px 12px}.vbn-live-hero{padding:22px;display:block}.vbn-live-hero h1{font-size:27px}.vbn-live-hero-badge{display:inline-block;margin-top:16px}.vbn-live-info-grid{grid-template-columns:1fr}} /* VBN 1.10.18 — native Cricket Centre bridge */ .vbn-cricket-widget{padding:0!important;overflow:hidden!important} .vbn-cricket-widget .vbnc-mini{border:0!important;box-shadow:none!important;border-radius:0!important} .vbn-cricket-widget .vbnc-mini-head{height:46px} .vbn-cricket-widget .vbnc-mini-body{padding:10px} /* VBN 1.10.19 — custom PNG category icons */ .vbn-cats a .ico .vbn-category-png-icon{width:27px;height:27px;display:block;object-fit:contain;border-radius:7px} @media(max-width:760px){.vbn-cats a .ico .vbn-category-png-icon{width:25px;height:25px}} /* VBN 1.10.19 — copy-link controls */ .vbn-row-share .vbn-copy-link{border:0;background:transparent;cursor:pointer;font:inherit;padding:0} .vbn-share .vbn-copy-link{border:0;padding:8px 12px;border-radius:8px;background:#f3f3f3;font-size:13px;font-weight:700;cursor:pointer;color:inherit} .vbn-copy-link:hover{color:var(--vbn-orange)!important} /* VBN 1.10.19 — robust sticky header on ePaper pages; protects nav from plugin CSS collisions */ body.vbn-epaper-page .vbn-header .vbn-head-inner{display:flex!important;align-items:center!important;position:relative!important;overflow:visible!important} body.vbn-epaper-page .vbn-header .vbn-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;float:none!important;position:relative!important;z-index:5!important;min-width:220px!important} body.vbn-epaper-page .vbn-header .vbn-nav{display:flex!important;align-items:stretch!important;height:70px!important;margin-left:auto!important;position:static!important;float:none!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;z-index:4!important} body.vbn-epaper-page .vbn-header .vbn-nav a{display:flex!important;align-items:center!important;float:none!important;position:static!important;white-space:nowrap!important} body.vbn-epaper-page .vbn-header .vbn-menu-btn{margin-left:12px!important;float:none!important} body.vbn-epaper-page .vbn-header{position:sticky!important;top:0!important;z-index:9999!important} @media(max-width:782px){body.vbn-epaper-page .vbn-header .vbn-logo{min-width:0!important;flex:1 1 auto!important}body.vbn-epaper-page .vbn-header .vbn-nav{display:none!important}} /* VBN 1.10.21 — larger, more legible header logo. * The supplied Vande Bharat News logo is a tall/transparent PNG, so a normal * max-height makes the actual artwork appear much smaller than the header. * Increase the header and scale the image while preserving its proportions. */ .vbn-header .vbn-head-inner{min-height:84px;height:84px} .vbn-header .vbn-logo{min-width:112px;max-width:150px;height:84px;display:flex;align-items:center;justify-content:flex-start;overflow:visible} .vbn-header .vbn-logo img{display:block;width:auto;height:78px;max-height:78px;max-width:none;object-fit:contain;transform:scale(1.18);transform-origin:center left} .vbn-header .vbn-logo .custom-logo{width:auto;height:78px;max-height:78px;max-width:none;transform:scale(1.18);transform-origin:center left} .vbn-header .vbn-logo .vbn-text-logo{font-size:22px} .vbn-header .vbn-nav{height:84px} .vbn-header .vbn-nav a{height:84px} @media(max-width:1150px){ .vbn-header .vbn-head-inner{height:78px;min-height:78px} .vbn-header .vbn-logo{height:78px;min-width:100px} .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{height:72px;max-height:72px;transform:scale(1.15)} .vbn-header .vbn-nav{height:78px} .vbn-header .vbn-nav a{height:78px} } @media(max-width:760px){ .vbn-header .vbn-head-inner{height:70px;min-height:70px} .vbn-header .vbn-logo{height:70px;min-width:0;max-width:125px;flex:1 1 auto} .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{height:64px;max-height:64px;transform:scale(1.12);transform-origin:center left} .vbn-header .vbn-logo .vbn-text-logo{font-size:18px} } /* VBN 1.10.22 — ePaper and LIVE NOW open inside the existing middle news column. */ .vbn-special-nav.active{color:var(--vbn-orange)!important;background:#fff8f2!important} .vbn-main.vbn-special-loading{opacity:.65;pointer-events:none;transition:opacity .15s ease} .vbn-special-inline{width:100%;min-width:0} .vbn-special-inline-head{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:18px 20px;margin-bottom:14px} .vbn-special-inline-head small{color:var(--vbn-muted);font-weight:800;letter-spacing:.05em} .vbn-special-inline-head h1{margin:4px 0 3px;font-size:28px} .vbn-special-inline-head p{margin:0;color:#6b7280;font-size:14px} .vbn-special-inline-content{background:#fff;border:1px solid var(--vbn-border);border-radius:14px;padding:16px;min-width:0;overflow:hidden} .vbn-special-inline-epaper .vbn-special-inline-content img{max-width:100%;height:auto} .vbn-special-inline-live .vbn-live-page{max-width:none;padding:0} .vbn-special-inline-live .vbn-live-hero{margin-bottom:14px;border-radius:14px;padding:22px} .vbn-special-inline-live .vbn-live-hero h1{font-size:28px} .vbn-special-inline-live .vbn-live-info-grid{margin-top:14px} .vbn-special-inline-live .vbn-live-player-card{border-radius:14px} @media(max-width:760px){ .vbn-special-inline-head{padding:14px}.vbn-special-inline-head h1{font-size:24px} .vbn-special-inline-content{padding:10px}.vbn-special-inline-live .vbn-live-hero{padding:18px} } /* VBN 1.10.25 — restore a clean, stable header on ePaper pages. The ePaper * plugin must not be able to resize/reposition the site header or logo. */ body.vbn-epaper-page .vbn-header, body.vbn-epaper-page .vbn-header .vbn-head-inner{ height:88px!important; min-height:88px!important; } body.vbn-epaper-page .vbn-header .vbn-head-inner{ width:min(calc(100% - 32px),var(--vbn-max))!important; margin:0 auto!important; display:flex!important; align-items:center!important; gap:18px!important; position:relative!important; overflow:visible!important; float:none!important; } body.vbn-epaper-page .vbn-header .vbn-logo{ width:190px!important; min-width:190px!important; max-width:190px!important; height:88px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; position:relative!important; float:none!important; overflow:visible!important; z-index:20!important; } body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{ display:block!important; width:auto!important; height:88px!important; max-width:190px!important; max-height:88px!important; object-fit:contain!important; transform:scale(1.18)!important; transform-origin:left center!important; } body.vbn-epaper-page .vbn-header .vbn-nav{ margin-left:auto!important; height:88px!important; display:flex!important; align-items:stretch!important; position:static!important; float:none!important; transform:none!important; z-index:10!important; } body.vbn-epaper-page .vbn-header .vbn-nav a{ height:88px!important; display:flex!important; align-items:center!important; position:static!important; float:none!important; white-space:nowrap!important; } body.vbn-epaper-page .vbn-header .vbn-menu-btn{margin-left:10px!important;float:none!important} /* Keep the native ePaper reader at full usable width inside the middle column. */ .vbn-special-inline-epaper .vbn-special-inline-content{overflow:visible!important;padding:12px!important} .vbn-special-inline-epaper .vbn-epaper-archive{width:100%!important;max-width:100%!important} .vbn-special-inline-epaper .vbn-reader, .vbn-special-inline-epaper .vbn-epaper-reader{width:100%!important;max-width:100%!important} .vbn-special-inline-epaper .vbn-reader a, .vbn-special-inline-epaper .vbn-epaper-reader a{cursor:pointer!important} @media(max-width:1150px){ body.vbn-epaper-page .vbn-header, body.vbn-epaper-page .vbn-header .vbn-head-inner{height:80px!important;min-height:80px!important} body.vbn-epaper-page .vbn-header .vbn-logo{width:155px!important;min-width:155px!important;height:80px!important} body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{height:78px!important;max-height:78px!important;max-width:155px!important;transform:scale(1.12)!important} body.vbn-epaper-page .vbn-header .vbn-nav, body.vbn-epaper-page .vbn-header .vbn-nav a{height:80px!important} } @media(max-width:760px){ body.vbn-epaper-page .vbn-header, body.vbn-epaper-page .vbn-header .vbn-head-inner{height:70px!important;min-height:70px!important} body.vbn-epaper-page .vbn-header .vbn-head-inner{width:calc(100% - 20px)!important} body.vbn-epaper-page .vbn-header .vbn-logo{width:auto!important;min-width:0!important;max-width:135px!important;height:70px!important;flex:1 1 auto!important} body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{height:66px!important;max-height:66px!important;max-width:135px!important;transform:scale(1.08)!important} body.vbn-epaper-page .vbn-header .vbn-nav{display:none!important} } /* VBN 1.10.27 — final header alignment fix. * Reserve a real logo column so the transparent PNG can never sit underneath * the navigation. The logo is cropped visually inside its box without stretching. */ .vbn-header .vbn-head-inner{ height:82px!important; min-height:82px!important; display:flex!important; align-items:center!important; gap:0!important; position:relative!important; } .vbn-header .vbn-logo{ flex:0 0 175px!important; width:175px!important; min-width:175px!important; max-width:175px!important; height:82px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; overflow:hidden!important; position:relative!important; z-index:10!important; } .vbn-header .vbn-logo a{ display:flex!important; align-items:center!important; width:155px!important; height:78px!important; overflow:hidden!important; flex:0 0 155px!important; } .vbn-header .vbn-logo img, .vbn-header .vbn-logo .custom-logo{ display:block!important; width:155px!important; height:78px!important; max-width:155px!important; max-height:78px!important; object-fit:cover!important; object-position:center center!important; transform:none!important; } .vbn-header .vbn-nav{ flex:1 1 auto!important; min-width:0!important; margin-left:0!important; height:82px!important; display:flex!important; align-items:stretch!important; justify-content:flex-end!important; overflow:visible!important; position:relative!important; z-index:20!important; } .vbn-header .vbn-nav a{ height:82px!important; min-width:78px!important; padding:0 15px!important; display:flex!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; position:relative!important; z-index:21!important; } .vbn-header .vbn-nav a:first-child{border-left:1px solid #eee!important} .vbn-header .vbn-menu-btn{margin-left:12px!important;position:relative!important;z-index:30!important} @media(max-width:1150px){ .vbn-header .vbn-head-inner{height:76px!important;min-height:76px!important} .vbn-header .vbn-logo{flex-basis:155px!important;width:155px!important;min-width:155px!important;max-width:155px!important;height:76px!important} .vbn-header .vbn-logo a{width:140px!important;height:72px!important;flex-basis:140px!important} .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:140px!important;height:72px!important;max-width:140px!important;max-height:72px!important} .vbn-header .vbn-nav,.vbn-header .vbn-nav a{height:76px!important} .vbn-header .vbn-nav a{min-width:68px!important;padding:0 10px!important;font-size:13px!important} } @media(max-width:760px){ .vbn-header .vbn-head-inner{height:70px!important;min-height:70px!important} .vbn-header .vbn-logo{width:auto!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;height:70px!important} .vbn-header .vbn-logo a{width:132px!important;height:68px!important;flex-basis:132px!important} .vbn-header .vbn-logo img,.vbn-header .vbn-logo .custom-logo{width:132px!important;height:68px!important;max-width:132px!important;max-height:68px!important} } /* VBN 1.10.27 — remove accidental oval/pill styling from header containers. * Some external/custom CSS can target generic navigation/container elements. * Keep the VBN header strictly rectangular and flat. */ .vbn-header .vbn-head-inner, .vbn-header .vbn-nav, .vbn-header .vbn-nav::before, .vbn-header .vbn-nav::after, .vbn-header .vbn-head-inner::before, .vbn-header .vbn-head-inner::after{ border-radius:0!important; box-shadow:none!important; background-image:none!important; } .vbn-header .vbn-head-inner::before, .vbn-header .vbn-head-inner::after, .vbn-header .vbn-nav::before, .vbn-header .vbn-nav::after{ content:none!important; display:none!important; } .vbn-header .vbn-nav{ background:transparent!important; } .vbn-header .vbn-nav a{ border-radius:0!important; box-shadow:none!important; } /* VBN 1.10.29 — hard-contain the logo inside the header on every page. * This also overrides the older ePaper-page header rules, which could make * the PNG logo taller than the header and visually protrude outside it. */ .vbn-header, .vbn-header .vbn-head-inner{ overflow:hidden!important; } .vbn-header .vbn-head-inner{ height:82px!important; min-height:82px!important; } .vbn-header .vbn-logo, body.vbn-epaper-page .vbn-header .vbn-logo{ height:82px!important; max-height:82px!important; overflow:hidden!important; flex:0 0 175px!important; width:175px!important; min-width:175px!important; max-width:175px!important; align-items:center!important; } .vbn-header .vbn-logo a, body.vbn-epaper-page .vbn-header .vbn-logo a{ width:155px!important; height:74px!important; max-height:74px!important; overflow:hidden!important; display:flex!important; align-items:center!important; flex:0 0 155px!important; } .vbn-header .vbn-logo img, .vbn-header .vbn-logo .custom-logo, body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{ display:block!important; width:155px!important; height:74px!important; max-width:155px!important; max-height:74px!important; object-fit:cover!important; object-position:center center!important; transform:none!important; transform-origin:center center!important; } @media(max-width:1150px){ .vbn-header .vbn-head-inner, body.vbn-epaper-page .vbn-header .vbn-head-inner{height:76px!important;min-height:76px!important} .vbn-header .vbn-logo, body.vbn-epaper-page .vbn-header .vbn-logo{height:76px!important;max-height:76px!important;flex-basis:155px!important;width:155px!important;min-width:155px!important;max-width:155px!important} .vbn-header .vbn-logo a, body.vbn-epaper-page .vbn-header .vbn-logo a{width:140px!important;height:70px!important;max-height:70px!important;flex-basis:140px!important} .vbn-header .vbn-logo img, .vbn-header .vbn-logo .custom-logo, body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{width:140px!important;height:70px!important;max-width:140px!important;max-height:70px!important} } @media(max-width:760px){ .vbn-header, .vbn-header .vbn-head-inner{overflow:hidden!important} .vbn-header .vbn-head-inner, body.vbn-epaper-page .vbn-header .vbn-head-inner{height:70px!important;min-height:70px!important} .vbn-header .vbn-logo, body.vbn-epaper-page .vbn-header .vbn-logo{height:70px!important;max-height:70px!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:135px!important} .vbn-header .vbn-logo a, body.vbn-epaper-page .vbn-header .vbn-logo a{width:132px!important;height:66px!important;max-height:66px!important;flex-basis:132px!important} .vbn-header .vbn-logo img, .vbn-header .vbn-logo .custom-logo, body.vbn-epaper-page .vbn-header .vbn-logo img, body.vbn-epaper-page .vbn-header .vbn-logo .custom-logo{width:132px!important;height:66px!important;max-width:132px!important;max-height:66px!important} }