/* Additions for the static rebuild; main.css is the untouched WordPress theme stylesheet. */

/* nav "Donate" button (was an inline style in header.php) */
.navbar a.donate-button {
  color: #fff;
  background-color: #e51937;
  padding: 4px 12px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
}
.navbar a.donate-button:hover { background-color: #c8142f; color: #fff; }

/* date ordinal in the masthead */
.tagline sup { font-size: 60%; }

/* embeds rendered from WordPress oEmbed URLs */
.video-embed { position: relative; max-width: 560px; margin: 1em 0; }
.video-embed iframe { max-width: 100%; }

/* comments are read-only on the static site */
#comments .no-comments {
  font-family: 'PTSerifCaptionRegular', Georgia, serif;
  color: #888;
  margin: 0 0 30px;
}
#comments ol.comment-list > li { padding-bottom: 20px; }
#comments .comment-list .comment-content { clear: both; }

/* search results (Pagefind) */
.search-results .search-status {
  font-family: 'PTSerifCaptionRegular', Georgia, serif;
  color: #666;
  margin: 10px 0 20px;
}
.search-results mark { background: #fff3a8; padding: 0 2px; }
.search-results .btn.load-more { display: block; margin: 20px 0; }
.search-again { margin: 10px 0 30px; }
.search-again input[type="search"] { width: 60%; max-width: 400px; }

/* WordPress caption shortcode output */
.wp-caption { max-width: 100%; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { font-size: 12px; color: #666; margin: 4px 0 0; }
.wp-block-image img, .wp-block-table table { max-width: 100%; height: auto; }
.wp-block-table table { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
.wp-block-table td, .wp-block-table th { border: 1px solid #ddd; padding: 6px 8px; }