/*
Theme Name: Oldfashioned Newspaper
Theme URI: https://example.com/oldfashioned-newspaper
Author: You
Author URI: https://example.com
Description: A mobile-first WordPress blog theme styled as a quietly European broadsheet. Ivory stock, Cormorant Garamond and Cardo, a 35-column grid at 700px and up, hairline column rules, drop-cap leads, and a small editorial palette of black + restrained red.
Version: 2.3.1
Text Domain: oldfashioned-newspaper
*/
/* =============================================================
1. BASE
--------------------------------------------------------------
Body font is Cardo, not EB Garamond — Cardo has noticeably
heavier strokes by default and stays readable on low-DPI
screens without going grey. Cormorant Garamond is kept for
display.
============================================================= */
*, *::before, *::after { box-sizing: border-box; }
html, body { height: 100%; }
body {
margin: 0;
padding: 8px 0;
background-image: url('wood.jpg');
background-color: #6b4a2a;
font-family: 'Cardo', 'Noto Serif', 'Noto Serif Georgian', Charis, Garamond, Georgia, 'Times New Roman', serif;
font-size: 10.5pt;
line-height: 1.4;
color: #1c1c20;
}
a { color: #1c1c20; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a:visited { color: #1c1c20; }
em, i, cite { font-style: italic; }
strong, b { font-weight: 700; }
img { max-width: 100%; height: auto; }
.screen-reader-text {
position: absolute !important;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
/* =============================================================
2. THE WORLD (page container)
============================================================= */
#world, .world {
background: #fbfaf6;
width: min(1024px, 100%);
margin: 0 auto;
padding: 14px 18px;
border: 1px solid #1c1c20;
text-align: left;
}
/* =============================================================
3. MASTHEAD
============================================================= */
.branding {
text-align: center;
padding: 4px 6px 8px;
border-bottom: 3px double #1c1c20;
margin-bottom: 6px;
}
.custom-logo-link,
.masthead-logo-link {
display: inline-block;
margin: 0 0 6px;
}
.custom-logo,
.masthead-logo {
display: block;
width: 72px;
height: 72px;
margin: 0 auto;
}
.masthead-text { text-align: center; }
.masthead-spacer { display: none; }
.site-title {
font-family: 'Cormorant Garamond', Garamond, Cardo, Georgia, serif;
font-weight: 500;
font-size: clamp(40px, 8vw, 76px);
line-height: .98;
letter-spacing: .005em;
margin: 0;
color: #1c1c20;
font-feature-settings: "lnum", "kern";
}
.site-title a { color: inherit; text-decoration: none; }
.site-description {
font-family: 'Cardo', Garamond, Georgia, serif;
font-style: italic;
font-size: 11pt;
margin: 2px 0 0;
letter-spacing: .02em;
color: #1c1c20;
}
.site-description .strap-orn {
font-style: normal;
font-size: 16pt;
color: #9a1f1f;
padding: 0 .15em;
position: relative;
top: 2px;
}
/* =============================================================
4. SEARCH FORM
============================================================= */
.search-form {
display: grid;
grid-template-columns: 1fr auto;
gap: 6px;
margin: 8px 0;
}
.search-form .search-field,
.search-form input[type="search"] {
font: inherit;
padding: 5px 8px;
border: 1px solid #1c1c20;
background: transparent;
border-radius: 0;
color: #1c1c20;
}
.search-form .search-submit,
.search-form button {
font-family: 'Cormorant Garamond', Cardo, serif;
font-variant: small-caps;
font-size: 11pt;
letter-spacing: .06em;
padding: 5px 14px;
border: 1px solid #1c1c20;
background: transparent;
color: #1c1c20;
cursor: pointer;
transition: background-color .12s ease, color .12s ease, border-color .12s ease;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus,
.search-form button:hover,
.search-form button:focus {
background: #9a1f1f;
border-color: #9a1f1f;
color: #fbfaf6;
}
/* =============================================================
5. HEADER NAV (.links)
============================================================= */
.links {
font-family: 'Cormorant Garamond', Cardo, serif;
font-variant: small-caps;
font-size: 11.5pt;
letter-spacing: .06em;
padding: 4px 0;
text-align: center;
}
.links .menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0 .35em;
}
.links .menu li { display: inline-block; }
.links .menu li + li::before {
content: "|";
color: #1c1c2059;
margin-right: .35em;
}
.links .menu a { color: #1c1c20; }
.links .menu a:hover,
.links .menu .current-menu-item > a,
.links .menu .current_page_item > a { color: #9a1f1f; text-decoration: none; }
/* =============================================================
6. WIDGETS (shared)
============================================================= */
.widget {
border-top: 1px solid #1c1c20;
border-bottom: 1px solid #1c1c20;
padding: 6px 6px 8px;
margin: 0 0 10px;
font-size: 9pt;
line-height: 1.34;
overflow-wrap: anywhere;
}
.widget-title,
.widgettitle {
font-family: 'Cormorant Garamond', Cardo, serif;
font-variant: small-caps;
font-weight: 600;
font-size: 12pt;
letter-spacing: .08em;
margin: 0 0 6px;
padding-bottom: 3px;
border-bottom: 1px solid #1c1c20;
color: #1c1c20;
text-align: center;
}
.widget ul {
list-style: none;
padding: 0;
margin: 0;
}
.widget ul li {
padding: 2px 0;
border-bottom: 1px dotted #00000026;
line-height: 1.34;
}
.widget ul li:last-child { border-bottom: 0; }
.widget ul li a { font-weight: 400; }
.widget p { margin: 0 0 .5em; }
.widget p:last-child { margin-bottom: 0; }
/* --- Hide RSS-feed icons everywhere ----------------------------
The WP RSS widget injects an (and
a feed link with an