/* 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; }