/* Blog-specific styles */

h2, h3, h4 {
  position: relative;
}

a.header-anchor {
  text-decoration: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  color: var(--foreground-color-alt);
  position: absolute;
  left: -1em;
  padding-left: 2px;
  padding-right: 0.5em;
}

h2:hover a.header-anchor,
h3:hover a.header-anchor,
h4:hover a.header-anchor {
  visibility: visible;
  opacity: 1;
}

.post-author {
    color: var(--text-muted);
    font-size: 1.1rem;
    margin-top: -1.8rem;  /* pulls it closer to the name */
    margin-bottom: 1.5rem;
    margin-left: 3rem;
}

.post-author em {
    color: var(--text-secondary);
    font-style: italic;
    font-weight: bolder;
}

figure {
  float: right;
  margin: 0 0 1em 1em;
}

figure img {
  border-radius: 4px;
  box-shadow: var(--shadow-sm);
}

figcaption {
  font-size: small;
}