/*
Theme Name: The Montana Review
Theme URI: https://montanareview.com
Author: The Montana Review
Description: An editorial, newspaper-of-record theme for an independent regional publication. Warm newsprint light palette, Caslon nameplate, copper accents. Front page, article, archive, and page templates included.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: montana-review
*/

:root{
  color-scheme:light;
  --paper:#f6f2e8;
  --paper-2:#efe9da;
  --ink:#16222d;
  --ink-soft:#3a4750;
  --navy:#0f1b27;
  --copper:#9d5630;
  --copper-bright:#b4673a;
  --pine:#2c4636;
  --rule:#c9bea7;
  --muted:#6a6356;
  --gold:#b8882f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#f6f2e8}
body{
  color:var(--ink);
  font-family:"Newsreader",Georgia,serif;line-height:1.5;-webkit-font-smoothing:antialiased;
  background-color:#f6f2e8;
  background-image:
    linear-gradient(180deg,#f7f3ea,#f4efe3),
    radial-gradient(circle at 15% 10%, rgba(157,86,48,.05), transparent 40%),
    radial-gradient(circle at 85% 0%, rgba(44,70,54,.05), transparent 45%);
  background-attachment:fixed;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--copper)}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px;position:relative;z-index:2}
.kicker{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.18em;font-weight:600}

/* utility bar */
.utility{border-bottom:1px solid var(--ink);background-image:linear-gradient(#f6f2e8,#f6f2e8)}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:500;color:var(--ink-soft);padding-top:9px;padding-bottom:9px}
.utility .center{letter-spacing:.22em;color:var(--copper);font-weight:600}
.utility a{color:inherit;text-decoration:none}
.utility .right{display:flex;gap:18px;align-items:center}
.utility .sub{background-image:linear-gradient(var(--ink),var(--ink));color:var(--paper);padding:4px 11px;letter-spacing:.16em;font-weight:600}

/* masthead */
.masthead{padding:30px 0 16px;text-align:center;position:relative;overflow:hidden;background-image:linear-gradient(#f6f2e8,#f6f2e8)}
.mast-rule{display:flex;align-items:center;gap:16px;justify-content:center;color:var(--ink-soft);font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:11px;font-weight:600}
.mast-rule .ln{height:1px;flex:1;max-width:200px;background:linear-gradient(90deg,transparent,var(--ink))}
.mast-rule .ln.r{background:linear-gradient(90deg,var(--ink),transparent)}
.nameplate{font-family:"Libre Caslon Display",Georgia,serif;font-size:clamp(40px,8.5vw,104px);line-height:.92;letter-spacing:-.01em;color:var(--navy);margin:14px 0 6px;font-weight:400}
.nameplate a{color:inherit;text-decoration:none}
.nameplate .the{display:block;font-size:.32em;letter-spacing:.42em;text-transform:uppercase;color:var(--copper);margin-bottom:2px;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600}
.motto{font-style:italic;color:var(--muted);font-size:16px;margin-top:6px}
.mountains{position:absolute;left:50%;width:min(1100px,94%);transform:translateX(-50%);top:30px;opacity:.06;z-index:0;pointer-events:none}
.masthead>*{position:relative;z-index:1}
.underline-bar{border-top:3px double var(--ink);border-bottom:1px solid var(--ink);padding:7px 0;margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11.5px;font-weight:600;color:var(--ink-soft)}

/* nav */
.site-nav{border-bottom:1px solid var(--ink);background-image:linear-gradient(#f6f2e8,#f6f2e8);position:sticky;top:0;z-index:30}
.site-nav .wrap{display:flex;justify-content:center;flex-wrap:wrap;padding-top:0;padding-bottom:0}
.site-nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}
.site-nav a{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:12.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:13px 20px;position:relative;display:block}
.site-nav li:not(:last-child) a::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:13px;width:1px;background:var(--rule)}
.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--copper)}

/* front grid */
.front{display:grid;grid-template-columns:1fr 1.9fr 1fr;padding-top:26px}
.col{padding:0 24px}
.col.left{padding-left:0;border-right:1px solid var(--rule)}
.col.center{border-right:1px solid var(--rule)}
.col.right{padding-right:0}
.lead .kicker{color:var(--copper);font-size:12.5px;letter-spacing:.2em}
.lead h1{font-family:"Newsreader",serif;font-weight:600;font-size:clamp(30px,4.3vw,52px);line-height:1.04;letter-spacing:-.015em;margin:8px 0 12px}
.lead h1 a{color:var(--navy);text-decoration:none}
.lead h1 a:hover{color:var(--copper)}
.standfirst{font-size:19px;color:var(--ink-soft);font-style:italic;line-height:1.45;margin-bottom:14px}
.byline{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:var(--muted);font-weight:600;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:7px 0;margin-bottom:16px;display:flex;justify-content:space-between;gap:10px}
.hero-art{height:300px;border:1px solid var(--ink);margin-bottom:8px;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover}
.cap{font-family:"Barlow Semi Condensed",sans-serif;font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase;margin-bottom:16px;font-weight:500}
.lead p.body,.lead .excerpt p{font-size:16px;line-height:1.6;margin-bottom:13px;text-align:justify;hyphens:auto}
.lead .excerpt{columns:2;column-gap:24px;column-rule:1px solid var(--rule)}
.lead .excerpt p:first-of-type::first-letter{font-family:"Libre Caslon Display",serif;float:left;font-size:64px;line-height:.74;padding:6px 10px 0 0;color:var(--copper)}

/* labels + list items */
.digest-label{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;color:var(--paper);background-image:linear-gradient(var(--navy),var(--navy));padding:5px 10px;display:inline-block;margin-bottom:14px}
.digest-label.copper{background-image:linear-gradient(var(--copper),var(--copper))}
.digest-label.pine{background-image:linear-gradient(var(--pine),var(--pine))}
.item{padding:14px 0;border-bottom:1px solid var(--rule)}
.item:first-of-type{padding-top:0}
.item:last-child{border-bottom:0}
.item .kicker{font-size:10.5px;color:var(--copper);letter-spacing:.16em}
.item h3{font-family:"Newsreader",serif;font-weight:600;font-size:21px;line-height:1.12;margin:5px 0 6px}
.item h3.sm{font-size:18px}
.item h3 a{color:var(--navy);text-decoration:none}
.item p{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
.item .by{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--muted);font-weight:600;margin-top:7px}
a.story{text-decoration:none;color:inherit;display:block}
a.story:hover h3{color:var(--copper)}
.thumb{height:120px;border:1px solid var(--ink);margin-bottom:10px;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}

/* opinion box */
.opinion{background-image:linear-gradient(var(--paper-2),var(--paper-2));border:1px solid var(--ink);padding:18px;margin-top:4px}
.opinion h3{font-family:"Newsreader",serif;font-weight:600;font-size:20px;margin:6px 0;color:var(--navy)}
.opinion h3 a{color:inherit;text-decoration:none}
.quote{font-family:"Libre Caslon Display",serif;font-size:21px;line-height:1.3;color:var(--navy);margin:10px 0;font-style:italic}

/* section header */
.section-head{display:flex;align-items:center;gap:18px;margin:42px 0 22px;border-top:3px double var(--ink);padding-top:14px}
.section-head h2{font-family:"Libre Caslon Display",serif;font-size:30px;color:var(--navy);font-weight:400;white-space:nowrap}
.section-head h2 a{color:inherit;text-decoration:none}
.section-head .ln{height:1px;flex:1;background:var(--rule)}
.section-head .tag{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--copper);font-weight:600}

/* cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card .thumb{height:150px}
.card .kicker{font-size:10.5px;color:var(--pine);letter-spacing:.16em}
.card h3{font-family:"Newsreader",serif;font-weight:600;font-size:19px;line-height:1.14;margin:6px 0 6px;color:var(--navy)}
.card p{font-size:14px;color:var(--ink-soft);line-height:1.5}

/* capitol strip */
.strip{background-image:linear-gradient(135deg,#13202d,#0c1620);color:var(--paper);margin-top:46px;border-top:4px solid var(--copper)}
.strip .wrap{padding:30px 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}
.strip .kicker{color:var(--gold);font-size:11px;letter-spacing:.2em}
.strip h3{font-family:"Newsreader",serif;font-weight:500;font-size:clamp(20px,2vw,26px);line-height:1.12;margin:8px 0;color:#fff}
.strip h3 a{color:inherit;text-decoration:none}
.strip p{color:#cdd4cf;font-size:14.5px;line-height:1.55}
.strip .divset{border-left:1px solid rgba(255,255,255,.18);padding-left:30px}
.strip h4{font-family:"Newsreader",serif;font-weight:600;font-size:18px;margin-bottom:6px;line-height:1.15}
.strip a{color:inherit;text-decoration:none}
.strip a:hover h3,.strip a:hover h4{color:var(--gold)}

/* article (single / page) */
.article{max-width:760px;margin:34px auto 0}
.article .kicker{color:var(--copper);font-size:12.5px;letter-spacing:.2em}
.article h1.title{font-family:"Newsreader",serif;font-weight:600;font-size:clamp(30px,5vw,50px);line-height:1.05;letter-spacing:-.015em;color:var(--navy);margin:8px 0 14px}
.article .standfirst{font-size:21px}
.article-figure{margin:18px 0 8px;border:1px solid var(--ink)}
.article-figure .hero-art{border:0;height:auto;aspect-ratio:7/3}
.article-body{font-size:18px;line-height:1.72;color:var(--ink)}
.article-body p{margin-bottom:18px}
.article-body>p:first-of-type::first-letter{font-family:"Libre Caslon Display",serif;float:left;font-size:74px;line-height:.7;padding:8px 12px 0 0;color:var(--copper)}
.article-body h2{font-family:"Newsreader";font-weight:600;color:var(--navy);font-size:28px;margin:26px 0 10px}
.article-body blockquote{border-left:3px solid var(--copper);margin:22px 0;padding:4px 0 4px 22px;font-family:"Libre Caslon Display",serif;font-style:italic;font-size:24px;color:var(--navy);line-height:1.3}
.article-body a{color:var(--copper);text-underline-offset:3px}
.article-foot{margin-top:30px;border-top:3px double var(--ink);padding-top:14px;font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}
.article-foot a{color:var(--copper);text-decoration:none}

/* archive */
.archive-head{margin:30px 0 6px}
.archive-head .kicker{color:var(--copper);font-size:12px;letter-spacing:.2em}
.archive-head h1{font-family:"Libre Caslon Display",serif;font-weight:400;font-size:clamp(34px,6vw,56px);color:var(--navy);line-height:1;margin:6px 0 8px}
.archive-head .desc{font-style:italic;color:var(--ink-soft);font-size:18px;border-bottom:1px solid var(--ink);padding-bottom:16px;margin-bottom:6px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:24px 0 10px}
.pagination{display:flex;gap:10px;justify-content:center;padding:30px 0 50px;font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.pagination .page-numbers{padding:8px 13px;border:1px solid var(--ink);color:var(--ink);text-decoration:none}
.pagination .current{background:var(--ink);color:var(--paper)}

/* static page */
.page-body{max-width:760px;margin:30px auto 0;font-size:18px;line-height:1.72}
.page-body p{margin-bottom:18px}
.page-body h2{font-family:"Newsreader";font-weight:600;color:var(--navy);font-size:26px;margin:24px 0 10px}

/* footer */
.site-footer{border-top:1px solid var(--ink);background-image:linear-gradient(#f6f2e8,#f6f2e8);margin-top:46px}
.foot-mast{text-align:center;padding:34px 0 10px}
.foot-mast .np{font-family:"Libre Caslon Display",serif;font-size:38px;color:var(--navy);text-decoration:none;display:inline-block}
.foot-mast .np .the{font-family:"Barlow Semi Condensed",sans-serif;font-size:12px;letter-spacing:.4em;color:var(--copper);text-transform:uppercase;display:block}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:24px 0 30px;border-top:1px solid var(--rule)}
.foot-cols h5{font-family:"Barlow Semi Condensed",sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--copper);font-weight:700;margin-bottom:11px}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols a{display:block;color:var(--ink-soft);text-decoration:none;font-size:14px;padding:3px 0}
.foot-cols a:hover{color:var(--copper)}
.colophon{border-top:1px solid var(--ink);padding:16px 0 40px;font-family:"Barlow Semi Condensed",sans-serif;font-size:11px;letter-spacing:.06em;color:var(--muted);text-align:center;line-height:1.7}
.colophon .sep{color:var(--copper);margin:0 8px}

@media(max-width:900px){
  .front{grid-template-columns:1fr}
  .col{padding:0!important;border:0!important}
  .col.left,.col.right{border-top:1px solid var(--rule);padding-top:20px!important;margin-top:20px}
  .col.center{border-right:0!important}
  .lead .excerpt{columns:1}
  .grid4,.post-grid{grid-template-columns:1fr 1fr}
  .strip .wrap{grid-template-columns:1fr;gap:22px}
  .strip .divset{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0;padding-top:20px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .utility .center{display:none}
}
@media(max-width:560px){.grid4,.post-grid{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr}}