/*
Theme Name: Perthetic Broadsheet
Theme URI: https://perthetic.com/
Author: Perthetic
Description: Old-broadsheet newspaper theme for Perthetic, the satirical news source for Perth and Kinross. Masthead with date and edition number, sectioned front page, Today's Sketch, fictional adverts and Letters to the Editor.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perthetic
Tags: news, blog, two-columns, right-sidebar, custom-menu, featured-images
*/
@font-face{font-family:"UnifrakturMaguntia";src:url(fonts/UnifrakturMaguntia-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Old Standard TT";src:url(fonts/OldStandardTT-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Old Standard TT";src:url(fonts/OldStandardTT-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Old Standard TT";src:url(fonts/OldStandardTT-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
/* --- Original Perthetic CSS (build.py CSS + CSS2) --- */
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:#f1ead8;color:#111}
a{color:inherit;text-decoration:none}a:hover h2,a:hover h3,a:hover li{text-decoration:underline}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.top{font:small-caps 14px Georgia,serif;letter-spacing:1px;border-bottom:1px solid #111;padding:6px 0}.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
header{text-align:center;padding:14px 0 6px}
.logo{font:400 clamp(54px,11vw,124px)/1 "UnifrakturMaguntia",serif;margin:0;letter-spacing:1px}
.tag{font-style:italic;font-size:17px;margin:4px 0 8px}
.ed{display:flex;justify-content:space-between;flex-wrap:wrap;font:small-caps 14px Georgia;letter-spacing:1px;border-top:3px solid #111;border-bottom:1px solid #111;padding:5px 0;outline:1px solid #111;outline-offset:2px}
nav{border-bottom:3px double #111}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
nav a{display:block;font:small-caps bold 15px Georgia;letter-spacing:1px;padding:8px 12px;border-right:1px solid #111}nav li:last-child a{border:0}nav a:hover{background:#111;color:#f1ead8}
.grid{display:grid;grid-template-columns:2.3fr 1fr;margin:18px auto}.grid>div{padding-right:20px;border-right:1px solid #111}aside{padding-left:20px}
.kicker{font:small-caps bold 13px Georgia;letter-spacing:1.5px}
.lead h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:4px 0;text-align:center;font-weight:900}.deck{font-size:19px;font-style:italic;text-align:center;margin:0 0 12px;border-bottom:1px solid #111;padding-bottom:10px}
.img{background:linear-gradient(#999,#555);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font:italic 15px Georgia;color:#eee;text-align:center;padding:20px;border:1px solid #111}
.photo{display:block;width:100%;height:auto;border:1px solid #111;filter:grayscale(1) contrast(1.05)}.thumb{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid #111;filter:grayscale(1);margin-bottom:6px}.colour{filter:none!important}.cap{font:italic 12px Georgia;margin:4px 0 0}
.stories{column-count:3;column-gap:24px;column-rule:1px solid #111;margin-top:18px;border-top:3px double #111;padding-top:14px}
.stories article{break-inside:avoid;border-bottom:1px solid #111;padding-bottom:10px;margin-bottom:12px}.stories h3{font-size:19px;line-height:1.15;margin:3px 0 5px}.stories p{margin:0;font-size:14px;text-align:justify;hyphens:auto}
aside .box{border-top:3px solid #111;border-bottom:1px solid #111;padding:10px 0;margin-bottom:20px}aside h4{font:small-caps bold 17px Georgia;letter-spacing:1px;text-align:center;margin:0 0 8px}
ol{padding-left:22px;margin:0}ol li{margin-bottom:8px;font-size:15px;font-weight:bold}
.op{display:flex;gap:12px}.av{width:64px;height:80px;background:linear-gradient(#aaa,#666);border:1px solid #111;flex:none}.op h5{font-size:18px;margin:0 0 4px}.op p{margin:0;font-size:14px;font-style:italic}
.wx{text-align:center;font:15px Georgia}.wx b{font-size:40px;display:block}
.article h1{font-size:clamp(30px,4.5vw,52px);line-height:1.05;margin:6px 0 10px;font-weight:900}.byline{font:small-caps 14px Georgia;letter-spacing:1px;border-top:1px solid #111;border-bottom:1px solid #111;padding:6px 0;margin:10px 0}
.body{column-count:2;column-gap:28px;column-rule:1px solid #111;font-size:17px;line-height:1.55;text-align:justify;hyphens:auto}.body p{margin:0 0 12px}.body p:first-child::first-letter{float:left;font:400 64px/0.8 "UnifrakturMaguntia",serif;padding:6px 6px 0 0}
.back{display:inline-block;margin:16px 0;font:small-caps bold 14px Georgia;border:1px solid #111;padding:6px 12px}.back:hover{background:#111;color:#f1ead8}
footer{border-top:3px double #111;font:13px/1.6 Georgia;padding:18px 0 28px;text-align:center}footer .logo{font-size:44px}
@media(max-width:860px){.grid{grid-template-columns:1fr}.grid>div{border:0;padding:0}aside{padding:0}.stories{column-count:2}}
@media(max-width:560px){.stories,.body{column-count:1}}

:root{--ink:#141210;--paper:#f3ecd9;--rule:#2a2722}
html{background:#cdc3aa}body{background:transparent;color:var(--ink);font-family:"Old Standard TT",Georgia,"Times New Roman",serif}
.sheet{max-width:1280px;margin:22px auto;background:var(--paper);padding:0 30px 4px;box-shadow:0 0 0 1px #b3a684,0 8px 28px rgba(40,30,10,.28)}
.wrap{max-width:none;padding:0}
.top{font:small-caps 13px "Old Standard TT",Georgia,serif;border-bottom:1px solid var(--rule);padding:6px 0}
header{padding:10px 0 4px}.logo{font-size:clamp(54px,9vw,132px)}.tag{font-size:15px;margin:2px 0 6px}
.ed{font:small-caps 13px "Old Standard TT",Georgia,serif;border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:3px;margin:0 3px}
nav{border-top:1px solid var(--rule);border-bottom:3px double var(--rule);margin-top:10px}nav ul{justify-content:center;row-gap:0}
nav a{font:small-caps bold 13px/1 "Old Standard TT",Georgia,serif;letter-spacing:.4px;padding:7px 6.5px;border-right:1px solid #8a826f;white-space:nowrap}
.grid{grid-template-columns:minmax(0,3fr) minmax(0,1fr);margin:16px 0}.grid>div{border-right:1px solid var(--rule);padding-right:22px}aside{padding-left:22px}
h1,h2,h3,h4,h5,.lead h2{font-family:"Old Standard TT",Georgia,serif}
.kicker{font:small-caps bold 12px "Old Standard TT",Georgia,serif;letter-spacing:1.4px;border-bottom:1px solid #8a826f;display:inline-block;margin-bottom:2px}
.lead{border-bottom:3px double var(--rule);padding-bottom:12px}.lead h2{font-size:clamp(30px,3.6vw,50px);line-height:1.02;letter-spacing:-.5px;font-weight:700}
.deck{font-size:18px;border-bottom:1px solid var(--rule)}
.photo,.thumb{border:1px solid var(--ink);padding:2px;background:#fff8}.cap{font:italic 11.5px/1.35 "Old Standard TT",Georgia,serif;margin:4px 0 0;border-bottom:1px solid #8a826f;padding-bottom:4px}
.stories{column-count:4;column-gap:20px;column-rule:1px solid #8a826f;border-top:0;margin-top:12px;padding-top:4px}
.stories article{border-bottom:1px solid var(--rule)}.stories h3{font-size:17px;line-height:1.08;font-weight:700;letter-spacing:-.2px}
.stories p{font-size:13.5px;line-height:1.38;text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.stories article:first-child h3{font-size:21px}
aside .box{border-top:3px double var(--rule)}aside h4{font:small-caps bold 15px "Old Standard TT",Georgia,serif;letter-spacing:1.5px;border-bottom:1px solid var(--rule);padding-bottom:5px}
ol li{font-size:14px;line-height:1.25}
main.wrap>h2,main.wrap>.kicker{font-family:"Old Standard TT",Georgia,serif}main.wrap>h2{border-top:3px double var(--rule);border-bottom:1px solid var(--rule);padding:6px 0;font-variant:small-caps;letter-spacing:2px}
.article h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.6px;font-weight:700}
.byline{font:small-caps 13px "Old Standard TT",Georgia,serif;letter-spacing:1.2px;border-top:3px double var(--rule)}
.body{font-size:16.5px;line-height:1.5;column-rule:1px solid #8a826f;hyphens:auto;-webkit-hyphens:auto}
.body p+p{text-indent:1.4em}.body p{margin:0 0 6px}
footer{border-top:3px double var(--rule);font:13px/1.6 "Old Standard TT",Georgia,serif}
@media(min-width:1400px){.body{column-count:3}}
@media(max-width:1100px){.stories{column-count:3}}
@media(max-width:860px){.sheet{margin:0;padding:0 14px;box-shadow:none}.grid{grid-template-columns:1fr}.grid>div{border:0;padding:0}aside{padding:0}.stories{column-count:2}nav a{padding:6px 7px;font-size:12px}}
@media(max-width:560px){.stories,.body{column-count:1}.body p+p{text-indent:0}}
/* --- WordPress additions --- */
nav li.menu-campaign>a,nav li.current-menu-item.menu-campaign>a{background:#8b1a1a;color:#f1ead8}
nav .current-menu-item>a{text-decoration:underline}
nav ul ul{display:none}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto;clip:auto;display:inline-block;padding:6px;background:#111;color:#f1ead8}
.section-head{text-align:center;margin:18px 0 0}.section-head h2{font-size:44px;margin:4px 0 0}
.section-title{text-align:center;border-top:3px double var(--rule);border-bottom:1px solid var(--rule);margin:18px 0 0;padding:6px 0;font-variant:small-caps;letter-spacing:2px}
.section-title+.stories{border-top:0;margin-top:0}
.brox-banner{display:block;border:3px double #111;background:#8b1a1a;color:#f1ead8;padding:12px 16px;margin:14px 0;text-align:center}
.brox-banner .b1{font:small-caps bold 14px Georgia;letter-spacing:2px}.brox-banner .b2{font:bold 30px Georgia;line-height:1.1}.brox-banner .b3{font:italic 16px Georgia}
.ad-box{border:2px solid #2a2722;background:#f7f1e3;padding:8px;margin:14px 0;text-align:center}
.ad-label{font:small-caps 11px Georgia;letter-spacing:2px;color:#666;margin-bottom:4px}
.ad-box img{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.ad-box p{font:italic 12px Georgia;margin:6px 0 0;line-height:1.3}
.ads-bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cartoon img{width:100%;height:auto;display:block;border:1px solid #2a2722;margin:6px 0}.cartoon .ct{font:bold 14px 'Old Standard TT',Georgia,serif;text-align:center;margin:4px 0}.cartoon p{font:italic 13px Georgia,serif;margin:4px 0;line-height:1.35}.cartoon small{display:block;text-align:center;color:#555;margin-top:4px}
.page-body{column-count:1;max-width:760px}
.body img,.page-body img{max-width:100%;height:auto}
.body p:first-child::first-letter{float:left}
.pagination{text-align:center;margin:18px 0;font:small-caps bold 14px "Old Standard TT",Georgia,serif}.pagination .page-numbers{display:inline-block;border:1px solid #111;padding:4px 10px;margin:2px}.pagination .current{background:#111;color:#f1ead8}
.search-form{display:flex;gap:6px;justify-content:center;margin:12px 0}.search-form input[type=search]{font:15px Georgia,serif;border:1px solid #111;background:#fffdf8;padding:6px;min-width:0;flex:1;max-width:320px}.search-form button,.search-form input[type=submit]{font:bold 13px Georgia,serif;text-transform:uppercase;background:#111;color:#f4efe4;border:0;padding:6px 12px;cursor:pointer}
.widget{margin-bottom:0}.widget ul{padding-left:18px;margin:0}
.notfound{text-align:center;padding:30px 0}
.ed-list{list-style:none;padding:0;text-align:center}.ed-list li{font-weight:normal;font-size:16px}
/* Letters to the Editor */
#letters{max-width:760px;margin:36px auto 10px;padding:0 16px;font-family:Georgia,serif}#letters h2{font-family:"UnifrakturMaguntia",serif;font-size:34px;text-align:center;border-top:3px double #111;border-bottom:1px solid #111;margin:0 0 6px;padding:8px 0 4px;font-weight:normal}#letters .letters-sub{text-align:center;font-style:italic;font-size:14px;margin:0 0 16px}
.letter-list{list-style:none;padding:0;margin:0}.letter-list .children{list-style:none;padding-left:24px}.letter-list li{font-weight:normal;font-size:inherit;margin:0}
.letter{border-bottom:1px dotted #111;padding:10px 0}.letter p{margin:0 0 6px;text-align:justify}.letter-sig{text-align:right;font-variant:small-caps;font-size:14px}.letter .reply{text-align:right;font-size:12px;font-style:italic}.letters-none{font-style:italic;text-align:center}
#letters .comment-respond{border:1px solid #111;padding:14px;margin-top:18px;background:rgba(255,255,255,.4)}#letters .comment-reply-title{margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:2px;text-align:center;font-family:Georgia,serif;border:0;font-weight:bold}
#letters input[type=text],#letters input[type=email],#letters input[type=url],#letters textarea{width:100%;box-sizing:border-box;font:15px Georgia,serif;border:1px solid #111;background:#fffdf8;padding:7px;margin:4px 0 10px}
#letters input[type=submit]{font:bold 14px Georgia,serif;text-transform:uppercase;letter-spacing:1px;background:#111;color:#f4efe4;border:0;padding:8px 18px;cursor:pointer}
.alignleft{float:left;margin:0 14px 8px 0}.alignright{float:right;margin:0 0 8px 14px}.aligncenter{display:block;margin:0 auto}.wp-caption-text{font:italic 11.5px "Old Standard TT",Georgia,serif}
.sticky,.bypostauthor{}
@media(max-width:560px){.brox-banner .b2{font-size:22px}.section-head h2{font-size:34px}}
img.thumb{height:auto}img.av{height:80px}