/* Shared styles for hannaw.se */

/* Figure/caption styling */
figure.aligncenter { margin: 1.5em auto; text-align: center; max-width: 350px; }
figure.aligncenter img { width: 100%; height: auto; }
figure.aligncenter figcaption { margin-top: 0.5em; font-style: italic; color: #666; }
.entry-content img { max-width: 350px; height: auto; }

/* Sticky sidebar */
.sidebar { position: sticky; top: 20px; align-self: flex-start; }

/* Related posts (sidebar) */
.related-posts { list-style: none; padding: 0; margin: 0; }
.related-posts li { margin-bottom: 0.5em; }
.related-posts a { color: #858585; text-decoration: none; }
.related-posts a:hover { text-decoration: underline; }

/* Mobile hamburger menu */
@media screen and (max-width: 768px) {
  .tinynav { display: none !important; }
  .nav-primary ul.menu { display: none; margin: 0; padding: 0; background: #232323; }
  .nav-primary ul.menu.open { display: block; }
  .nav-primary ul.menu li { float: none; border-bottom: 1px solid #3a3a3a; }
  .nav-primary ul.menu a { display: block; padding: 12px 20px; color: #fff; text-decoration: none; }
  .nav-primary ul.menu a:hover { background: #3a3a3a; }
  .menu-toggle { display: block; background: #232323; color: #fff; border: none; width: 100%; padding: 14px 20px; font-size: 16px; text-align: left; cursor: pointer; }
  .menu-toggle::after { content: '\2630'; float: right; }
  .menu-toggle.open::after { content: '\2715'; }
}
@media screen and (min-width: 769px) {
  .menu-toggle { display: none; }
  .menu-related { display: none; }
}