/* Header: the logo already contains the title and the John 8:32 verse */
.site-branding { display: none; }
.site-logo img.header-image { width: auto; max-width: min(100%, 560px); height: auto; }

/* Text sizes matching the old Platform theme (GeneratePress's free Typography panel does not output to the live site) */
body, button, input, select, textarea { font-size: 14px; line-height: 1.6; }
h1 { font-size: 28px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
.main-navigation .main-nav ul li a { font-size: 18px; }
.widget-title { font-size: 13px; }

/* GeneratePress sets sidebar widget text to 17px; match the old 13px */
.sidebar .widget { font-size: 13px; }

/* Show categories and tags right under the date and author, like Platform */
.inside-article { display: flex; flex-direction: column; }
.inside-article > footer.entry-meta { display: contents; }
.inside-article .cat-links, .inside-article .tags-links { order: 1; margin-bottom: .4em; }
.inside-article > .entry-summary, .inside-article > .entry-content { order: 2; margin-top: 1.2em; }
.inside-article .post-navigation { order: 3; }

/* No gaps between blocks: only thin horizontal divider lines, nothing vertical */
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .sidebar .widget { padding-top: 8px; padding-bottom: 8px; }
.separate-containers .site-main, .separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar { margin: 0; }
.separate-containers .site-main > *, .sidebar .widget { margin-bottom: 0; }
.wp-block-collapsing-archives .widget-title, .wp-block-collapsing-categories .widget-title { display: none; }

/* Sidebar widget side padding: 16px instead of 40px */
.sidebar .widget { padding-left: 16px; padding-right: 16px; }

/* The hr inside a sidebar widget matches the divider color */
.sidebar .widget hr { margin: 8px 0; background-color: #d9d9d9; }

/* Divider lines are the same width as the text: inset by the box padding (40px in posts, 16px in sidebars) */
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header { background-image: linear-gradient(#d9d9d9, #d9d9d9); background-repeat: no-repeat; background-size: calc(100% - 80px) 1px; background-position: 40px 100%; }
.sidebar .widget { background-image: linear-gradient(#d9d9d9, #d9d9d9); background-repeat: no-repeat; background-size: calc(100% - 32px) 1px; background-position: 16px 100%; }

/* "Read more" becomes "Continue Reading →" (no underline) on its own line at the end of each post excerpt, with a paragraph of space above and below (px, because font-size is 0) */
.entry-summary .read-more { display: block; margin: 20px 0 14px; font-size: 0; text-decoration: none; }
.entry-summary .read-more::after { content: "Continue Reading →"; font-size: 14px; }

/* Collapsing Archives/Categories widgets: matching CSS-drawn arrows (the text arrows differ in size) and an indent for the expanded months */
.wp-block-collapsing-archives .sym, .wp-block-collapsing-categories .sym { display: inline-block; width: 12px; font-size: 0; }
.wp-block-collapsing-archives .sym::before, .wp-block-collapsing-categories .sym::before { content: ""; display: inline-block; vertical-align: middle; position: relative; top: -3px; border: 0 solid transparent; }
.wp-block-collapsing-archives span.expand .sym::before, .wp-block-collapsing-categories span.expand .sym::before { border-width: 4px 0 4px 6px; border-left-color: #222; }
.wp-block-collapsing-archives span.collapse .sym::before, .wp-block-collapsing-categories span.collapse .sym::before { border-width: 6px 4px 0; border-top-color: #222; }
.wp-block-collapsing-archives li ul, .wp-block-collapsing-categories li ul { padding-left: 16px; }

/* Hide the folder/tag icons (drawn as ::before) in front of the categories and tags */
.cat-links::before, .tags-links::before { display: none; }

/* No divider above a heading box (e.g. above "Categories"); the line under the heading stays */
.sidebar .widget:has(+ .widget > .wp-block-heading) { background-image: none; }

/* The Fellowship Locations widget starts with its own old divider (hr.style7) and a line break; the box dividers replace it */
.sidebar .widget hr.style7, .sidebar .widget hr.style7 + br { display: none; }

/* Podcast player (Buzzsprout iframe): its text cannot be styled from this site, so scale the whole player down 15% */
#buzzsprout-large-player { height: 319px; overflow: hidden; }
#buzzsprout-large-player iframe { width: calc(100% / .85); max-width: none; height: 375px; transform: scale(.85); transform-origin: 0 0; }

/* Left sidebar 30% narrower (300px -> 230px); the posts get the 90px so the page stays 1200px wide. Desktop only.
   GeneratePress floats posts, left sidebar, right sidebar in that order and moves them into place with relative offsets, so the offsets change with the widths. */
@media (min-width: 769px) {
  #left-sidebar { width: 19.1667%; left: -55.8333%; }
  #primary { width: 55.8333%; left: 19.1667%; }
}

/* ShareThis buttons: its script hides the buttons that do not fit on one row (display:none); show all 10 and let them wrap */
.sharethis-inline-share-buttons .st-btn { display: inline-block !important; margin-bottom: 8px; }
.sharethis-inline-share-buttons { zoom: .8; } /* 20% smaller buttons and spacing */

/* Main menu: 30% less space between items (padding 20px -> 14px each side, so 40px -> 28px between words) */
.main-navigation .main-nav ul li a { padding-left: 14px; padding-right: 14px; }