/* blogpost header */

/* image */
@media (max-width: 768px) {
  .ratio-21x9 {
    --bs-aspect-ratio: calc(1 / 1 * 100%);
  }
}


/* Related posts sidebar */
.related-posts-sidebar{
}
.related-posts-sidebar-container {
  radius: 20px;
}
.related-posts-heading{
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 0.75rem;
}
.related-posts-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.005rem;
  list-style: none;
}
.related-post-item{ line-height: 1.35; }
.related-post-title{
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
}
.related-post-item-container:hover,
.related-post-item-container:focus,
.related-post-item-container:hover 
.related-post-meta-pointer,
.related-post-item-container:focus
.related-post-meta-pointer { 
  background: var(--DcGreen);
  color: var(--Cursor4)
}
.related-post-meta{
  font-size: 0.5rem;
}
.related-post-meta-pointer {
  color: var(--DcGreen)
}


.related-post-sep{ margin: 0 0.5ch; }
.related-posts-empty{ color: #6c757d; font-size: 0.9rem; }

.blog-post section p strong {
  display: inline-block;
  font-size: inherit;
  color: inherit;
}

blockquote {
    display: flex;
    justify-self: center;
    flex-direction: column;
    background-color:#eff6f3;;
    border-left: 4px solid #007853;
    border-radius: 4px;
}

blockquote p {
    font-family: 'Univers LT Std 45 Light', "Open Sans", sans-serif;
    font-size: 1.18rem !important;
    font-weight: 400;
    line-height: 1.4;
    padding:1rem;
    margin:0rem !important;
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d !important;
    font-style:italic;
    padding-left:5ch;
}

.blockquote-footer span {
  padding-left: 0.5ch;
}

pre {
  background: var(--CodeBlack2);
  padding: 1rem;
  border: 1px solid var(--codeBlack4);
  margin: 0 10%;
  line-height: 1.1;
}

pre code {
  font-size: 0.95rem;
  color: var(--Cursor4);
  white-space: pre-wrap;
  word-break: break-word;
  font-variant-ligatures: none;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}