/* Theme Name: Media1Gyan Child Theme URI: https://media1gyan.com/ Description: Child theme for ChromeNews — the Media1Gyan James Bond fan-blog design. Deep navy + gold, Playfair Display headings, Manrope body, compact masthead with the big gold "1" wordmark, rumour-tracker and trivia components. Ad slots are defined but output NOTHING (ads stay OFF by the site owner's decision). Analytics is NOT hardcoded — GA4 comes via the Site Kit plugin. SEO titles, metas and schema come from Rank Math; this theme adds none of its own. Author: Media1Gyan Author URI: https://media1gyan.com/ Template: chromenews Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: media1gyan-child Tags: blog, news, entertainment, dark, gold, custom-logo, featured-images, threaded-comments */ /* ========================================================================== MEDIA1GYAN DESIGN SYSTEM — deep navy + gold Child stylesheet, loaded AFTER the ChromeNews parent stylesheet (see functions.php), so equal-specificity rules win here. The parent scopes most colour rules under body.aft-light-mode / body.aft-dark-mode (specificity 0,1,1+) and styles the nav bar with div#main-navigation-bar (1,0,1); this file answers with the same prefixes, so the dark rules win WITHOUT !important. No !important is used below except the two pre-existing utility rules kept at the very end. Palette: page #060a16 / panels #0a1020 + #0d1528 / borders #22304f / gold #c9a227 / bright gold #e6c65c / text #eef1f8 + #c3cbdd + dim #8b96b0. Fonts: Playfair Display (headings) + Manrope (body), enqueued in functions.php with display=swap; system fallbacks below. ========================================================================== */ :root{ --m1g-black:#060a16; --m1g-navy:#0a1020; --m1g-navy-2:#0d1528; --m1g-card:#0d1528; --m1g-gold:#c9a227; --m1g-gold-light:#e6c65c; --m1g-gold-dim:rgba(201,162,39,.35); --m1g-text:#eef1f8; --m1g-text-mid:#c3cbdd; --m1g-text-dim:#8b96b0; --m1g-border:#22304f; --m1g-font-head:"Playfair Display",Georgia,"Times New Roman",serif; --m1g-font-body:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif; } /* ------------------------------------------------------------------ Base */ html{background:#060a16;} body.aft-light-mode,body.aft-dark-mode{background-color:#060a16;color:var(--m1g-text);font-family:var(--m1g-font-body);font-size:16px;line-height:1.65;} body.aft-light-mode #page.site,body.aft-dark-mode #page.site,body.aft-light-mode #page,body.aft-dark-mode #page{background-color:transparent;} ::selection{background:var(--m1g-gold);color:#060a16;} body.aft-light-mode a,body.aft-dark-mode a{color:var(--m1g-gold-light);text-decoration:none;} body.aft-light-mode a:hover,body.aft-light-mode a:focus,body.aft-light-mode a:active, body.aft-dark-mode a:hover,body.aft-dark-mode a:focus,body.aft-dark-mode a:active{color:var(--m1g-gold);} a:focus-visible{outline:2px solid var(--m1g-gold);outline-offset:2px;} body.aft-light-mode h1,body.aft-light-mode h2,body.aft-light-mode h3,body.aft-light-mode h4,body.aft-light-mode h5,body.aft-light-mode h6, body.aft-dark-mode h1,body.aft-dark-mode h2,body.aft-dark-mode h3,body.aft-dark-mode h4,body.aft-dark-mode h5,body.aft-dark-mode h6{font-family:var(--m1g-font-head);color:#ffffff;line-height:1.2;} body.aft-light-mode .entry-content,body.aft-dark-mode .entry-content{color:var(--m1g-text-mid);} body.aft-light-mode .entry-content p,body.aft-dark-mode .entry-content p{color:var(--m1g-text-mid);} body.aft-light-mode hr,body.aft-dark-mode hr{background-color:var(--m1g-border);border:0;height:1px;} body.aft-light-mode code,body.aft-light-mode kbd,body.aft-dark-mode code,body.aft-dark-mode kbd{background:#0a1020;border:1px solid var(--m1g-border);border-radius:4px;color:var(--m1g-gold-light);padding:1px 5px;} body.aft-light-mode pre,body.aft-dark-mode pre{background:#0a1020;border:1px solid var(--m1g-border);border-radius:8px;color:var(--m1g-text-mid);padding:16px;} body.aft-light-mode figcaption,body.aft-dark-mode figcaption,body.aft-light-mode .wp-caption-text,body.aft-dark-mode .wp-caption-text{color:var(--m1g-text-dim);font-size:.85rem;} body.aft-light-mode .read-img img,body.aft-dark-mode .read-img img,body.aft-light-mode .post-thumbnail img,body.aft-dark-mode .post-thumbnail img{border-radius:8px;} /* ------------------------------------------------------------------ Forms */ body.aft-light-mode input[type="text"],body.aft-light-mode input[type="email"],body.aft-light-mode input[type="url"],body.aft-light-mode input[type="search"],body.aft-light-mode input[type="password"],body.aft-light-mode textarea,body.aft-light-mode select, body.aft-dark-mode input[type="text"],body.aft-dark-mode input[type="email"],body.aft-dark-mode input[type="url"],body.aft-dark-mode input[type="search"],body.aft-dark-mode input[type="password"],body.aft-dark-mode textarea,body.aft-dark-mode select{background:#0a1020;border:1px solid var(--m1g-border);border-radius:8px;color:var(--m1g-text);padding:10px 12px;} body.aft-light-mode input:focus,body.aft-light-mode textarea:focus,body.aft-light-mode select:focus, body.aft-dark-mode input:focus,body.aft-dark-mode textarea:focus,body.aft-dark-mode select:focus{border-color:var(--m1g-gold);outline:none;} body.aft-light-mode button,body.aft-light-mode input[type="submit"],body.aft-light-mode input[type="button"], body.aft-dark-mode button,body.aft-dark-mode input[type="submit"],body.aft-dark-mode input[type="button"]{background:var(--m1g-gold);border:0;border-radius:999px;color:#060a16;font-family:var(--m1g-font-body);font-weight:800;padding:10px 22px;cursor:pointer;} body.aft-light-mode button:hover,body.aft-light-mode input[type="submit"]:hover, body.aft-dark-mode button:hover,body.aft-dark-mode input[type="submit"]:hover{background:var(--m1g-gold-light);} /* --------------------------------------------------------------- Masthead */ body.aft-light-mode .chromenews-header,body.aft-dark-mode .chromenews-header, body.aft-light-mode .site-header,body.aft-dark-mode .site-header{background:transparent;} body.aft-light-mode .af-middle-header,body.aft-dark-mode .af-middle-header, body.aft-light-mode .mid-header-wrapper,body.aft-dark-mode .mid-header-wrapper{background:#060a16;border-bottom:4px double var(--m1g-gold);} body.aft-light-mode .site-branding,body.aft-dark-mode .site-branding, body.aft-light-mode .site-header .site-branding,body.aft-dark-mode .site-header .site-branding{text-align:center;padding:34px 16px 30px;max-width:1100px;margin:0 auto;} body.aft-light-mode .site-branding .site-title,body.aft-dark-mode .site-branding .site-title, body.aft-light-mode .site-title,body.aft-dark-mode .site-title{font-family:var(--m1g-font-head);font-weight:900;font-size:clamp(2rem,5vw,3.375rem);line-height:1;margin:0;color:#eef1f8;letter-spacing:.01em;} body.aft-light-mode .site-title a,body.aft-dark-mode .site-title a{color:#eef1f8;text-decoration:none;} body.aft-light-mode .site-title a:hover,body.aft-dark-mode .site-title a:hover{color:var(--m1g-gold-light);} .site-title .brand-one,.site-title.brand-one{color:var(--m1g-gold);font-size:1.35em;line-height:1;} body.aft-light-mode .site-description,body.aft-dark-mode .site-description{color:var(--m1g-gold);font-family:var(--m1g-font-body);font-size:.8rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase;margin:12px 0 0;} /* ------------------------------------------------------------------- Nav */ body.aft-light-mode div#main-navigation-bar,body.aft-dark-mode div#main-navigation-bar{position:relative;background:#0a1020;border-top:1px solid var(--m1g-border);border-bottom:1px solid var(--m1g-border);} body.aft-light-mode .main-navigation ul,body.aft-dark-mode .main-navigation ul{display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0;list-style:none;} body.aft-light-mode .main-navigation ul li a,body.aft-dark-mode .main-navigation ul li a{color:#eef1f8;text-transform:uppercase;letter-spacing:.09em;font-size:.82rem;font-weight:700;padding:16px 18px;display:block;border-bottom:3px solid transparent;} body.aft-light-mode .main-navigation ul li a:hover,body.aft-light-mode .main-navigation ul li a:focus, body.aft-dark-mode .main-navigation ul li a:hover,body.aft-dark-mode .main-navigation ul li a:focus{color:var(--m1g-gold-light);border-bottom-color:var(--m1g-gold);} body.aft-light-mode .main-navigation ul li.current-menu-item>a,body.aft-light-mode .main-navigation ul li.current-menu-ancestor>a, body.aft-dark-mode .main-navigation ul li.current-menu-item>a,body.aft-dark-mode .main-navigation ul li.current-menu-ancestor>a{color:var(--m1g-gold-light);border-bottom-color:var(--m1g-gold);} body.aft-light-mode .main-navigation ul ul.sub-menu,body.aft-dark-mode .main-navigation ul ul.sub-menu{background:#0d1528;border:1px solid var(--m1g-border);} body.aft-light-mode .main-navigation ul .sub-menu li a,body.aft-dark-mode .main-navigation ul .sub-menu li a{color:var(--m1g-text-mid);text-transform:none;letter-spacing:0;} body.aft-light-mode .main-navigation ul .sub-menu li a:hover,body.aft-dark-mode .main-navigation ul .sub-menu li a:hover{color:var(--m1g-gold-light);} body.aft-light-mode #main-navigation-bar .menu-toggle,body.aft-dark-mode #main-navigation-bar .menu-toggle{color:#eef1f8;} /* ------------------------------------------------------- Breaking ticker */ body.aft-light-mode .banner-exclusive-posts-wrapper,body.aft-dark-mode .banner-exclusive-posts-wrapper{background:#0a1020;border-bottom:1px solid var(--m1g-border);} body.aft-light-mode .banner-exclusive-posts-wrapper a,body.aft-dark-mode .banner-exclusive-posts-wrapper a{color:var(--m1g-text);} body.aft-light-mode .banner-exclusive-posts-wrapper a:hover,body.aft-dark-mode .banner-exclusive-posts-wrapper a:hover{color:var(--m1g-gold-light);} body.aft-light-mode .af-slick-navcontrols .slide-icon,body.aft-dark-mode .af-slick-navcontrols .slide-icon{border:1px solid var(--m1g-border);color:var(--m1g-text-mid);background:#0a1020;} /* ------------------------------------------------- Banner / hero sections */ body.aft-light-mode .aft-main-banner-section,body.aft-dark-mode .aft-main-banner-section, body.aft-light-mode .aft-main-banner-section.aft-banner-background-default,body.aft-dark-mode .aft-main-banner-section.aft-banner-background-default, body.aft-light-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg),body.aft-dark-mode .aft-main-banner-section.aft-banner-background-custom:not(.data-bg){background-color:#060a16;} body.aft-light-mode .aft-main-banner-section.aft-banner-background-alternative,body.aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative{background-color:#0a1020;} body.aft-light-mode main.site-main,body.aft-dark-mode main.site-main{background-color:transparent;} body.aft-light-mode .container-wrapper,body.aft-dark-mode .container-wrapper{background:transparent;} /* ------------------------------------------------------------ Post cards */ body.aft-light-mode .read-single,body.aft-dark-mode .read-single{background:#0d1528;border:1px solid var(--m1g-border);border-radius:12px;overflow:hidden;} body.aft-light-mode .read-single .read-details,body.aft-dark-mode .read-single .read-details{color:var(--m1g-text-mid);} body.aft-light-mode .read-title :is(h2,h3,h4) a,body.aft-dark-mode .read-title :is(h2,h3,h4) a{color:#eef1f8;} body.aft-light-mode .read-title :is(h2,h3,h4) a:hover,body.aft-dark-mode .read-title :is(h2,h3,h4) a:hover{color:var(--m1g-gold-light);} body.aft-light-mode .read-details .entry-meta span,body.aft-dark-mode .read-details .entry-meta span, body.aft-light-mode .read-details .entry-meta span a,body.aft-dark-mode .read-details .entry-meta span a{color:var(--m1g-text-dim);} body.aft-light-mode .read-details .entry-meta span a:hover,body.aft-dark-mode .read-details .entry-meta span a:hover{color:var(--m1g-gold-light);} body.aft-light-mode .read-single .cat-links li a,body.aft-dark-mode .read-single .cat-links li a, body.aft-light-mode .cat-links a,body.aft-dark-mode .cat-links a{display:inline-block;background:rgba(201,162,39,.14);border:1px solid var(--m1g-gold-dim);border-radius:999px;color:var(--m1g-gold-light);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;} body.aft-light-mode .read-more a,body.aft-dark-mode .read-more a{color:var(--m1g-gold-light);font-weight:800;letter-spacing:.06em;} /* ------------------------------------------------- Section/widget titles */ body.aft-light-mode .widget-title,body.aft-dark-mode .widget-title, body.aft-light-mode .header-after1,body.aft-dark-mode .header-after1{font-family:var(--m1g-font-head);color:#eef1f8;font-size:1.35rem;font-weight:700;position:relative;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid var(--m1g-border);} body.aft-light-mode .widget-title::after,body.aft-dark-mode .widget-title::after, body.aft-light-mode .header-after1::after,body.aft-dark-mode .header-after1::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:3px;background:var(--m1g-gold);} body.aft-light-mode .widget-title .heading-line,body.aft-dark-mode .widget-title .heading-line{background:var(--m1g-gold);} body.aft-light-mode .chromenews-widget,body.aft-dark-mode .chromenews-widget{background:#0a1020;border:1px solid var(--m1g-border);border-radius:12px;} body.aft-light-mode .widget :is(ol,ul,ul.menu)>li a,body.aft-dark-mode .widget :is(ol,ul,ul.menu)>li a{color:var(--m1g-text-mid);} body.aft-light-mode .widget :is(ol,ul,ul.menu)>li a:hover,body.aft-dark-mode .widget :is(ol,ul,ul.menu)>li a:hover{color:var(--m1g-gold-light);} body.aft-light-mode #secondary .widget,body.aft-dark-mode #secondary .widget{color:var(--m1g-text-mid);} body.aft-light-mode .tagcloud a,body.aft-light-mode .wp-block-tag-cloud a, body.aft-dark-mode .tagcloud a,body.aft-dark-mode .wp-block-tag-cloud a{border:1px solid var(--m1g-border);border-radius:999px;color:var(--m1g-text-mid);padding:4px 12px;} body.aft-light-mode .tagcloud a:hover,body.aft-dark-mode .tagcloud a:hover{border-color:var(--m1g-gold);color:var(--m1g-gold-light);} /* --------------------------------------------------------------- m1g bits */ .m1g-section{margin:44px 0;} .m1g-section-kicker{color:var(--m1g-gold);font-size:.75rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;margin-bottom:8px;} .m1g-section-title{font-family:var(--m1g-font-head);color:#fff;font-size:1.7rem;margin:0 0 6px;padding-bottom:12px;position:relative;} .m1g-section-title::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;background:var(--m1g-gold);} .m1g-section-sub{color:var(--m1g-text-dim);margin:0 0 20px;} /* ---------------------------------------------------------- Rumour tracker */ .m1g-tracker{background:var(--m1g-navy);border:1px solid var(--m1g-border);border-radius:12px;padding:26px;} .m1g-tracker-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;} .m1g-tracker-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;} .m1g-tracker-item{display:grid;grid-template-columns:150px 130px 1fr;gap:16px;align-items:start;background:var(--m1g-card);border:1px solid var(--m1g-border);border-radius:8px;padding:14px 16px;} .m1g-tracker-label{font-weight:800;color:#fff;} .m1g-tracker-note{color:var(--m1g-text-dim);font-size:.85rem;margin-top:14px;} .m1g-rumour{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:3px 10px;border:1px solid;} .m1g-rumour--confirmed{color:#7ee2a8;border-color:rgba(126,226,168,.5);background:rgba(126,226,168,.1);} .m1g-rumour--reported{color:#f5b45e;border-color:rgba(245,180,94,.5);background:rgba(245,180,94,.1);} /* ------------------------------------------------------------ Trivia box */ .m1g-trivia-box{background:var(--m1g-navy);border:1px solid var(--m1g-gold);border-radius:12px;padding:26px;} .m1g-trivia-box .m1g-section-kicker{margin-bottom:4px;} .m1g-trivia-box h3{margin:0 0 14px;font-size:1.5rem;color:#fff;} .m1g-trivia-question{font-family:var(--m1g-font-head);font-style:italic;font-size:1.25rem;line-height:1.45;color:var(--m1g-gold-light);margin:0 0 14px;} .m1g-trivia-box details summary{cursor:pointer;font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--m1g-text);} .m1g-trivia-box details summary:hover{color:var(--m1g-gold-light);} .m1g-trivia-answer{margin-top:12px;color:var(--m1g-text);} .m1g-trivia-link{display:inline-block;margin-top:18px;font-weight:800;color:var(--m1g-gold-light);} .m1g-trivia-link:hover{color:var(--m1g-gold);} /* ---------------------------------------------------------- Most read list */ .m1g-most-read{list-style:none;margin:0;padding:0;} .m1g-most-read li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--m1g-border);} .m1g-most-read li:last-child{border-bottom:0;} .m1g-most-read-rank{font-family:var(--m1g-font-head);font-weight:900;font-size:1.6rem;line-height:1;color:var(--m1g-gold);min-width:34px;} .m1g-most-read a{color:var(--m1g-text);font-weight:700;line-height:1.4;} .m1g-most-read a:hover{color:var(--m1g-gold-light);} .m1g-most-read-meta{color:var(--m1g-text-dim);font-size:.8rem;} /* ------------------------------------------------------------ Article page */ body.aft-light-mode .af-breadcrumbs,body.aft-dark-mode .af-breadcrumbs{background:#0a1020;border:1px solid var(--m1g-border);border-radius:8px;color:var(--m1g-text-dim);} body.aft-light-mode ul.trail-items li a,body.aft-dark-mode ul.trail-items li a{color:var(--m1g-text-dim);} body.aft-light-mode ul.trail-items li a:hover,body.aft-dark-mode ul.trail-items li a:hover{color:var(--m1g-gold-light);} .m1g-breadcrumb{font-size:.8rem;color:var(--m1g-text-dim);margin-bottom:14px;} .m1g-breadcrumb a{color:var(--m1g-text-dim);} .m1g-breadcrumb a:hover{color:var(--m1g-gold-light);} .m1g-breadcrumb .sep{margin:0 6px;} .m1g-byline{color:var(--m1g-text-dim);font-size:.9rem;margin-bottom:20px;} .m1g-byline a{color:var(--m1g-text);font-weight:700;} body.aft-light-mode h1.entry-title,body.aft-dark-mode h1.entry-title{font-family:var(--m1g-font-head);color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;} body.aft-light-mode .entry-header .entry-meta,body.aft-dark-mode .entry-header .entry-meta{color:var(--m1g-text-dim);} body.aft-light-mode .entry-content h2,body.aft-dark-mode .entry-content h2{font-size:1.6rem;margin:1.8em 0 .7em;color:#fff;} body.aft-light-mode .entry-content h3,body.aft-dark-mode .entry-content h3{font-size:1.3rem;margin:1.6em 0 .6em;color:#fff;} body.aft-light-mode .entry-content blockquote,body.aft-dark-mode .entry-content blockquote{border-left:4px solid var(--m1g-gold);background:#0a1020;margin:1.6em 0;padding:16px 20px;border-radius:0 8px 8px 0;color:var(--m1g-text);} body.aft-light-mode .entry-content blockquote p,body.aft-dark-mode .entry-content blockquote p{color:var(--m1g-text);font-family:var(--m1g-font-head);font-style:italic;} body.aft-light-mode .entry-content table,body.aft-dark-mode .entry-content table{border:1px solid var(--m1g-border);} body.aft-light-mode .entry-content th,body.aft-dark-mode .entry-content th{background:#0a1020;color:var(--m1g-gold-light);border:1px solid var(--m1g-border);padding:10px 12px;} body.aft-light-mode .entry-content td,body.aft-dark-mode .entry-content td{border:1px solid var(--m1g-border);padding:10px 12px;color:var(--m1g-text-mid);} .short-answer-box,.m1g-short-answer{background:#0a1020;border:1px solid var(--m1g-border);border-left:4px solid var(--m1g-gold);border-radius:0 10px 10px 0;padding:20px 22px;margin:1.8em 0;} .short-answer-box h2,.m1g-short-answer h2{font-size:1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--m1g-gold);margin:0 0 10px;font-family:var(--m1g-font-body);} .short-answer-box p,.m1g-short-answer p{color:var(--m1g-text);margin:0;} .read-also-box,.m1g-read-also{background:#0a1020;border:1px solid var(--m1g-border);border-radius:10px;padding:20px 22px;margin:1.8em 0;} .read-also-box h2,.m1g-read-also h2{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--m1g-gold);margin:0 0 12px;font-family:var(--m1g-font-body);} .read-also-box ul,.m1g-read-also ul{margin:0;padding-left:18px;} .read-also-box a,.m1g-read-also a{color:var(--m1g-gold-light);font-weight:700;} .read-also-box a:hover,.m1g-read-also a:hover{color:var(--m1g-gold);} .m1g-faq details,details.faq-item{background:#0a1020;border:1px solid var(--m1g-border);border-radius:8px;padding:14px 16px;margin-bottom:10px;} .m1g-faq summary,details.faq-item summary{cursor:pointer;font-weight:700;color:#fff;font-family:var(--m1g-font-head);} .m1g-faq summary:hover,details.faq-item summary:hover{color:var(--m1g-gold-light);} .m1g-faq details p,details.faq-item p{color:var(--m1g-text-mid);} body.aft-light-mode .author-links a,body.aft-dark-mode .author-links a{color:var(--m1g-text-dim);} body.aft-light-mode .comments-area,body.aft-dark-mode .comments-area{background:#0a1020;border:1px solid var(--m1g-border);border-radius:12px;} body.aft-light-mode .comment-content,body.aft-dark-mode .comment-content{color:var(--m1g-text-mid);} body.aft-light-mode .chromenews-pagination .nav-links .page-numbers,body.aft-dark-mode .chromenews-pagination .nav-links .page-numbers{background:#0a1020;border:1px solid var(--m1g-border);color:var(--m1g-text-mid);} body.aft-light-mode .chromenews-pagination .nav-links .page-numbers.current,body.aft-dark-mode .chromenews-pagination .nav-links .page-numbers.current{background:var(--m1g-gold);border-color:var(--m1g-gold);color:#060a16;} body.aft-light-mode .chromenews-pagination .nav-links a.page-numbers:hover,body.aft-dark-mode .chromenews-pagination .nav-links a.page-numbers:hover{border-color:var(--m1g-gold);color:var(--m1g-gold-light);} /* ------------------------------------------------------------ Trivia page */ .m1g-trivia-page .m1g-how-it-works{background:#0a1020;border:1px solid var(--m1g-border);border-left:4px solid var(--m1g-gold);border-radius:0 10px 10px 0;padding:20px 22px;margin:1.8em 0;} .m1g-trivia-page .m1g-how-it-works h2{font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--m1g-gold);margin:0 0 12px;font-family:var(--m1g-font-body);} .m1g-trivia-page .m1g-how-it-works p,.m1g-trivia-page .m1g-how-it-works li{color:var(--m1g-text-mid);} .m1g-filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none;} .m1g-chip{background:transparent;border:1px solid var(--m1g-border);border-radius:999px;color:var(--m1g-text-mid);font-family:var(--m1g-font-body);font-weight:700;font-size:.85rem;padding:8px 16px;cursor:pointer;} .m1g-chip:hover{border-color:var(--m1g-gold);color:var(--m1g-gold-light);} .m1g-chip.is-active{background:var(--m1g-gold);border-color:var(--m1g-gold);color:#060a16;} .m1g-count{color:var(--m1g-text-dim);font-size:.85rem;margin:0 0 22px;} .m1g-difficulty{margin:30px 0 6px;font-size:1.4rem;color:#fff;} .m1g-question{background:var(--m1g-card);border:1px solid var(--m1g-border);border-radius:8px;padding:16px 18px;margin-bottom:10px;} .m1g-question .m1g-q-text{font-weight:700;color:#ffffff;margin:0 0 8px;} .m1g-question .m1g-q-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--m1g-gold-light);border:1px solid var(--m1g-gold-dim);border-radius:999px;padding:2px 9px;margin-bottom:8px;} .m1g-question details summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--m1g-gold-light);} .m1g-question .m1g-q-answer{margin-top:10px;color:var(--m1g-text-mid);} .m1g-reveal-all{font-family:var(--m1g-font-body);font-weight:800;font-size:.85rem;color:#060a16;background:var(--m1g-gold);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;margin-bottom:24px;} .m1g-reveal-all:hover{background:var(--m1g-gold-light);} .m1g-setup-note{border:1px dashed var(--m1g-gold);border-radius:8px;padding:16px 18px;color:var(--m1g-text-dim);} /* ----------------------------------------------------------------- Footer */ body.aft-light-mode .site-footer,body.aft-dark-mode .site-footer{background:#060a16;border-top:4px double var(--m1g-gold);color:var(--m1g-text-dim);} body.aft-light-mode .site-footer .widget-title,body.aft-dark-mode .site-footer .widget-title{color:var(--m1g-gold-light);border-bottom-color:var(--m1g-border);} body.aft-light-mode .site-footer .widget-title::after,body.aft-dark-mode .site-footer .widget-title::after{background:var(--m1g-gold);} body.aft-light-mode .site-footer .widget :is(ol,ul)>li a,body.aft-dark-mode .site-footer .widget :is(ol,ul)>li a{color:var(--m1g-text-mid);} body.aft-light-mode .site-footer .widget :is(ol,ul)>li a:hover,body.aft-dark-mode .site-footer .widget :is(ol,ul)>li a:hover{color:var(--m1g-gold-light);} body.aft-light-mode .site-footer h4.af-author-display-name,body.aft-dark-mode .site-footer h4.af-author-display-name{color:#fff;} body.aft-light-mode .site-info,body.aft-dark-mode .site-info{color:var(--m1g-text-dim);} body.aft-light-mode .site-info a,body.aft-dark-mode .site-info a{color:var(--m1g-text-mid);} body.aft-light-mode .site-info a:hover,body.aft-dark-mode .site-info a:hover{color:var(--m1g-gold-light);} /* -------------------------------------------------------------- Responsive */ @media (max-width: 900px){ .site-branding,.site-header .site-branding{padding:20px 0 16px;} .main-navigation ul{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;} .main-navigation li a{padding:12px 14px;white-space:nowrap;} .m1g-tracker-label{min-width:0;} .m1g-tracker-item{grid-template-columns:1fr;} } @media (max-width: 600px){ .m1g-section{margin:30px 0;} .m1g-trivia-box,.m1g-tracker{padding:18px;} .m1g-most-read-rank{font-size:1.3rem;min-width:28px;} } /* ------------------------------------------------------------------ Notes ADS: ad-slot positions exist in functions.php but output NOTHING while ads are OFF. No ad network code is present anywhere in this theme. TOP DATE BAR (ChromeNews): switch it OFF in Customizer > Theme Options > Header Settings > Top Header Section (the AF-themes option for the date/social top bar). Do NOT hide it with CSS unless that option is genuinely absent, and then only after checking the live markup — a wrong selector could hide wanted header elements. */ /* Hides the top date/social strip - the Top Header Section toggle is absent on this install. */ .top-header{display:none!important;} /* ----------------------------------------------------------------- Article tables on mobile Let article-content tables scroll horizontally on small screens instead of overflowing the viewport (e.g. the 4-column table in the James Bond party ideas article). Mobile-only; desktop layout is untouched. */ @media (max-width: 768px){ .entry-content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} } /* ===== M1G corrections — 2026-11-01 ===== */ /* Masthead: the real markup is header#masthead > .mid-header-wrapper.data-bg > .mid-header. The parent styles .mid-header-wrapper.data-bg at higher specificity than a plain class, so these rules pin #masthead (plus the double gold rule under the masthead). */ body.aft-light-mode #masthead,body.aft-dark-mode #masthead{background:#060a16;} body.aft-light-mode #masthead .mid-header-wrapper,body.aft-dark-mode #masthead .mid-header-wrapper,body.aft-light-mode #masthead .mid-header-wrapper.data-bg,body.aft-dark-mode #masthead .mid-header-wrapper.data-bg{background:#060a16;background-image:none;border-bottom:4px double var(--m1g-gold);} body.aft-light-mode #masthead .mid-header,body.aft-dark-mode #masthead .mid-header,body.aft-light-mode #masthead .below-mid-header,body.aft-dark-mode #masthead .below-mid-header{background:transparent;} /* Section titles: the sample shows white Playfair text with a gold underline, not a solid gold bar. */ body.aft-light-mode .widget-title,body.aft-dark-mode .widget-title,body.aft-light-mode .widget-title.heading-line,body.aft-dark-mode .widget-title.heading-line{background:transparent;} body.aft-light-mode .widget-title .heading-line,body.aft-dark-mode .widget-title .heading-line{background:transparent;color:#eef1f8;} /* Post-card titles: the real markup is .read-title > h3 > a (a bare :is() on .read-title missed it). */ body.aft-light-mode .read-title h2 a,body.aft-dark-mode .read-title h2 a,body.aft-light-mode .read-title h3 a,body.aft-dark-mode .read-title h3 a,body.aft-light-mode .read-title h4 a,body.aft-dark-mode .read-title h4 a{color:#eef1f8;} body.aft-light-mode .read-title h2 a:hover,body.aft-dark-mode .read-title h2 a:hover,body.aft-light-mode .read-title h3 a:hover,body.aft-dark-mode .read-title h3 a:hover,body.aft-light-mode .read-title h4 a:hover,body.aft-dark-mode .read-title h4 a:hover{color:#e6c65c;} body.aft-light-mode .read-details .entry-meta,body.aft-dark-mode .read-details .entry-meta{color:#8b96b0;} body.aft-light-mode .read-details .entry-meta a,body.aft-dark-mode .read-details .entry-meta a{color:#8b96b0;} body.aft-light-mode .read-details .entry-meta a:hover,body.aft-dark-mode .read-details .entry-meta a:hover{color:#e6c65c;} body.aft-light-mode .read-details .post-description,body.aft-dark-mode .read-details .post-description{color:#c3cbdd;} body.aft-light-mode .read-categories a,body.aft-dark-mode .read-categories a{color:#e6c65c;} /* ===== M1G corrections 2 — 2026-11-01 ===== */ /* Page background: the parent puts banner-background classes on itself (e.g. body.aft-light-mode.aft-main-banner-section.aft-banner-background-default, specificity 0,4,1) and paints it white. These rules out-specify that selector so the deep navy wins regardless of stylesheet order. */ html body.aft-light-mode,html body.aft-dark-mode{background-color:#060a16;} html body.aft-light-mode.aft-main-banner-section,html body.aft-dark-mode.aft-main-banner-section,html body.aft-light-mode.aft-main-banner-section.aft-banner-background-default,html body.aft-dark-mode.aft-main-banner-section.aft-banner-background-default,html body.aft-light-mode.aft-main-banner-section.aft-banner-background-custom,html body.aft-dark-mode.aft-main-banner-section.aft-banner-background-custom,html body.aft-light-mode.aft-main-banner-section.aft-banner-background-alternative,html body.aft-dark-mode.aft-main-banner-section.aft-banner-background-alternative{background-color:#060a16;} html body.aft-light-mode .site-content,html body.aft-dark-mode .site-content,html body.aft-light-mode #content,html body.aft-dark-mode #content{background-color:transparent;} /* Section titles: force the light colour on both heading-line variants. */ html body.aft-light-mode .widget-title.heading-line,html body.aft-dark-mode .widget-title.heading-line,html body.aft-light-mode .widget-title .heading-line,html body.aft-dark-mode .widget-title .heading-line{background:transparent;color:#eef1f8;} /* Post-card titles: out-specify the parent's .read-details-scoped title link rules. */ html body.aft-light-mode .read-details .read-title h2 a,html body.aft-dark-mode .read-details .read-title h2 a,html body.aft-light-mode .read-details .read-title h3 a,html body.aft-dark-mode .read-details .read-title h3 a,html body.aft-light-mode .read-details .read-title h4 a,html body.aft-dark-mode .read-details .read-title h4 a{color:#eef1f8;} html body.aft-light-mode .read-details .read-title h2 a:hover,html body.aft-dark-mode .read-details .read-title h2 a:hover,html body.aft-light-mode .read-details .read-title h3 a:hover,html body.aft-dark-mode .read-details .read-title h3 a:hover,html body.aft-light-mode .read-details .read-title h4 a:hover,html body.aft-dark-mode .read-details .read-title h4 a:hover{color:#e6c65c;} /* ===== M1G corrections 3 — 2026-11-01 ===== */ /* Banner sections: the parent paints the SECTION element itself white (body.aft-light-mode .aft-main-banner-section.aft-banner-background-default, 0,3,1). These rules out-specify it, so the deep navy wins regardless of stylesheet order. */ html body.aft-light-mode .aft-main-banner-section,html body.aft-dark-mode .aft-main-banner-section{background-color:#060a16;} html body.aft-light-mode .aft-main-banner-section.aft-banner-background-default,html body.aft-dark-mode .aft-main-banner-section.aft-banner-background-default,html body.aft-light-mode .aft-main-banner-section.aft-banner-background-alternative,html body.aft-dark-mode .aft-main-banner-section.aft-banner-background-alternative,html body.aft-light-mode .aft-main-banner-section.aft-banner-background-secondary,html body.aft-dark-mode .aft-main-banner-section.aft-banner-background-secondary,html body.aft-light-mode .aft-main-banner-section.aft-banner-background-custom,html body.aft-dark-mode .aft-main-banner-section.aft-banner-background-custom{background-color:#060a16;background-image:none;} html body.aft-light-mode .aft-main-banner-section .aft-main-banner-wrapper,html body.aft-dark-mode .aft-main-banner-section .aft-main-banner-wrapper{background:transparent;} /* Widget titles: the real markup is .widget-title > span.heading-line. The parent's gold bar sits on that span; force it transparent with light text. */ html body.aft-light-mode .widget-title span.heading-line,html body.aft-dark-mode .widget-title span.heading-line{background:transparent;color:#eef1f8;} /* Post-card titles: the parent colours them with very long chains (.aft-light-mode .aft-main-banner-section.aft-banner-background-default:not(.data-bg) .read-single:not(.grid-design-texts-over-image) .read-title h3 a — 0,7,3+). These #page-scoped rules outrank every such chain. */ html body.aft-light-mode #page .read-single .read-details .read-title h2 a,html body.aft-dark-mode #page .read-single .read-details .read-title h2 a,html body.aft-light-mode #page .read-single .read-details .read-title h3 a,html body.aft-dark-mode #page .read-single .read-details .read-title h3 a,html body.aft-light-mode #page .read-single .read-details .read-title h4 a,html body.aft-dark-mode #page .read-single .read-details .read-title h4 a{color:#eef1f8;} html body.aft-light-mode #page .read-single .read-details .read-title h2 a:hover,html body.aft-dark-mode #page .read-single .read-details .read-title h2 a:hover,html body.aft-light-mode #page .read-single .read-details .read-title h3 a:hover,html body.aft-dark-mode #page .read-single .read-details .read-title h3 a:hover,html body.aft-light-mode #page .read-single .read-details .read-title h4 a:hover,html body.aft-dark-mode #page .read-single .read-details .read-title h4 a:hover{color:#e6c65c;} /* ===== M1G corrections 4 — 2026-11-01 ===== */ /* Section titles: the heading text colour must sit on .widget-title itself (the decorative span.heading-line carried the old gold-bar background, not the text). Cover the heading and any inner span; the footer keeps its gold titles via the re-asserted rule below. */ html body.aft-light-mode #page .widget-title,html body.aft-dark-mode #page .widget-title{background:transparent;color:#eef1f8;} html body.aft-light-mode #page .widget-title span,html body.aft-dark-mode #page .widget-title span{background:transparent;color:#eef1f8;} html body.aft-light-mode #page .site-footer .widget-title,html body.aft-dark-mode #page .site-footer .widget-title,html body.aft-light-mode #page .site-footer .widget-title span,html body.aft-dark-mode #page .site-footer .widget-title span{color:#e6c65c;}/* M1G corrections 5 — 2026-11-01: sweep of remaining white surfaces (sidebar widget panels, content column, front-page band sections). No !important. */ html body.aft-light-mode #page #secondary .widget,html body.aft-dark-mode #page #secondary .widget{background:#0a1020;border:1px solid #22304f;border-radius:12px;color:#c3cbdd;} html body.aft-light-mode #page #secondary .widget a,html body.aft-dark-mode #page #secondary .widget a{color:#c3cbdd;} html body.aft-light-mode #page #secondary .widget a:hover,html body.aft-dark-mode #page #secondary .widget a:focus{color:#e6c65c;} html body.aft-light-mode #page .site-content,html body.aft-dark-mode #page .site-content,html body.aft-light-mode #page #primary,html body.aft-dark-mode #page #primary,html body.aft-light-mode #page .aft-featured-category-section,html body.aft-dark-mode #page .aft-featured-category-section,html body.aft-light-mode #page .af-main-banner-categorized-posts,html body.aft-dark-mode #page .af-main-banner-categorized-posts{background-color:transparent;background-image:none;} /* M1G corrections 6 — 2026-11-01: the FEATURED POSTS band is .af-main-banner-featured-posts, a child of the banner section with its own white background; also re-assert transparent on the main structural wrappers. No !important. */ html body.aft-light-mode #page .af-main-banner-featured-posts,html body.aft-dark-mode #page .af-main-banner-featured-posts{background-color:transparent;background-image:none;} html body.aft-light-mode #page .content-area,html body.aft-dark-mode #page .content-area,html body.aft-light-mode #page main.site-main,html body.aft-dark-mode #page main.site-main{background-color:transparent;background-image:none;} /* M1G corrections 7 — 2026-11-01: single-post dark surfaces */ html body.aft-light-mode #page .af-breadcrumbs,html body.aft-dark-mode #page .af-breadcrumbs{background:#0a1020;border:1px solid #22304f;border-radius:12px;} html body.aft-light-mode #page .af-breadcrumbs a,html body.aft-dark-mode #page .af-breadcrumbs a{color:#8b96b0;} html body.aft-light-mode #page .af-breadcrumbs a:hover,html body.aft-dark-mode #page .af-breadcrumbs a:hover,html body.aft-light-mode #page .af-breadcrumbs a:focus,html body.aft-dark-mode #page .af-breadcrumbs a:focus{color:#e6c65c;} html body.aft-light-mode #page main.site-main article.post,html body.aft-dark-mode #page main.site-main article.post{background:#0a1020;border:1px solid #22304f;border-radius:12px;} html body.aft-light-mode #page .entry-content,html body.aft-dark-mode #page .entry-content{background-color:transparent;} html body.aft-light-mode #page #ez-toc-container,html body.aft-dark-mode #page #ez-toc-container{background:#0d1528;border:1px solid #22304f;} html body.aft-light-mode #page #ez-toc-container a,html body.aft-dark-mode #page #ez-toc-container a{color:#c3cbdd;} html body.aft-light-mode #page #ez-toc-container a:hover,html body.aft-dark-mode #page #ez-toc-container a:hover{color:#e6c65c;} /* M1G corrections 8 — 2026-11-01: single-post card. The parent paints body.single.aft-section-layout-background .entry-content-wrap white (0,3,1), which beats the .read-single card rule (0,2,1). This out-specifies it. */ html body.aft-light-mode.single #page main.site-main .entry-content-wrap,html body.aft-dark-mode.single #page main.site-main .entry-content-wrap{background-color:#0a1020;}/* ===== M1G corrections 9 — 2026-11-01 ===== */ /* Above-footer band: the parent outputs
via chromenews_action_full_width_upper_footer_section (footer.php). On the trivia page it renders the "YOU MAY HAVE MISSED" band with a white background. Make it transparent. No !important. */ html body.aft-light-mode #page .aft-blocks.above-footer-widget-section,html body.aft-dark-mode #page .aft-blocks.above-footer-widget-section{background-color:transparent;background-image:none;} html body.aft-light-mode #page .aft-blocks.above-footer-widget-section .container-wrapper,html body.aft-dark-mode #page .aft-blocks.above-footer-widget-section .container-wrapper{background-color:transparent;background-image:none;} /* === Media1Gyan Child 1.0.15 - homepage fixes (2026-11-01) === */ /* 1. Tighten the masthead so the logo sits close to the top of the page. */ .chromenews-header .mid-header-wrapper, .chromenews-header .mid-header { padding-top: 0; padding-bottom: 0; } .chromenews-header .mid-header .site-branding { padding-top: 12px; padding-bottom: 14px; } /* 2. "Most Read This Week" heading - matches the other section titles (serif, gold underline). */ .media1gyan-most-read { margin-top: 6px; } .media1gyan-most-read-title { font-family: 'Playfair Display', Georgia, 'Times New Roman', serif; font-size: 1.45rem; letter-spacing: 0.04em; text-transform: uppercase; color: #eef1f8; margin: 0 0 18px; } .media1gyan-most-read-title::after { content: ''; display: block; width: 56px; height: 3px; background: #c9a227; margin-top: 8px; } /* 3. Weekly Briefing form: keep the SUBSCRIBE button label on a single line. */ footer .srfm-block-width-25, .site-footer .srfm-block-width-25 { width: auto; max-width: 100%; } footer .srfm-submit-button, .site-footer .srfm-submit-button { white-space: nowrap; width: auto; } /* 4. Homepage hero - "Top story" treatment per the design sample. */ .media1gyan-hero { background: #0a1020; border: 1px solid #22304f; border-radius: 12px; overflow: hidden; margin: 0 0 32px; max-width: 100%; } .media1gyan-hero-media { display: block; } .media1gyan-hero-media img { display: block; width: 100%; height: auto; } .media1gyan-hero-body { padding: 28px 30px 30px; } .media1gyan-hero-kicker { display: block; font-size: 0.72rem; letter-spacing: 0.22em; text-transform: uppercase; color: #8b96b0; margin-bottom: 10px; } .media1gyan-hero-cat { margin-bottom: 12px; } .media1gyan-hero-cat a { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #e6c65c; border: 1px solid #c9a227; border-radius: 999px; padding: 4px 14px; text-decoration: none; } .media1gyan-hero-title { font-family: 'Playfair Display', Georgia, 'Times New Roman', serif; font-size: 2.1rem; line-height: 1.2; margin: 0 0 14px; overflow-wrap: break-word; } .media1gyan-hero-title a { color: #eef1f8; text-decoration: none; } .media1gyan-hero-title a:hover { color: #e6c65c; } .media1gyan-hero-excerpt { color: #c3cbdd; font-size: 1.02rem; line-height: 1.65; margin: 0 0 16px; } .media1gyan-hero-excerpt p { margin: 0; } .media1gyan-hero-byline { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: #8b96b0; margin-bottom: 18px; } .media1gyan-hero-byline a { color: #c3cbdd; text-decoration: none; } .media1gyan-hero-byline a:hover { color: #e6c65c; } .media1gyan-hero-byline .media1gyan-hero-date { margin-left: 14px; } .media1gyan-hero-readmore { display: inline-block; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #0a1020; background: #c9a227; border-radius: 4px; padding: 10px 22px; text-decoration: none; } .media1gyan-hero-readmore:hover { background: #e6c65c; color: #0a1020; } @media (max-width: 640px) { .media1gyan-hero-body { padding: 20px 18px 22px; } .media1gyan-hero-title { font-size: 1.55rem; } } /* === CONSOLIDATED FIXES v3 (m1g-consolidated-v3) === */ /* Issue 2: site-title link hover/focus must keep full wordmark visible */ body.aft-dark-mode .site-title a:hover,body.aft-dark-mode .site-title a:focus{color:#eef1f8;} body.aft-dark-mode .site-title a:hover span,body.aft-dark-mode .site-title a:focus span{color:#eef1f8;} body.aft-light-mode .site-title a:hover,body.aft-light-mode .site-title a:focus{color:#0a1020;} body.aft-light-mode .site-title a:hover span,body.aft-light-mode .site-title a:focus span{color:#0a1020;} .site-title a:hover .brand-one,.site-title a:focus .brand-one{color:#c9a227;} /* Issue 3: ticker headlines readable */ body.aft-dark-mode .aft-ticker a,body.aft-dark-mode .ticker-item a{color:#eef1f8;} body.aft-light-mode .aft-ticker a,body.aft-light-mode .ticker-item a{color:#0a1020;} /* Issue 4: nav uniform dark */ div#main-navigation-bar{background:#0a1020;} div#main-navigation-bar .nav-wrapper,div#main-navigation-bar .main-navigation{background:#0a1020;} /* m1g-consolidated-v4-fixed: descendant-combinator spaces corrected */ /* === WORDMARK HOVER SPECIFICITY FIX v5 (m1g-v5) === */ /* Beat parent body.aft-dark-mode .site-header .site-branding .site-title a:hover */ body.aft-dark-mode .site-header .site-branding .site-title a:hover,body.aft-dark-mode .site-header .site-branding .site-title a:focus{color:#eef1f8;} body.aft-dark-mode .site-header .site-branding .site-title a:hover span,body.aft-dark-mode .site-header .site-branding .site-title a:focus span{color:#eef1f8;} body.aft-light-mode .site-header .site-branding .site-title a:hover,body.aft-light-mode .site-header .site-branding .site-title a:focus{color:#0a1020;} body.aft-light-mode .site-header .site-branding .site-title a:hover span,body.aft-light-mode .site-header .site-branding .site-title a:focus span{color:#0a1020;} /* Gold 1 must stay gold: higher specificity than the span rule above */ body.aft-dark-mode .site-header .site-branding .site-title a:hover .brand-one,body.aft-dark-mode .site-header .site-branding .site-title a:focus .brand-one,body.aft-light-mode .site-header .site-branding .site-title a:hover .brand-one,body.aft-light-mode .site-header .site-branding .site-title a:focus .brand-one{color:#c9a227;} /* === WORDMARK HOVER v6 (m1g-v6): beat parent inline CSS via site-title-anchor === */ body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:hover,body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:focus{color:#eef1f8;} body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:hover span,body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:focus span{color:#eef1f8;} body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:hover,body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:focus{color:#0a1020;} body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:hover span,body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:focus span{color:#0a1020;} body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:hover .brand-one,body.aft-dark-mode .site-header .site-branding .site-title a.site-title-anchor:focus .brand-one,body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:hover .brand-one,body.aft-light-mode .site-header .site-branding .site-title a.site-title-anchor:focus .brand-one{color:#c9a227;} /* === WORDMARK HOVER v7 (m1g-v7): explicit colours with !important (2026-11-01) === */ body.aft-dark-mode .site-title a:hover,body.aft-dark-mode .site-title a:focus{color:#eef1f8 !important;} body.aft-dark-mode .site-title a:hover span,body.aft-dark-mode .site-title a:focus span{color:#eef1f8 !important;} body.aft-dark-mode .site-title a:hover .brand-one,body.aft-dark-mode .site-title a:focus .brand-one{color:#c9a227 !important;} body.aft-light-mode .site-title a:hover,body.aft-light-mode .site-title a:focus{color:#0a1020 !important;} body.aft-light-mode .site-title a:hover span,body.aft-light-mode .site-title a:focus span{color:#0a1020 !important;} body.aft-light-mode .site-title a:hover .brand-one,body.aft-light-mode .site-title a:focus .brand-one{color:#c9a227 !important;} /* ========================================================================== WORDMARK HOVER FIX (2026-11-01) — appended, do not edit existing rules. The served homepage body defaults to aft-light-mode, and the light-mode hover rules above set the wordmark dark navy (#0a1020) on the dark header, making "Media"/"Gyan" invisible on hover. These unqualified rules with !important beat the non-!important light-mode rules in every body state. ========================================================================== */ .site-title a:hover, .site-title a:focus { color: #eef1f8 !important; } .site-title a:hover span, .site-title a:focus span { color: #eef1f8 !important; } .site-title a:hover .brand-one, .site-title a:focus .brand-one { color: #c9a227 !important; } /* ========================================================================== WORDMARK HOVER v8 (m1g-v8) — corrected fix, appended 2026-11-01 Overrides "WORDMARK HOVER v7" (specificity 0,3,2 + !important) with (0,4,2) + !important. Keeps the wordmark light (#eef1f8) on hover/focus with the gold "1" span (#c9a227), in both light and dark modes. v7 is intentionally left in place above; these rules win by specificity. ========================================================================== */ body.aft-light-mode .site-header .site-branding .site-title a:hover, body.aft-light-mode .site-header .site-branding .site-title a:focus { color: #eef1f8 !important; } body.aft-light-mode .site-header .site-branding .site-title a:hover span, body.aft-light-mode .site-header .site-branding .site-title a:focus span { color: #eef1f8 !important; } body.aft-light-mode .site-header .site-branding .site-title a:hover .brand-one, body.aft-light-mode .site-header .site-branding .site-title a:focus .brand-one { color: #c9a227 !important; } body.aft-dark-mode .site-header .site-branding .site-title a:hover, body.aft-dark-mode .site-header .site-branding .site-title a:focus { color: #eef1f8 !important; } body.aft-dark-mode .site-header .site-branding .site-title a:hover span, body.aft-dark-mode .site-header .site-branding .site-title a:focus span { color: #eef1f8 !important; } body.aft-dark-mode .site-header .site-branding .site-title a:hover .brand-one, body.aft-dark-mode .site-header .site-branding .site-title a:focus .brand-one { color: #c9a227 !important; }/* === WORDMARK HOVER, third attempt (m1g-v9), appended 2026-11-01 === Rendered header is header#masthead (no .site-header class in the DOM). Specificity (1,2,1)+!important beats v7 light-mode (0,3,2)+!important; no body class, so it holds in every light/dark state. v7/v8 left intact. */#masthead .site-title a:hover, #masthead .site-title a:focus { color: #eef1f8 !important; }#masthead .site-title a:hover span, #masthead .site-title a:focus span { color: #eef1f8 !important; } #masthead .site-title a:hover .brand-one, #masthead .site-title a:focus .brand-one { color: #c9a227 !important; }