// Blog styling

// Blog post title styling
.md-post__title {
  margin-top: 0; // Remove margin-top for H2 elements on blog page
}

// Blog post meta styling (date display)
.md-post__meta {
  margin-bottom: 0.5rem; // Add some space between date and title
  //font-size: 0.9rem; // Slightly smaller than normal text
  color: var(--md-default-fg-color--light); // Lighter color for the date

}

// Author styling in blog posts
.md-post__authors.md-typeset {
  font-size: 1.3rem; // Match the general text size of the website

  // General author styling
  .md-author {
    img {
      // Make the author image significantly larger
      width: 3.5rem; // Much larger than default
      height: 3.5rem; // Maintain aspect ratio
      border-radius: 50%; // Keep the circular shape
    }
  }

  // Long author format (used in blog post sidebar)
  .md-author--long {
    img {
      //width: 4rem; // Even larger for the long format
      //height: 4rem; // Maintain aspect ratio
      width: 100%;
      height: auto;
    }
  }

  // Author profile description
  .md-profile__description {
    font-size: 1.3rem; // Match the general text size of the website
    line-height: 1.6; // Improve readability
  }

  // Profile container
  .md-profile.md-post__profile {
    margin-bottom: 1rem; // Add some spacing between multiple authors
  }
}

// Blog sidebar styling - make all text in the sidebar 80% of the normal size
.md-sidebar__inner.md-post {
  font-size: 80%; // Set font size to 80% of the parent element

  // Ensure all child elements inherit the font size
  * {
    font-size: inherit;
  }

  // Override specific font sizes that were previously set
  .md-post__authors.md-typeset,
  .md-profile__description {
    font-size: inherit;
  }
}

.md-typeset h2{
  margin-top: 0 !important;
}

.md-sidebar--post{
  .md-nav__link{
    svg{
      margin-top: 5px;
    }
  }
}