/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/

/* ============================================================================
   Judge Blog palette - mirrors judge.fabtcg.com (Bootstrap 5.3 light/dark + gold)
   Source values: computed styles on judge.fabtcg.com, 2026-10-18
   ========================================================================== */
:root {
  --jb-bg: #ffffff;        --jb-text: #212529;     --jb-muted: #6c757d;
  --jb-surface: #f8f9fa;   --jb-surface2: #e9ecef; --jb-border: #dee2e6;
  --jb-link: #0068d6;      --jb-link-hover: #0053ab;
  --jb-gold: #d5ad64;      --jb-gold-text: #8a6a1f;  /* gold fill/border vs. text-safe gold on light */
  --jb-bar: #f8f9fa;       --jb-bar-text: #212529;   /* header/footer follow the theme; gold logo works on both (confirmed by Joe) */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --jb-bg:#212529; --jb-text:#dee2e6; --jb-muted:rgba(222,226,230,.75);
    --jb-surface:#2b3035; --jb-surface2:#343a40; --jb-border:#495057; --jb-link:#66a4e6; --jb-link-hover:#85b6eb; --jb-gold-text:#d5ad64; --jb-bar:#2b3035; --jb-bar-text:#dee2e6; }
}
:root[data-theme="dark"] { --jb-bg:#212529; --jb-text:#dee2e6; --jb-muted:rgba(222,226,230,.75);
  --jb-surface:#2b3035; --jb-surface2:#343a40; --jb-border:#495057; --jb-link:#66a4e6; --jb-link-hover:#85b6eb; --jb-gold-text:#d5ad64; --jb-bar:#2b3035; --jb-bar-text:#dee2e6; }

html body, html body .td-main-content-wrap, html body .td-container, html body .tdc-row { background-color: var(--jb-bg); color: var(--jb-text); }
html body p, html body li, html body .td-post-content, html body .tdb_single_content, html body .td-excerpt { color: var(--jb-text); }
html body .td-module-title a, html body .entry-title, html body .td-page-title, html body h1, html body h2, html body h3, html body h4, html body .tdb-title-text { color: var(--jb-text); }
html body .td-post-date, html body .td-post-author-name, html body .td-post-author-name a, html body .td-module-meta-info, html body .td-module-comments a, html body .tdb-breadcrumbs a, html body .tdb-entry-category, html body .td-post-views { color: var(--jb-muted); }
html body a:hover, html body .td-module-title a:hover { color: var(--jb-link-hover); }
html body .td-post-content a, html body .tdb_single_content a, html body .tdb-breadcrumbs a:hover { color: var(--jb-link); }
html body .td-post-content a:hover, html body .tdb_single_content a:hover { color: var(--jb-link-hover); }

/* section titles: gold bar, dark text (7.3:1) */
html body .td-block-title span, html body .td-block-title a, html body .td-pulldown-size { background-color: var(--jb-gold) !important; color: #212529 !important; }
html body .td-block-title { border-color: var(--jb-gold) !important; }
html body .td-trending-now-title { background-color: var(--jb-gold) !important; color: #212529 !important; }

/* header & footer bands: follow light/dark like JudgeHub's navbar */
html body .td-header-template-wrap, html body .tdc-header-wrap, html body .td-header-wrap { background-color: var(--jb-bar) !important; }
html body .td-header-template-wrap *:not(img):not(svg):not(path), html body .td-header-wrap a { color: var(--jb-bar-text); }
html body .td-header-template-wrap a:hover { color: var(--jb-gold-text); }
html body .td-header-template-wrap .td-element-style, html body .td-header-template-wrap .tdc-row { background-color: var(--jb-bar) !important; }
html body .td-header-template-wrap .tdb-search-form-inner, html body .td-header-template-wrap input { background-color: var(--jb-surface2); color: var(--jb-text); }
/* footer stays dark in both modes (sits on a dark photo) */
html body .td-footer-template-wrap, html body .td-footer-wrap, html body .td-sub-footer-container, html body .td-footer-template-wrap .tdc-row { color: #dee2e6; }
html body .td-footer-template-wrap .td-element-style { background-color: #212529 !important; background-blend-mode: multiply; }
html body .td-footer-template-wrap *:not(img):not(svg):not(path) { color: #dee2e6; }
html body .td-footer-template-wrap a:hover { color: var(--jb-gold); }

/* panels, sidebar, forms, pagination */
html body .td_block_wrap .td-block-row, html body .widget { color: var(--jb-text); }
html body input[type="text"], html body input[type="search"], html body input[type="email"], html body textarea, html body select { background-color: var(--jb-surface); color: var(--jb-text); border-color: var(--jb-border); }
html body .page-nav a, html body .page-nav span, html body .td-load-more-wrap a { background-color: var(--jb-surface2); color: var(--jb-text); border-color: var(--jb-border); }
html body .page-nav .current { background-color: var(--jb-gold); color: #212529; }
html body hr, html body .td-block-row, html body .comment-list li { border-color: var(--jb-border); }
html body table, html body th, html body td { border-color: var(--jb-border); }
html body th { background-color: var(--jb-surface2); }
html body blockquote { border-left-color: var(--jb-gold); background-color: var(--jb-surface); }

/* floating light/dark toggle (bottom-left; scroll-to-top lives bottom-right) */
.jb-theme-toggle { position: fixed; left: 16px; bottom: 16px; z-index: 99999; width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid var(--jb-gold); background: var(--jb-bar); color: var(--jb-gold); font-size: 20px; line-height: 1; cursor: pointer; }
.jb-theme-toggle:hover, .jb-theme-toggle:focus-visible { background: var(--jb-gold); color: #212529; outline: 2px solid var(--jb-link); outline-offset: 2px; }

/* PublishPress author box appended to pages (e.g. the homepage) - posts keep theirs */
body.page .pp-multiple-authors-boxes-wrapper{display:none !important}

/* Header menu: slightly tighter item padding so all 7 items + search fit on one line */
.td-header-template-wrap .tdb_header_menu .tdb-menu > li > a{padding-left:8px !important;padding-right:8px !important}
/* Desktop header: keep menu and search icon on the same line */

/* Header styled after judge.fabtcg.com: one slim bar, gold system-font links, soft shadow */
.td-header-template-wrap{box-shadow:0 1px 12px 3px var(--jb-border)}
.td-header-template-wrap .vc_column_inner:last-child .vc_column-inner > .wpb_wrapper{display:flex;align-items:center;justify-content:space-between}
.td-header-template-wrap .tdb-menu > li > a,
.td-header-template-wrap .tdb-menu > li > a .tdb-menu-item-text{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;font-size:16px !important;font-weight:400 !important;text-transform:none !important;color:var(--jb-gold-text) !important}
.td-header-template-wrap .tdb-menu > li.current-menu-item > a,
.td-header-template-wrap .tdb-menu > li > a:hover{color:var(--jb-text) !important}
.td-header-template-wrap .tdb_header_search i,
.td-header-template-wrap .tdb_header_search .tdb-search-icon{color:var(--jb-gold-text) !important}
.td-header-template-wrap .tdb-menu > li > a:after{background-color:var(--jb-gold) !important}

/* Rebuilt content pages (About Us, Resources, Conferences) */
.jb-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.jb-person{display:flex;gap:14px;align-items:center;padding:14px;background:var(--jb-surface);border:1px solid var(--jb-border);border-radius:8px}
.jb-person img{width:72px !important;height:72px !important;border-radius:50%;object-fit:cover;flex:none;margin:0}
.jb-person-info{display:flex;flex-direction:column;font-size:14px;line-height:1.4;color:var(--jb-muted)}
.jb-person-info strong{color:var(--jb-text);font-size:16px}
.jb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}
.jb-card{background:var(--jb-surface);border:1px solid var(--jb-border);border-radius:8px;padding:16px}
.jb-card img{width:100%;height:auto;border-radius:6px;margin-bottom:12px}
.jb-card h3{margin-top:0}
.jb-links a{display:inline-block;margin:0 8px 8px 0;padding:6px 14px;border:1px solid var(--jb-gold);border-radius:6px;color:var(--jb-gold-text)}
.jb-links a:hover{background:var(--jb-gold);color:#212529}
.jb-note{border-left:3px solid var(--jb-gold);padding:10px 14px;background:var(--jb-surface);margin:16px 0}
.td_block_text_with_title,.td_block_text_with_title p,.td_block_text_with_title li{color:var(--jb-text)}
.td_block_text_with_title h1,.td_block_text_with_title h2,.td_block_text_with_title h3,.td_block_text_with_title h4,.td_block_text_with_title h5,.td_block_text_with_title h6{color:var(--jb-text)}
.td_block_text_with_title a{color:var(--jb-link)}
.td_block_text_with_title a:hover{color:var(--jb-link-hover)}
.td_block_text_with_title .jb-links a{color:var(--jb-gold-text)}
.td_block_text_with_title .jb-links a:hover{color:#212529}

/* Template wrapper + single-post meta readability */
article.type-tdb_templates,.tdb_templates.post{background:transparent !important}
.tdb_single_author,.tdb_single_author *,.tdb_single_date,.tdb_single_date *,.tdb_single_comments_count,.tdb_single_comments_count *,.tdb_single_post_views,.tdb_single_post_views *{color:var(--jb-muted) !important}
.tdb_single_author .tdb-author-name{color:var(--jb-text) !important}
.tdb_title .tdb-title-text,.tdb_title h1,.tdb_title h2{color:var(--jb-text) !important}
.tdb_title .tdb-sub-title{color:var(--jb-muted) !important}
/* Mobile header icons follow the palette */
.td-header-mobile-wrap .tdb-mobile-search-icon svg path,.td-header-mobile-sticky-wrap .tdb-mobile-search-icon svg path{fill:var(--jb-gold-text) !important}
/* Breathing room between header and the home hero grid */
.td_block_big_grid_flex_5{margin-top:24px !important}

/* Category bar under the header (desktop); categories are appended to the mobile menu instead */
.jb-catnav{background:var(--jb-surface);border-bottom:1px solid var(--jb-border)}
.jb-catnav-in{max-width:1068px;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center;min-height:40px}
.jb-catnav a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:40px;color:var(--jb-muted);text-decoration:none;border-bottom:2px solid transparent}
.jb-catnav a:hover{color:var(--jb-gold-text)}
.jb-catnav a.is-active{color:var(--jb-text);border-bottom-color:var(--jb-gold)}
@media (max-width:1018px){.jb-catnav{display:none}}
.jb-mobile-cat-label span{display:block;padding:14px 20px 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7}

/* Search forms follow the palette (page search form + header dropdown) */
.tdb-search-form-inner{background:var(--jb-surface2) !important;border:1px solid var(--jb-border) !important}
.tdb-search-form-input,.tdb-head-search-form-input{color:var(--jb-text) !important;background:transparent !important}
.tdb-search-form-input::placeholder,.tdb-head-search-form-input::placeholder{color:var(--jb-muted) !important;opacity:1}
/* Header search dropdown panel (a ::before on .tdb-search-form) + live results */
.tdb-search-form:before{background-color:var(--jb-surface) !important}
.tdb-aj-search,.tdb-aj-search .tdb-aj-search-inner{background:transparent !important}
.tdb-aj-search .entry-title a,.tdb-aj-search a{color:var(--jb-text) !important}
.tdb-aj-search .td-module-meta-info *,.tdb-aj-search .td-post-date *{color:var(--jb-muted) !important}

/* Sticky desktop header shows categories instead of the main menu */
.td-header-desktop-sticky-wrap .tdb_header_menu{display:none !important}
.td-header-desktop-sticky-wrap .vc_column .wpb_wrapper,.td-header-desktop-sticky-wrap .wpb_wrapper{display:flex !important;align-items:center;gap:24px}
.td-header-desktop-sticky-wrap .tdb_header_logo{flex:0 0 auto}
.td-header-desktop-sticky-wrap .tdb_header_search{margin-left:auto}
.jb-stickycats{flex:1 1 auto;min-width:0;display:flex;gap:4px 20px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.jb-stickycats::-webkit-scrollbar{display:none}
.jb-stickycats a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:46px;color:var(--jb-muted);text-decoration:none;border-bottom:2px solid transparent}
.jb-stickycats a:hover{color:var(--jb-gold-text)}
.jb-stickycats a.is-active{color:var(--jb-text);border-bottom-color:var(--jb-gold)}

/* Grouped category nav (bar under header + sticky header): replaces earlier .jb-catnav / .jb-stickycats rules */
.jb-catnav{position:relative;z-index:60}
.jb-catnav .jb-nav-in{max-width:1068px;margin:0 auto;display:flex;flex-wrap:wrap;gap:0 24px;align-items:center;min-height:40px}
.jb-catnav .jb-top{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:40px;color:var(--jb-muted);text-decoration:none;background:none;border:0;border-bottom:2px solid transparent;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.jb-catnav .jb-top:hover,.jb-catnav .jb-grp:hover > .jb-top,.jb-catnav .jb-grp.is-open > .jb-top{color:var(--jb-gold-text)}
.jb-catnav .jb-top.is-active{color:var(--jb-text);border-bottom-color:var(--jb-gold)}
.jb-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7}
.jb-grp{position:relative}
.jb-sub{display:none;position:absolute;top:100%;left:-12px;min-width:200px;padding:6px 0;background:var(--jb-surface);border:1px solid var(--jb-border);border-top:2px solid var(--jb-gold);border-radius:0 0 6px 6px;box-shadow:0 8px 20px rgba(0,0,0,.18);z-index:1000}
.jb-grp:hover > .jb-sub,.jb-grp:focus-within > .jb-sub,.jb-grp.is-open > .jb-sub{display:block}
.jb-sub a{display:block;padding:0 16px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:36px;color:var(--jb-text) !important;text-decoration:none;white-space:nowrap}
.jb-sub a:hover,.jb-sub a.is-active{background:var(--jb-surface2);color:var(--jb-gold-text) !important}
.jb-catnav.jb-stickycats{background:none;border:0;flex:1 1 auto;min-width:0}
.jb-stickycats .jb-nav-in{max-width:none;margin:0;flex-wrap:nowrap}
.jb-stickycats .jb-top{font-size:15px;line-height:46px}
.jb-stickycats .jb-sub{top:calc(100% + 1px)}
.jb-mobile-sub a{padding-left:34px !important;font-size:14px !important}
.jb-sub a{border-bottom:0 !important}
.jb-catnav.jb-stickycats{overflow:visible}

/* Pagination "Page X of Y": theme leaves 0 right padding, so the text looked clipped */
.page-nav .pages{padding:6px 12px !important;white-space:nowrap}

/* Footer block titles: gold text on the normal background instead of a gold box */
.td-footer-wrap .td-block-title > *{background:transparent !important;color:var(--jb-gold-text) !important;padding-left:0 !important;padding-right:0 !important}
.td-footer-wrap .td-block-title > *:before,.td-footer-wrap .td-block-title > *:after{display:none !important}

/* Desktop + sticky header search icon: was black (invisible in dark mode) */
.td-header-desktop-wrap .tdb-head-search-btn svg,.td-header-desktop-wrap .tdb-head-search-btn svg *,.td-header-desktop-sticky-wrap .tdb-head-search-btn svg,.td-header-desktop-sticky-wrap .tdb-head-search-btn svg *{fill:var(--jb-gold-text) !important}

/* Footer is dark in both modes: use the bright gold for its headings */
.td-footer-wrap .td-block-title > *{color:var(--jb-gold) !important}

/* Article "Share" button: theme hard-codes dark grey text + white arrow (invisible in dark mode) */
.td-social-share-text,.td-social-share-text .td-social-but-icon,.td-social-share-text .td-social-but-text,.td-social-share-text i{color:var(--jb-text) !important}
.td-social-share-text{border-color:var(--jb-border) !important;background:var(--jb-bg) !important}
.td-social-share-text:before{border-left-color:var(--jb-border) !important}
.td-social-share-text:after{border-left-color:var(--jb-bg) !important}

/* Search dropdown pointer arrow: match the panel instead of hard-coded white */
.tdb-head-search-btn:after{border-bottom-color:var(--jb-surface) !important}

/* Header social tiles (Discord, Facebook, X, BlueSky) between the menu and search */
.td-header-desktop-wrap .jb-head-socials{margin:0 6px 0 18px !important}
.jb-head-socials .tdm-social-wrapper{display:flex;gap:6px}
.jb-head-socials .tdm-social-item-wrap{margin:0 !important}
.jb-head-socials .tdm-social-item{width:32px !important;height:32px !important;margin:0 !important;border:1px solid var(--jb-border) !important;background:var(--jb-surface) !important;border-radius:6px !important}
.jb-head-socials .tdm-social-item i{color:var(--jb-gold-text) !important;font-size:13px !important;line-height:30px !important}
.jb-head-socials .tdm-social-item:hover{background:var(--jb-gold) !important;border-color:var(--jb-gold) !important}
.jb-head-socials .tdm-social-item:hover i{color:#212529 !important}
/* same tiles at the bottom of the mobile menu */
.jb-mobile-social{display:flex !important;gap:10px;padding:18px 0 6px !important}
.jb-mobile-social a{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;padding:0 !important;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#d5ad64 !important;font-size:16px}
/* hide the floating light/dark toggle while the mobile menu is open (it covered the first social tile) */
body.td-menu-mob-open-menu .jb-theme-toggle{display:none !important}
/* Mobile menu panel: theme overlay is 50-60% see-through (meant for a background photo we do not use) -> solid dark */
.td-menu-background{background:#1b1e21 !important}

/* JudgeHub menu item as an outlined button, matching "Resources & Articles" on judge.fabtcg.com
   (menu item has CSS class jb-menu-btn: Appearance > Menus) */
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn{display:inline-flex;align-items:center;margin-left:8px}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a{border:1px solid #cdae77 !important;border-radius:6px !important;padding:6px 12px !important;line-height:24px !important;height:auto !important}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a .tdb-menu-item-text{color:var(--jb-text) !important;font-weight:500 !important;font-size:16px !important;line-height:24px !important}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a:hover .tdb-menu-item-text{color:var(--jb-gold-text) !important}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a:after,.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a .tdb-menu-item-text:after{display:none !important}

/* JudgeHub button: same 32px height as the social tiles */
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a{padding:0 12px !important;height:32px !important;line-height:30px !important;display:inline-flex !important;align-items:center;box-sizing:border-box}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn > a .tdb-menu-item-text{line-height:30px !important}
.td-header-desktop-wrap .tdb-menu > li.jb-menu-btn{height:48px;align-items:center;vertical-align:top}

/* Footer follows the light/dark palette (was dark in both modes). Light: light grey; dark: unchanged. */
:root{--jb-foot-bg:var(--jb-surface);--jb-foot-bar:var(--jb-surface2)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--jb-foot-bg:#212529;--jb-foot-bar:#1b1e21}}
:root[data-theme="dark"]{--jb-foot-bg:#212529;--jb-foot-bar:#1b1e21}
html body .td-footer-wrap .td-element-style{background-color:var(--jb-foot-bg) !important}
html body .td-footer-wrap .tdc-row:last-child .td-element-style{background-color:var(--jb-foot-bar) !important}
html body .td-footer-wrap .tdc-row{background-color:transparent !important}
html body .td-footer-wrap{border-top:1px solid var(--jb-border)}
html body .td-footer-wrap .entry-title a,html body .td-footer-wrap .td-module-title a,html body .td-footer-wrap .td-cat-name,html body .td-footer-wrap .td-cat-no,html body .td-footer-wrap .tdm-title,html body .td-footer-wrap .tdm-descr,html body .td-footer-wrap p{color:var(--jb-text) !important}
html body .td-footer-wrap .td-post-date,html body .td-footer-wrap .td-post-date *,html body .td-footer-wrap .td_block_list_menu a,html body .td-footer-wrap .tdm-descr a{color:var(--jb-muted) !important}
html body .td-footer-wrap .entry-title a:hover,html body .td-footer-wrap .td-cat-name:hover,html body .td-footer-wrap .td_block_list_menu a:hover,html body .td-footer-wrap a:hover .td-cat-name{color:var(--jb-gold-text) !important}
html body .td-footer-wrap .td-block-title > *{color:var(--jb-gold-text) !important}
html body .td-footer-wrap .tdm-social-item{background:var(--jb-surface2) !important;border:1px solid var(--jb-border) !important}
html body .td-footer-wrap .tdm-social-item i{color:var(--jb-gold-text) !important}
html body .td-footer-wrap .tdm-social-item:hover{background:var(--jb-gold) !important}
html body .td-footer-wrap .tdm-social-item:hover i{color:#212529 !important}
html body .td-footer-wrap .jb-foot-contact a{color:var(--jb-gold-text) !important}
html body .td-footer-wrap .td-blm-menu-item-txt,html body .td-footer-wrap .jb-foot-contact{color:var(--jb-muted) !important}
html body .td-footer-wrap .td_block_list_menu a:hover .td-blm-menu-item-txt{color:var(--jb-gold-text) !important}