/*
Theme Name: Better Pies
Theme URI: https://good-pies.com/
Author: Ross Floate
Description: A simple flour-bag-and-zine inspired classic theme for Good Pies.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: better-pies
*/

:root{
  --paper:#EADFC8;
  --ink:#211B17;
  --red:#A92A21;
  --muted:#655D53;
  --rule:rgba(0,0,0,.70);
  --max:980px;
  --post:830px;
}

*{box-sizing:border-box}
html{background:var(--paper)}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Andada Pro",Georgia,serif;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1000;
  opacity:.075;
  mix-blend-mode:multiply;
  background-image:
    repeating-linear-gradient(0deg,rgba(20,15,10,.025) 0 1px,transparent 1px 5px),
    radial-gradient(circle,rgba(20,15,10,.09) 0 .45px,transparent .55px);
  background-size:auto,7px 7px;
}
img{max-width:100%;height:auto}
a{color:var(--red)}
.site-wrap{width:min(calc(100% - 30px),var(--max));margin:auto}
.post-wrap{width:min(calc(100% - 30px),var(--post));margin:auto}

/* header */
.site-header{
  border-bottom:1px solid var(--rule);
  padding:24px 0 18px;
}
.header-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
}
.site-title{
  margin:0;
  font-family:"Rubik Distressed",sans-serif;
  font-size:clamp(3rem,8vw,5.8rem);
  line-height:.84;
  font-weight:400;
}
.site-title a{text-decoration:none;color:var(--red)}
.tagline{margin:.65rem 0 0;font-family:"Piedra",serif;font-size:1.22rem;line-height:1.15;font-weight:400;color:var(--ink)}
.site-nav ul{
  display:flex;gap:8px;flex-wrap:wrap;
  list-style:none;margin:0;padding:0;
}
.site-nav a{
  display:block;
  text-decoration:none;
  border:1.5px solid var(--red);
  padding:.36rem .58rem;
  font-weight:600;
}

/* home */
.home-main{padding:38px 0 64px}
.home-title{
  margin:0 0 12px;
  font-family:"Piedra",serif;
  color:var(--ink);
  font-size:clamp(2.05rem,4.5vw,3.3rem);
  line-height:.98;
  font-weight:400;
}
.home-intro{font-family:"Piedra",serif;font-size:1.28rem;line-height:1.2;color:var(--ink);margin:0 0 36px}
.report{
  display:grid;
  grid-template-columns:44% 56%;
  gap:28px;
  border-top:1px solid var(--rule);
  padding:28px 0 30px;
  align-items:center;
}
.report-image img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.kicker{
  color:var(--red);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin:0 0 7px;
}
.report-title{
  margin:0 0 8px;
  font-family:"Piedra",serif;
  color:var(--ink);
  font-size:clamp(1.7rem,4vw,2.5rem);
  line-height:1;
  font-weight:400;
}
.report-title a{text-decoration:none;color:var(--ink)}
.report-date{font-size:.88rem;margin-bottom:12px;color:var(--muted)}
.report-excerpt{font-size:1.03rem;line-height:1.6}
.report-excerpt p{margin:.7rem 0}
.read-more{font-weight:600}
.pagination{
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--rule);
  padding:24px 0 12px;
}
.pagination a{
  font-family:"Piedra",serif;
  font-size:1.15rem;
  text-decoration:none;
}

/* posts/pages */
.single-main,.page-main{padding:38px 0 64px}
.entry-title{
  margin:0 0 10px;
  font-family:"Piedra",serif;
  color:var(--ink);
  font-size:clamp(2.4rem,6vw,4.2rem);
  line-height:1.02;
  font-weight:400;
}
.entry-date{color:var(--muted);margin-bottom:24px}
.entry-content{font-size:1.08rem;line-height:1.62}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  font-family:"Piedra",serif;
  color:var(--red);
  font-weight:400;
}
.entry-content h2{font-size:clamp(1.8rem,5vw,2.7rem)}
.entry-content figure{margin-left:0;margin-right:0}
.entry-content figcaption{color:var(--muted);font-size:.82rem}
.entry-content iframe{max-width:100%}
.entry-content .wp-block-embed,
.entry-content .wp-block-jetpack-map,
.entry-content .wp-block-embed__wrapper{
  max-width:100%;
}
.post-end{
  border-top:1px solid var(--rule);
  margin-top:40px;
  padding-top:24px;
}
.good-internetting-slot{
  margin-bottom:30px;
  padding-bottom:28px;
  border-bottom:1px solid var(--rule);
}
.good-internetting-slot h2{
  margin-top:0;
  font-family:"Piedra",serif;
  color:var(--red);
  font-weight:400;
}
.post-nav{
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.post-nav a{
  font-family:"Piedra",serif;
  text-decoration:none;
}

/* WP legacy furniture */
.sharedaddy,.sd-sharing-enabled,.jp-relatedposts,.post-likes-widget-placeholder{
  margin-top:26px;
}
.post-categories,.post-tags,.entry-meta{
  color:var(--muted);
}

/* footer */
.site-footer{
  border-top:1px solid var(--rule);
  padding:24px 0 40px;
}
.site-footer p{margin:0;font-size:.95rem}
.site-footer a{font-weight:700}

/* comments */
.comments-area{margin-top:40px}
.comments-title,.comment-reply-title{
  font-family:"Piedra",serif;
  color:var(--red);
  font-weight:400;
}

/* accessibility */
.screen-reader-text{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

@media(max-width:680px){
  .site-wrap,.post-wrap{width:min(calc(100% - 22px),var(--max))}
  .header-row{flex-direction:column;align-items:flex-start}
  .report{grid-template-columns:1fr;gap:15px;padding:24px 0}
  .site-nav ul{justify-content:flex-start}
  .post-nav{flex-direction:column}
}

.comments-area + .good-internetting-slot,
.good-internetting-slot{
  margin-top:42px;
  padding-top:24px;
  border-top:1px solid var(--rule);
}

/* Single posts: align masthead/navigation with the article grid. */
.single-post .site-header .site-wrap{
  width:min(calc(100% - 30px),var(--post));
}
@media(max-width:680px){
  .single-post .site-header .site-wrap{
    width:min(calc(100% - 22px),var(--post));
  }
}