/*
Theme Name: MagazineHoot_warOnPoor
Template: magazine-hoot
Author: Pleazie
Description: War On Poor child theme of Magazine Hoot. Clean white newspaper layout: serif masthead, dateline, quiet navy and red accents.
Version: 2.0.0
*/

:root{
  --wp-ink:#111;
  --wp-body:#222;
  --wp-mute:#5b5b5b;
  --wp-line:#d9d9d9;
  --wp-navy:#14213D;
  --wp-red:#A8112A;
  --wp-wash:#f5f5f3;
  --wp-serif-head:'Playfair Display','Times New Roman',Georgia,serif;
  --wp-serif-body:'Source Serif 4',Georgia,'Times New Roman',serif;
}

/* ---------- Base ---------- */
html{-webkit-text-size-adjust:100%}
body,#page-wrapper{background:#fff !important}
body{border-top:0 !important}
body{color:var(--wp-body);font-family:var(--wp-serif-body);font-size:18px;line-height:1.65}
a{color:var(--wp-navy)}
a:hover{color:var(--wp-red)}
:focus-visible{outline:3px solid var(--wp-navy);outline-offset:3px}
h1,h2,h3,h4,h5,h6,.entry-title,.widget-title{font-family:var(--wp-serif-head);color:var(--wp-ink);letter-spacing:-.005em}
.screen-reader-text:focus{background:#000;color:#fff;padding:12px 18px;z-index:100000}

/* ---------- Dateline ---------- */
.pz-dateline{background:#fff;border-bottom:1px solid var(--wp-line);font:600 .82rem/1 var(--wp-serif-body);color:var(--wp-mute)}
.pz-dateline__in{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1260px;margin:0 auto;padding:0 20px;min-height:40px}
.pz-dateline a{color:var(--wp-navy);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:40px}
.pz-dateline a:hover{color:var(--wp-red);text-decoration:underline}

/* ---------- Masthead ---------- */
#header{background:#fff !important;border:0 !important;padding:0 !important}
#header-primary{padding:26px 0 14px !important;text-align:center}
#header-primary .table,#header-primary .hgrid-span-12{display:block;text-align:center}
#branding,#branding .table-cell-mid{display:block !important;float:none !important;width:100% !important;text-align:center !important}
#header #site-logo,#header #site-logo-text{text-align:center !important}
#header #site-title,#header #site-title a{font-family:var(--wp-serif-head) !important;font-weight:900 !important;font-size:clamp(2.4rem,7.2vw,4.6rem) !important;line-height:1 !important;letter-spacing:-.015em !important;color:var(--wp-ink) !important;text-transform:none !important;text-decoration:none;background:none !important;padding:0 !important;margin:0 !important}
#header #site-title a:hover{color:var(--wp-navy) !important}
#header #site-title a:after,#header #site-title:after{content:none !important;display:none !important}
#header #site-description,#site-description,.site-description{display:none !important}
#header-aside{display:none !important}

/* ---------- Navigation ---------- */
#header-supplementary,#header-supplementary .menu-nav-box,.menu-nav-box{background:#fff !important;border:0 !important;box-shadow:none !important}
#header-supplementary{border-top:3px double var(--wp-ink) !important;border-bottom:1px solid var(--wp-line) !important}
#header-supplementary .hgrid-span-12{text-align:center}
#menu-secondary-items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;float:none !important;width:auto !important}
#menu-secondary-items>li{float:none !important;border:0 !important}
#menu-secondary-items>li>a,#menu-secondary-items>li>a .menu-title{background:transparent !important;color:var(--wp-ink) !important;font-family:var(--wp-serif-body) !important;font-weight:700 !important;font-size:.95rem !important;text-transform:none !important;letter-spacing:0 !important;line-height:1.2 !important;border:0 !important;box-shadow:none !important}
#menu-secondary-items>li>a{padding:14px 15px !important;display:block}
#menu-secondary-items>li>a:hover,#menu-secondary-items>li.current-menu-item>a,#menu-secondary-items>li.current-cat>a{color:var(--wp-red) !important;box-shadow:inset 0 -3px 0 var(--wp-red) !important}
#menu-secondary-items>li>a:hover .menu-title{color:var(--wp-red) !important}
#menu-secondary-items>li.menu-cta>a{background:var(--wp-navy) !important;color:#fff !important;margin:6px 0 6px 10px;padding:10px 18px !important}
#menu-secondary-items>li.menu-cta>a .menu-title{color:#fff !important}
#menu-secondary-items>li.menu-cta>a:hover{background:var(--wp-red) !important;box-shadow:none !important}
#menu-secondary-items>li.menu-cta>a:hover .menu-title{color:#fff !important}
#menu-secondary-items i,.sf-arrows .sf-with-ul:after{display:none}
#menu-secondary-items>li:before,#menu-secondary-items>li:after,.menu-highlight>li:before,.menu-highlight>li:after{content:none !important;display:none !important;border:0 !important}
.menu-highlight>li{border-color:transparent !important}

/* ---------- Front page + archives: lead story, then three columns ---------- */
#main{background:#fff;padding-top:0 !important}
#frontpage-wrap,#frontpage-page-content,.main-content-grid,#content-archive,.frontpage-area{padding-top:0 !important;margin-top:0 !important}
.frontpage-blog-content,#frontpage-page-content{padding-top:8px}
#archive-wrap{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px;padding:28px 0 10px;margin:0 !important}
#archive-wrap:before,#archive-wrap:after{display:none !important}
#archive-wrap>article{float:none !important;width:auto !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;display:flex;flex-direction:column}
#archive-wrap>article .entry-grid{display:flex;flex-direction:column;margin:0 !important;padding:0 !important;width:100% !important}
#archive-wrap>article .entry-featured-img-wrap{float:none !important;width:100% !important;margin:0 0 14px !important;padding:0 !important}
#archive-wrap>article .entry-featured-img-wrap img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--wp-wash)}
#archive-wrap>article .entry-grid-content{float:none !important;width:100% !important;padding:0 !important;margin:0 !important}
#archive-wrap>article:first-child{grid-column:1/-1;border-bottom:1px solid var(--wp-line);padding-bottom:34px !important}
#archive-wrap>article:first-child .entry-grid{flex-direction:row;align-items:center;gap:40px}
#archive-wrap>article:first-child .entry-featured-img-wrap{flex:1.5 1 0;margin:0 !important}
#archive-wrap>article:first-child .entry-grid-content{flex:1 1 0}
#archive-wrap>article:first-child .entry-title{font-size:clamp(1.7rem,2.9vw,2.45rem) !important;line-height:1.1 !important}
.entry-title{font-size:1.4rem;line-height:1.18 !important}
.entry-title,.entry-title a{font-family:var(--wp-serif-head) !important;font-weight:800 !important;color:var(--wp-ink) !important;text-decoration:none;text-transform:none !important;letter-spacing:-.005em}
.entry-title a{font-size:inherit !important;line-height:inherit !important}
.entry-title a:hover{color:var(--wp-red) !important}
.entry-header{margin:0 0 6px !important;padding:0 !important}
.entry-byline,.entry-byline *{font-family:var(--wp-serif-body);font-size:.84rem !important;color:var(--wp-mute) !important;text-transform:none !important;letter-spacing:0 !important}
.entry-byline{margin:6px 0 10px !important;display:flex;flex-wrap:wrap;gap:2px 12px}
.entry-byline-label,.entry-byline-author,.entry-byline-block.entry-byline-author{display:none !important}
.entry-byline .entry-byline-cats a,.entry-byline-cats a{color:var(--wp-red) !important;font-weight:700;text-decoration:none;text-transform:capitalize}
.entry-byline-block:after{content:none !important}
.entry-summary,.entry-content,.entry-summary p{font-size:1rem;line-height:1.6;color:var(--wp-body)}
span.more-link{display:block !important;float:none !important;margin:8px 0 0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
span.more-link a,.more-link a{display:inline-flex;align-items:center;min-height:44px;background:transparent !important;color:var(--wp-navy) !important;font:700 .92rem var(--wp-serif-body) !important;text-transform:none !important;text-decoration:underline;text-decoration-color:var(--wp-red);padding:0 !important;border:0 !important;box-shadow:none !important}
span.more-link a:hover{color:var(--wp-red) !important}
.entry-footer,.entry-footer-meta{display:none}

/* ---------- Single posts ---------- */
.single .entry-title{font-size:clamp(2rem,4.4vw,3.1rem) !important;line-height:1.08 !important;font-weight:900 !important}
.single .entry-content{font-size:1.125rem;line-height:1.75;max-width:720px}
.single .entry-content p{font-size:1.125rem;line-height:1.75}
.entry-content a{text-decoration:underline;text-decoration-color:var(--wp-red);text-decoration-thickness:2px}
.pleazie-take,.pleazie-kurisutaru,.pleazie-why,.pleazie-action,.pleazie-callout{background:var(--wp-wash) !important;border-left:4px solid var(--wp-navy) !important}
.pleazie-take>p:first-child,.pleazie-kurisutaru>p:first-child,.pleazie-why>p:first-child,.pleazie-action>p:first-child{color:var(--wp-red) !important;font-weight:800}
.pleazie-pullquote{border-left:4px solid var(--wp-ink) !important;color:var(--wp-ink) !important}
.pleazie-image-credit{color:var(--wp-mute) !important}
/* AI-image disclosure label: stronger than a photo credit */
.pleazie-image-credit.pleazie-ai-label{color:var(--wp-ink) !important;font-weight:600}

/* ---------- Mailing list band ---------- */
.pz-join{background:var(--wp-wash);border-top:1px solid var(--wp-line);margin:36px 0 0;padding:36px 20px}
.pz-join__inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.pz-join__text{flex:1 1 360px}
.pz-join h2,.pz-join__title{margin:0 0 6px;font:800 1.55rem/1.15 var(--wp-serif-head);color:var(--wp-ink)}
.pz-join p,.pz-join__copy{margin:0;color:var(--wp-body);font-size:1rem;line-height:1.5}
.pz-join__form{display:flex;flex:1 1 360px;max-width:460px}
.pz-join__form input[type=email]{flex:1;min-width:0;min-height:48px;padding:0 14px;border:2px solid var(--wp-ink);border-right:0;border-radius:0;background:#fff;color:var(--wp-ink);font:1rem var(--wp-serif-body)}
.pz-join__form button{min-height:48px;padding:0 22px;border:2px solid var(--wp-navy) !important;border-radius:0 !important;background:var(--wp-navy) !important;color:#fff !important;font:700 1rem var(--wp-serif-body) !important;cursor:pointer;box-shadow:none !important;text-transform:none !important}
.pz-join__form button:hover{background:var(--wp-red) !important;border-color:var(--wp-red) !important}

/* ---------- Footer ---------- */
.pz-legal{display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:center;padding:22px 20px 4px}
.pz-legal a,.pz-legal button{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--wp-ink);font:600 .92rem var(--wp-serif-body);text-decoration:none;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0;cursor:pointer;text-transform:none}
.pz-legal a:hover,.pz-legal button:hover{color:var(--wp-red);text-decoration:underline}
#post-footer,.post-footer{background:#fff !important;color:var(--wp-mute) !important;border-top:1px solid var(--wp-line);padding:14px 20px 34px}
#post-footer .credit,#post-footer p{color:var(--wp-mute) !important;font-size:.85rem;text-align:center}
#post-footer .credit{display:none}
.pz-copy{text-align:center;color:var(--wp-mute);font-size:.85rem;margin:0}

/* ---------- Consent: no floating re-open tab; footer has "Cookie settings" ---------- */
#cookie-law-info-again{display:none !important}
#cookie-law-info-bar{font-family:var(--wp-serif-body) !important}

/* Hoot dims the page when its side menu opens; ours is inline now */
.fixedmenu-open body:before{display:none !important}
span.more-link{display:none !important}

/* ---------- Tablet ---------- */
@media (max-width:64em){
  #archive-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- Mobile ---------- */
@media (max-width:969px){
  /* Hoot's default is a floating side tab; make it a plain full-width inline menu */
  #menu-secondary.mobilemenu-fixed .menu-toggle{position:static !important;display:flex !important;align-items:center;justify-content:space-between;width:100% !important;min-height:48px;margin:0 !important;padding:0 20px !important;background:#fff !important;border:0 !important;border-radius:0;box-shadow:none;text-decoration:none;float:none !important}
  #menu-secondary.mobilemenu-fixed .menu-toggle-text{display:inline !important;font:700 1rem var(--wp-serif-body);color:var(--wp-ink) !important}
  #menu-secondary.mobilemenu-fixed .menu-toggle i{color:var(--wp-ink) !important;font-size:1.2rem}
  #menu-secondary.mobilemenu-fixed #menu-secondary-items{display:none !important;position:static !important;width:100% !important;height:auto !important;overflow:visible !important;border:0 !important;background:#fff !important}
  #menu-secondary.mobilemenu-fixed.mobilemenu-open #menu-secondary-items{display:block !important}
  #menu-secondary-items>li{display:block;width:100%}
  #menu-secondary-items>li>a{display:flex !important;align-items:center;min-height:48px;padding:0 20px !important;border-top:1px solid var(--wp-line) !important;font-size:1rem !important}
  #menu-secondary-items>li.menu-cta>a{margin:12px 16px;justify-content:center}
  #header-supplementary{border-top-width:3px}
}
@media (max-width:42.5em){
  body{font-size:17px}
  .pz-dateline__in{padding:0 16px}
  #header-primary{padding:20px 0 12px !important}
  #archive-wrap{grid-template-columns:1fr;gap:30px;padding-top:20px}
  #archive-wrap>article:first-child .entry-grid{flex-direction:column;align-items:stretch;gap:0}
  #archive-wrap>article:first-child .entry-featured-img-wrap{margin:0 0 14px !important}
  .pz-join{padding:30px 16px}
  .pz-join__form{max-width:none;flex-basis:100%}
}

@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important}}

/* ---------- 2.0.1 fixes ---------- */
#post-footer,.post-footer{box-sizing:border-box;width:100%}
@media (max-width:969px){
  #menu-secondary.mobilemenu-fixed .menu-toggle i{display:none !important}
  #menu-secondary.mobilemenu-fixed .menu-toggle:after{content:"+";font:400 1.7rem/1 var(--wp-serif-body);color:var(--wp-ink)}
  #menu-secondary.mobilemenu-fixed.mobilemenu-open .menu-toggle:after{content:"\2212"}
}

/* tap targets */
.entry-byline .entry-byline-cats a,.entry-byline-cats a{display:inline-block;padding:6px 0;min-height:24px}
.entry-byline{align-items:center}

/* ---------- Frame: two faint vertical rules (web + mobile) ---------- */
html,body{background:#f7f7f5 !important}
#page-wrapper,.pz-dateline{box-sizing:border-box;max-width:1280px;margin-left:auto !important;margin-right:auto !important;width:100%;background:#fff !important;border-left:1px solid rgba(20,33,61,.16);border-right:1px solid rgba(20,33,61,.16)}
.pz-dateline{border-bottom:1px solid var(--wp-line)}
#post-footer,.post-footer{background:#fff !important}


/* News-source cleanup: dateline instead of blog byline; no blog widgets */
.entry-byline-author,.entry-byline-editlink,.entry-byline-label{display:none!important}
.entry-byline-cats{order:-1}
.entry-byline-cats a{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85em}
.entry-byline-date{margin-left:.6em}
.sidebar .widget_search,.sidebar .widget_categories,.sidebar .widget_archive,.sidebar .widget_meta,.sidebar .widget_tag_cloud{display:none!important}

/* Signup thank-you page (/subscribed/) */
.pz-thanks{float:none !important;clear:both;width:auto !important;max-width:640px;margin:56px auto 24px;padding:0 20px;text-align:left}
.pz-thanks~.pz-join{clear:both}
.pz-thanks__kicker{margin:0 0 10px;color:var(--wp-red);font:700 .8rem var(--wp-serif-body);letter-spacing:.12em;text-transform:uppercase}
.pz-thanks__title{margin:0 0 14px;color:var(--wp-ink);font:800 clamp(1.7rem,5vw,2.4rem)/1.12 var(--wp-serif-head)}
.pz-thanks__copy{margin:0 0 14px;color:var(--wp-body);font:1.08rem/1.55 var(--wp-serif-body)}
.pz-thanks__fine{margin:0 0 22px;color:var(--wp-mute);font:.95rem var(--wp-serif-body)}
.pz-thanks__back{display:inline-flex;align-items:center;min-height:44px;color:var(--wp-navy);font:700 1rem var(--wp-serif-body);text-decoration:none;border-bottom:2px solid var(--wp-red)}
.pz-thanks__back:hover{color:var(--wp-red)}