/* Additions to style.css (the qth.w2hlm.radio stylesheet, kept unchanged) for this theme. */

/* Home: the image on the left, the title and links on the right, as on qth.w2hlm.radio. */
.home-columns { width: 1050px; margin: 100px auto; }
.home-image { float: left; width: 640px; }
.home-text { float: right; width: 400px; padding-top: 50px; }
/* Narrower screens: one column, the image scaled down. */
@media (max-width: 1080px) {
  .home-columns { width: auto; margin: 40px auto; }
  .home-image, .home-text { float: none; width: auto; }
  .home-image img { max-width: 100%; height: auto; }
}

/* The pager under the post list. */
.pagination { display: flex; justify-content: space-between; align-items: baseline; margin: 1.5em 0 2.5em; }
.pagination .page-count { opacity: .6; font-size: .8em; }
.pagination .prev { margin-right: auto; }
.pagination .next { margin-left: auto; }

/* Pages other than home: the fixed 80px header bar, and the page below it. style.css's
   .section-inner margin would push the header's contents below the bar, and .thin cancels the
   top margin that would keep the page out from under it. (style.css's .site-main does that too,
   but also sets a grey background.) */
#site-header .hdr-wrapper { margin: 0 auto; height: 100%; }
.page-main { padding-top: 100px; }

/* Home: the links under Posts (its menu children in hugo.toml), smaller and indented. */
#home-nav a.home-nav-sub {
  font-size: .75em;
  margin-left: 1.2em;
  margin-top: .3em;
}

/* Under a post: its categories and tags (layouts/_partials/post-terms.html). Tags show by title
   ("Operating Reports"), so style.css's "#" prefix is turned off. */
.post-info { margin-top: 1.5em; }
.post-info .tag::before { content: none; }
.post-info .tag { margin-right: 0; }

/* Post and page text: style.css's html line-height of 1 sets lines too tight to read. */
.content { line-height: 1.5; }
/* Links in post text: style.css's teal underline (an inset shadow), 2px instead of 4px. The
   color and the hover highlight are style.css's. */
.content a { box-shadow: inset 0 -2px 0 #018574; }

/* The past-setups list on /station/ (the past-subpages shortcode): each entry is a date link
   and its summary. */
.content .subpage-list { list-style: none; margin-left: 0; }   /* style.css indents .content ul */
.subpage-item { margin-bottom: 1.5em; }
/* Headings inside a past entry's summary: body-text size (bold), under "Past Station Setups". */
.subpage-summary h1, .subpage-summary h2, .subpage-summary h3,
.subpage-summary h4, .subpage-summary h5, .subpage-summary h6 { font-size: 1em; margin: .6em 0 .3em; }
/* The latest setup's date, beside its title on /station/ (the latest-subpage shortcode); faint
   like a post's date. */
.subpage-date { font-size: .6em; font-weight: normal; opacity: .6; margin-left: .5em; letter-spacing: normal; }