/* Small additions on top of the original app.css (Bootstrap 4.1 build). */
.bio-text p { margin-left: .5rem; }
.hero-unit .lead + p { margin-top: 1rem; }
img.bio-float { width: 200px; margin-right: 10px; margin-bottom: 10px; }
p.alert { display: block; }

/* Blog (content exported from WordPress) */
.blog-post h1.entry-title { font-size: 2rem; }
h2.entry-title { font-size: 1.75rem; font-weight: 700; }
.blog-post img { max-width: 100%; height: auto; }
.alignleft { float: left; margin: .25rem 1rem .5rem 0; }
.alignright { float: right; margin: .25rem 0 .5rem 1rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; margin-bottom: 1rem; }
.wp-caption-text, .wp-element-caption, .blog-post figcaption { font-size: .85rem; color: #6c757d; margin-top: .25rem; }
.wp-block-image { margin: 0 0 1rem; }
.wp-block-embed iframe, .blog-post iframe[src*="youtube"] { max-width: 100%; }
.wp-block-embed__wrapper { position: relative; }
.blog-post blockquote { border-left: 4px solid #dee2e6; padding-left: 1rem; color: #495057; }
.blog-widget ul { padding-left: 1.25rem; }
.comment-list { list-style: none; padding-left: 0; }
.comment-list .children { padding-left: 1.5rem; margin-top: .75rem; }
.comment { border-bottom: 1px solid #eee; padding: .75rem 0; }
.comment-content p:last-child { margin-bottom: 0; }
@media (max-width: 575.98px) {
  .blog-post .alignleft, .blog-post .alignright, .blog-post .wp-caption { float: none; display: block; margin: 0 auto 1rem; max-width: 100% !important; }
}
