/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/* ============================================================
   henryfaarup.com — Custom CSS v3 (2026-09-21)
   Theme: Twenty Fifteen. Single source of styles for the whole site:
   home (page 6, pure markup), posts, pages (incl. /bio), archives, search.
   The header on non-home views is a Custom HTML widget (custom_html-4)
   that also carries the site JS (home lists, post footer).
   Accent: #bf5700
   ============================================================ */

/* ---------- Base (kept from the original) ---------- */
a { color: #bf5700; }
.comment-form-fields { display: none; }
.site-footer, .hentry, .page-header, .page-content { box-shadow: none; }
.site-info { display: none; }
@media screen and (min-width: 59.6875em) {
  .hentry, .page-header, .page-content { margin: 0; padding-top: 0; }
}
:root { --text: #1a1a1a; --muted: #777; --link: #1a1a1a; --bg: #fefefe; --border: #e0e0e0; --accent: #bf5700; }

/* ---------- Site-wide: orange band, one base type size ---------- */
body { border-top: 4px solid #bf5700 !important; font-size: 17px !important; line-height: 1.65 !important; }
@media (max-width: 600px) { body { font-size: 16px !important; } }

/* ---------- 0. Home (page 6): hide theme chrome, column, lists ---------- */
body.page-id-6 #sidebar, body.page-id-6 .site-footer, body.page-id-6 .entry-header, body.page-id-6 .entry-footer,
body.page-id-6 .post-navigation, body.page-id-6 .comments-area, body.page-id-6 .post-thumbnail { display: none !important; }
body.page-id-6 { background: #fefefe !important; }
body.page-id-6::before { display: none !important; }
body.page-id-6 .site, body.page-id-6 #page { max-width: 100% !important; padding: 0 !important; }
body.page-id-6 .site-content, body.page-id-6 .content-area { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: 100% !important; }
body.page-id-6 .site-main { padding: 0 !important; }
body.page-id-6 .hentry, body.page-id-6 article { margin: 0 !important; padding: 0 !important; background: transparent !important; }
body.page-id-6 .entry-content { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
.hf-site { max-width: 640px; margin: 0 auto; padding: 24px 24px 60px; font-family: Georgia, "Times New Roman", serif; color: #1a1a1a; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.hf-site * { box-sizing: border-box; }
.hf-title { font-size: 2em; font-weight: 700; letter-spacing: -0.5px; margin: 0 0 24px; line-height: 1.2; }
.hf-title a { color: #1a1a1a !important; text-decoration: none !important; border-bottom: 2px solid #bf5700 !important; }
.hf-title a:hover, .hf-title a:focus { color: #bf5700 !important; }
.hf-intro { font-size: 1.05em; margin: 0 0 12px; color: #333; }
.hf-intro a { color: #bf5700 !important; text-decoration: none !important; font-weight: 600; border-bottom: 0 !important; }
.hf-intro a:hover { text-decoration: underline !important; }
.hf-meta { font-size: 0.88em; color: #777; margin: 0 0 40px !important; }
.hf-meta a { color: #777 !important; text-decoration: none !important; border-bottom: 1px solid #e0e0e0 !important; transition: all 0.15s; }
.hf-meta a:hover { color: #bf5700 !important; border-bottom-color: #bf5700 !important; }
.hf-filter { display: flex; gap: 4px; margin-bottom: 32px; font-size: 0.85em; }
.hf-fbtn { padding: 4px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 3px !important; background: transparent !important; color: #777 !important; font-family: inherit !important; font-size: 1em !important; cursor: pointer; transition: all 0.15s; }
.hf-fbtn:hover { border-color: #bf5700 !important; color: #bf5700 !important; }
.hf-fbtn.active { background: #bf5700 !important; color: #fff !important; border-color: #bf5700 !important; }
.hf-bucket { margin-bottom: 40px; }
.hf-bhead { font-family: Georgia, "Times New Roman", serif !important; font-size: 1.15em !important; font-weight: 700 !important; letter-spacing: -0.3px; color: #bf5700 !important; margin: 0 0 4px !important; line-height: 1.3 !important; }
.hf-latest .hf-bhead { margin-bottom: 8px !important; }
.hf-bdesc { font-size: 0.88em; color: #777; margin: 0 0 12px; line-height: 1.6; }
.hf-bdesc a { color: #bf5700 !important; text-decoration: none !important; font-weight: 600; border-bottom: 0 !important; }
.hf-bdesc a:hover { text-decoration: underline !important; }
body .hf-plist { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.hf-pitem { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 0 !important; margin: 0 !important; gap: 16px; }
.hf-pitem a { color: #1a1a1a !important; text-decoration: none !important; border-bottom: none !important; font-size: 0.92em; line-height: 1.4; transition: color 0.15s; }
.hf-pitem a:hover { color: #bf5700 !important; }
.hf-pdate { font-size: 0.78em; color: #777; white-space: nowrap; flex-shrink: 0; font-variant-numeric: tabular-nums; }
.hf-sep { border: none !important; border-top: 1px solid #e0e0e0 !important; margin: 0 0 40px 0 !important; height: 0; background: none !important; }
.hf-sub { margin: 16px 0 48px; }
.hf-footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid #e0e0e0; font-size: 0.85em; color: #777; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
.hf-footer a { color: #777 !important; text-decoration: none !important; margin-left: 16px; border-bottom: 0 !important; transition: color 0.15s; }
.hf-footer a:hover { color: #bf5700 !important; }
@media (max-width: 600px) { .hf-site { padding: 40px 20px 40px; } .hf-title { font-size: 1.6em; } .hf-pitem { flex-direction: column; gap: 0; } }

/* ---------- 1. Every other view: clean Twenty Fifteen chrome, 640px column ---------- */
body:not(.page-id-6) { background: #fefefe !important; }
body:not(.page-id-6)::before { display: none !important; }
body:not(.page-id-6) .site,
body:not(.page-id-6) #page { max-width: 100% !important; padding: 0 !important; }
body:not(.page-id-6) .site-content,
body:not(.page-id-6) .content-area { float: none !important; width: 100% !important; max-width: 640px !important; margin: 0 auto !important; padding: 0 !important; }
body:not(.page-id-6) .site-main { padding-top: 0 !important; }
body:not(.page-id-6) .site-footer,
body:not(.page-id-6) .post-navigation,
body:not(.page-id-6) .edit-link { display: none !important; }
body:not(.page-id-6) .hentry,
body:not(.page-id-6) .page-header,
body:not(.page-id-6) .page-content,
body:not(.page-id-6) .not-found { margin: 0 auto !important; max-width: 640px !important; padding: 8px 24px 40px !important; background: transparent !important; }
body:not(.page-id-6) .entry-header { padding: 0 !important; }
body:not(.page-id-6) .entry-title { font-family: Georgia, "Times New Roman", serif !important; font-size: 1.8em !important; font-weight: 700 !important; color: #1a1a1a !important; line-height: 1.25 !important; }
body:not(.page-id-6) .entry-title a { color: #1a1a1a !important; border-bottom: none !important; }
body:not(.page-id-6) .entry-content,
body:not(.page-id-6) .entry-summary { font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; line-height: 1.7 !important; color: #1a1a1a !important; max-width: 100% !important; padding: 0 !important; -webkit-hyphens: none !important; hyphens: none !important; }
body:not(.page-id-6) .entry-content a,
body:not(.page-id-6) .entry-summary a { color: #bf5700 !important; border-bottom: none !important; }
body:not(.page-id-6) .page-title { font-family: Georgia, serif !important; font-size: 1.4em !important; color: #1a1a1a !important; }
@media (max-width: 600px) {
  body:not(.page-id-6) .hentry { padding: 8px 20px 40px !important; }
  body:not(.page-id-6) .entry-content, body:not(.page-id-6) .entry-summary { font-size: 16px !important; }
}

/* ---------- 2. The header widget (custom_html-4) pulled to the top ---------- */
body:not(.page-id-6) #sidebar { position: static !important; float: none !important; width: 100% !important; max-width: 640px !important; margin: 0 auto !important; padding: 0 !important; top: auto !important; bottom: auto !important; }
body:not(.page-id-6) #sidebar .site-header,
body:not(.page-id-6) #site-navigation,
body:not(.page-id-6) .secondary-toggle { display: none !important; }
body:not(.page-id-6) .secondary { display: block !important; background: transparent !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body:not(.page-id-6) #widget-area { margin: 0 !important; }
body:not(.page-id-6) #widget-area .widget { display: none !important; }
body:not(.page-id-6) #widget-area .widget_custom_html,
body:not(.page-id-6) #widget-area .widget:has(.hf-hdr) { display: block !important; margin: 0 !important; padding: 24px 24px 0 !important; width: 100% !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 17px !important; line-height: 1.75 !important; color: #1a1a1a !important; -webkit-hyphens: none !important; hyphens: none !important; -webkit-font-smoothing: antialiased; }
.hf-hdr .hf-title { font-family: inherit !important; font-size: 2em !important; font-weight: 700 !important; letter-spacing: -0.5px; line-height: 1.2 !important; margin: 0 0 24px !important; }
.hf-hdr .hf-intro { font-size: 1.05em !important; line-height: 1.75 !important; margin: 0 0 12px !important; color: #333 !important; }
.hf-hdr .hf-intro a { font-weight: 600 !important; }
.hf-hdr .hf-meta { margin-bottom: 36px !important; }
@media (max-width: 600px) {
  body:not(.page-id-6) #widget-area .widget_custom_html,
  body:not(.page-id-6) #widget-area .widget:has(.hf-hdr) { padding: 40px 20px 0 !important; font-size: 16px !important; }
  .hf-hdr .hf-title { font-size: 1.6em !important; }
}

/* ---------- 3. Single post: date · category under the title, closing block, comments ---------- */
body.single article.post { display: flex; flex-direction: column; }
body.single article.post > .post-thumbnail { order: 0; margin-bottom: 1.6em !important; }
body.single article.post > .entry-header { order: 1; }
body.single article.post > .entry-footer { order: 2; display: block !important; background: transparent !important; padding: 0 !important; margin: 0 0 1.8em !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 0.85em !important; line-height: 1.6 !important; color: #777 !important; }
body.single article.post > .entry-content { order: 3; }
body.single article.post > .hf-end { order: 4; }
body.single .entry-title { margin-bottom: 0.35em !important; }
body.single .entry-footer .byline,
body.single .entry-footer .tags-links,
body.single .entry-footer .updated,
body.single .entry-footer .comments-link,
body.single .entry-footer .full-size-link { display: none !important; }
body.single .entry-footer span::before { display: none !important; }
body.single .entry-footer .posted-on,
body.single .entry-footer .cat-links { display: inline !important; margin: 0 !important; }
body.single .entry-footer .cat-links { font-size: 0 !important; }
body.single .entry-footer .cat-links::before { content: "\00b7" !important; display: inline !important; margin: 0 0.5em; color: #bbb; font-family: Georgia, serif !important; font-size: 13.6px !important; }
body.single .entry-footer .cat-links a { font-size: 13.6px !important; margin-right: 0.35em; }
body.single .entry-footer .cat-links a[href$="/category/espanol/"],
body.single .entry-footer .cat-links a[href$="/category/english/"] { display: none !important; }
body.single .entry-footer a { color: #777 !important; border: 0 !important; text-decoration: none !important; }
body.single .entry-footer .cat-links a { color: #bf5700 !important; }
body.single .entry-footer a:hover { color: #bf5700 !important; }
/* closing block (built by the widget script) */
.hf-end { font-family: Georgia, "Times New Roman", serif; margin-top: 8px; }
.hf-end-head { font-family: Georgia, "Times New Roman", serif !important; font-size: 1.05em !important; color: #bf5700 !important; margin: 28px 0 8px !important; font-weight: 700 !important; }
.hf-end .hf-pitem a { font-size: 0.95em; }
.hf-end-home { margin: 28px 0 0 !important; font-size: 0.9em; }
.hf-end-home a { color: #777 !important; text-decoration: none !important; border: 0 !important; }
.hf-end-home a:hover { color: #bf5700 !important; }
/* comments (wpdiscuz) inside the column */
body.single .comments-area, body.single #comments { max-width: 640px !important; margin: 0 auto !important; padding: 0 24px 48px !important; font-family: Georgia, "Times New Roman", serif !important; }
body.single .comments-title, body.single .wpd-thread-head .wpd-thread-info { font-family: Georgia, serif !important; }
body.page .comments-area, body.page #comments { display: none !important; }

/* ---------- 4. Jetpack subscribe block (home + end of every post) ---------- */
.wp-block-jetpack-subscriptions { margin: 40px 0 8px !important; padding: 20px 0 !important; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-family: Georgia, "Times New Roman", serif !important; }
.wp-block-jetpack-subscriptions::before { content: "Get new posts by email. I write a few times a year."; display: block; font-size: 0.92em; color: #777; margin-bottom: 10px; }
body.category-espanol .wp-block-jetpack-subscriptions::before, body.page-id-7774 .wp-block-jetpack-subscriptions::before { content: "Recibe los nuevos posts por correo. Escribo pocas veces al año."; }
.wp-block-jetpack-subscriptions .wp-block-jetpack-subscriptions__form-elements { display: flex !important; gap: 8px !important; max-width: 420px; align-items: stretch; }
.wp-block-jetpack-subscriptions p { margin: 0 !important; }
.wp-block-jetpack-subscriptions #subscribe-email { flex: 1; }
.wp-block-jetpack-subscriptions input[type="email"] { width: 100% !important; padding: 8px 12px !important; border: 1px solid #e0e0e0 !important; border-radius: 4px !important; font-family: Georgia, serif !important; font-size: 0.9em !important; background: #fff !important; color: #1a1a1a !important; box-shadow: none !important; }
.wp-block-jetpack-subscriptions input[type="email"]:focus { border-color: #bf5700 !important; outline: none !important; }
.wp-block-jetpack-subscriptions button { padding: 8px 16px !important; margin: 0 !important; background: #bf5700 !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; font-family: Georgia, serif !important; font-size: 0.88em !important; font-weight: 700 !important; text-transform: none !important; cursor: pointer; }
.wp-block-jetpack-subscriptions button:hover { opacity: 0.85; }
.wp-block-jetpack-subscriptions .wp-block-jetpack-subscriptions__subscount { display: none !important; }
body.single .wp-block-group:has(> .wp-block-group__inner-container > .wp-block-jetpack-subscriptions) { margin: 0 !important; padding: 0 !important; }

/* ---------- 5. /bio page ---------- */
.hf-bio .hf-ltoggle { display: flex; gap: 8px; margin: 4px 0 28px; }
.hf-bio .hf-lbtn { padding: 5px 14px !important; border: 1px solid #e0e0e0 !important; border-radius: 3px !important; background: transparent !important; color: #777 !important; font-family: inherit !important; font-size: 0.85em !important; cursor: pointer; transition: all 0.15s; text-transform: none !important; }
.hf-bio .hf-lbtn:hover { border-color: #bf5700 !important; color: #bf5700 !important; }
.hf-bio .hf-lbtn.active { background: #bf5700 !important; color: #fff !important; border-color: #bf5700 !important; }
.hf-bio .hf-lsection { display: none; }
.hf-bio .hf-lsection.active { display: block; }
.hf-bio p { margin: 0 0 16px !important; font-size: 0.98em; color: #333; }
.hf-bio .hf-bhead { margin: 32px 0 8px !important; }
.hf-bio .hf-findme { margin-top: 8px !important; font-size: 0.92em; color: #777; }
.hf-bio .hf-findme a { color: #bf5700 !important; text-decoration: none !important; border: 0 !important; }
.hf-bio .hf-findme a:hover { text-decoration: underline !important; }

/* ---------- 6. Category / tag archives and search: a list, not full posts ---------- */
body.archive .page-header, body.search .page-header { border: 0 !important; margin: 0 auto !important; padding: 8px 24px 4px !important; max-width: 640px !important; }
body.archive .page-title, body.search .page-title { color: #bf5700 !important; font-size: 1.15em !important; font-weight: 700 !important; font-family: Georgia, serif !important; }
body.archive .taxonomy-description, body.search .taxonomy-description { display: none !important; }
body.archive .hentry, body.search .hentry { padding: 12px 24px !important; border-bottom: 1px solid #eee !important; }
body.archive .post-thumbnail, body.search .post-thumbnail,
body.archive .entry-content, body.search .entry-content,
body.archive .entry-summary, body.search .entry-summary { display: none !important; }
body.archive .entry-title, body.search .entry-title { font-size: 1.05em !important; font-weight: 400 !important; margin: 0 !important; line-height: 1.4 !important; }
body.archive .entry-footer, body.search .entry-footer { display: block !important; background: transparent !important; padding: 0 !important; margin: 2px 0 0 !important; font-family: Georgia, serif !important; font-size: 0.78em !important; color: #777 !important; }
body.archive .entry-footer span, body.search .entry-footer span { display: none !important; }
body.archive .entry-footer .posted-on, body.search .entry-footer .posted-on { display: inline !important; margin: 0 !important; }
body.archive .entry-footer span::before, body.search .entry-footer span::before { display: none !important; }
body.archive .entry-footer a, body.search .entry-footer a { color: #777 !important; border: 0 !important; text-decoration: none !important; }
body.archive .pagination, body.search .pagination { max-width: 640px !important; margin: 16px auto !important; background: transparent !important; border: 0 !important; }

/* ---------- 7. Jetpack post-end wrapper: no border, no default heading ---------- */
body.single .entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) { border: 0 !important; padding: 0 !important; margin: 0 !important; }
body.single .entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) > .wp-block-group__inner-container > p.has-text-align-center { display: none !important; }

/* ---------- 8. QA fixes (21-sep, tarde) ---------- */
body.single .entry-footer .cat-links a[href$="/tag/english/"] { display: none !important; }
article.category-espanol .wp-block-jetpack-subscriptions::before { content: "Recibe los posts nuevos por correo. Escribo pocas veces al año."; }
body.single .entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) > .wp-block-group__inner-container > :not(.wp-block-group):not(.wp-block-jetpack-subscriptions) { display: none !important; }
body.single .entry-content .wp-block-group:has(.wp-block-jetpack-subscriptions) > .wp-block-group__inner-container { padding: 0 !important; margin: 0 !important; }
.jp-relatedposts, #jp-relatedposts, .sharedaddy.sd-like, div.sd-like, .sharedaddy .sd-title { display: none !important; }
.sharedaddy.sd-sharing { margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; }
.sharedaddy .sd-content ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-wrap: wrap; gap: 6px 10px; }
.sharedaddy .sd-content ul li { display: inline-block !important; margin: 0 !important; }
.sharedaddy .sd-content ul li.share-end { display: none !important; }
.sharedaddy .sd-content a.sd-button { font-family: Georgia, serif !important; font-size: 0.78em !important; color: #777 !important; }
.hf-site, .hf-site * { -webkit-hyphens: none !important; hyphens: none !important; }
.hf-bdesc a { word-break: keep-all; white-space: nowrap; }
.infinite-scroll .infinite-loader, .infinite-wrap:empty { display: none !important; }
body.page .hf-end-home { margin: 16px 0 0 !important; font-size: 0.9em; }
body.page .hf-end-home a { color: #777 !important; text-decoration: none !important; border: 0 !important; }
body.page .hf-end-home a:hover { color: #bf5700 !important; }