/* supplement.css — Wayback Fixer restoration additions for tomsibleyphotography.com
   Minimalist black/white/gray interior-photography portfolio. */

body {
  background: #fff;
  color: #222;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* The original galleries depend on now-dead mootools JS. The hover-reveal
   thumbnail strip is forced visible so pages are not blank; the JS-only
   overlay menu and broken lightbox are hidden (the sticky nav replaces them). */
#photoThumbnails,
.navigator#photoThumbnails { visibility: visible !important; opacity: 1 !important; }

#menu,
#photos .imageDetail,
#photoPopup,
.popup#photoPopup { display: none !important; }

/* Original in-page header brand block (kept below the sticky nav) — tidy spacing */
#header .head p a,
#header .headerContainer .head p a { color: #111; text-decoration: none; }
#header { padding: 18px 0 6px; text-align: center; }
#header .subhead p { color: #777; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
#header .subhead.contact { display: none; } /* Contact now lives in the top nav */

/* Generic content width helper */
.romli-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* showLinks() block — keep within content width, never full-bleed */
.romlidata { margin: 24px auto; max-width: 1200px; }

/* Sitewide footer monetization strip */
.romlifooter { background: #f6f6f6; border-top: 1px solid #e2e2e2; }
.romlifooter a { color: #111; }

footer#footer, .reserved {
  text-align: center;
  color: #888;
  font-size: 12px;
  padding: 22px 0;
}

/* Recent-posts / blog cards readability on this monochrome site */
.romli-sidebar a:hover { color: #000; }

/* --- Article typography baseline ---
   The theme's reset (`*{margin:0}`, `h1..h6{font-size:100%}`,
   `h1,h2,h3{text-transform:uppercase;letter-spacing:.2em}`) strips all hierarchy
   and rhythm from injected article content. Scope the fix to the article body so
   the photography pages are untouched. Specificity (.entry-content h2 = 0,1,1)
   beats the theme rules (0,0,1) regardless of load order. */
.entry-content { font-size: 17px; line-height: 1.7; color: #222; }
.entry-content > *:first-child { margin-top: 0; }

.entry-content h2, .entry-content h3, .entry-content h4 {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 700;
  line-height: 1.25;
  color: #111;
}
.entry-content h2 { font-size: 26px; margin: 1.6em 0 .5em; }
.entry-content h3 { font-size: 21px; margin: 1.4em 0 .45em; }
.entry-content h4 { font-size: 18px; margin: 1.2em 0 .4em; }

.entry-content p  { margin: 0 0 1.05em; }
.entry-content ul, .entry-content ol { margin: 0 0 1.05em; padding-left: 1.4em; }
.entry-content li { margin: 0 0 .4em; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content a  { text-decoration: underline; }
.entry-content img { max-width: 100%; height: auto; }