/* Accent color the WordPress customizer used to inject (theme customizations are already in theme/style.css). */
a, #footer-logo p i, .post-header .cat a { color: #1e73be; }
.post-header .cat a { border-color: #1e73be; }
.share-box:hover { background-color: #1e73be; }
.post-entry blockquote p { border-left: 3px solid #1e73be; }

img { max-width: 100%; height: auto; }
.has-text-align-center, .aligncenter { text-align: center; }

/* layout bits the theme handled in PHP/jQuery */
#main.fullwidth { width: 100%; }
.post-image img { width: 100%; aspect-ratio: 940 / 529; object-fit: cover; }
.post-entry iframe { max-width: 100%; }
.video-embed, .post-entry .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px; }
.video-embed iframe, .post-entry .wp-block-embed__wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.post-entry figure { margin: 0 0 20px; }
.post-entry figcaption, .wp-caption figcaption { font-size: 13px; color: #888; text-align: center; }
.alignleft { float: left; margin: 0 20px 10px 0; }
.alignright { float: right; margin: 0 0 10px 20px; }
.more-link-wrap { text-align: center; }
.archive-box { text-align: center; margin-bottom: 50px; }
.archive-box span { display: block; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #999; }
.archive-box h1 { font-family: 'Raleway', sans-serif; font-size: 26px; letter-spacing: 2px; text-transform: uppercase; }
.term-list { list-style: none; margin: 0; line-height: 2; }
.archive-list { list-style: none; margin: 0; max-height: 420px; overflow-y: auto; }
.blogroll { list-style: none; margin: 0; line-height: 2; }
.comments-closed { font-style: italic; color: #999; margin-top: 20px; }
.post-comments .children { margin-left: 40px; }
.thecomment .comment-text { margin-left: 0; }
.tool-embed { display: block; margin: 0 auto; border: 0; }
.tool-link { text-align: center; font-size: 18px; }

/* before/after slider (replaces the image-comparator plugin) */
.img-compare { position: relative; display: inline-block; max-width: 100%; }
.img-compare img { display: block; margin: 0; }
.img-compare-top { position: absolute; inset: 0; overflow: hidden; width: 50%; border-right: 2px solid #fff; }
.img-compare-top img { max-width: none; height: 100%; }
.img-compare input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; }

/* quiz (replaces HD Quiz) */
.hd-quiz .q { margin-bottom: 40px; }
.hd-quiz .q h3 { font-family: 'Raleway', sans-serif; font-size: 16px; }
.hd-quiz label { display: inline-block; margin: 6px 14px 0 0; cursor: pointer; }
.hd-quiz .right { color: #2a8a2a; font-weight: bold; }
.hd-quiz .wrong { color: #c0392b; text-decoration: line-through; }
.hd-quiz button { padding: 10px 24px; background: #1e73be; color: #fff; border: 0; cursor: pointer; font-size: 14px; letter-spacing: 1px; }
.hd-quiz .score { font-size: 20px; margin-top: 20px; }


/* Instagram posts saved locally (were embeds) */
.instagram-post { max-width: 540px; margin: 0 auto 30px; text-align: center; }
.instagram-post img { display: block; margin: 0 auto 8px; }
.instagram-post figcaption { font-size: 14px; color: #666; text-align: left; }

/* links whose destination no longer exists: kept as text, reason on hover */
.dead-link { border-bottom: 1px dotted #aaa; cursor: help; }