/** Reduce font size **/
.md-typeset {
  font-size: .75rem;
}

/** Define logo depending on user theme: dark or light */
#logo_light_mode {
  display: var(--md-footer-logo-light-mode);
}

#logo_dark_mode {
  display: var(--md-footer-logo-dark-mode);
}

[data-md-color-scheme="default"] {
  --md-footer-logo-dark-mode: none;
  --md-footer-logo-light-mode: block;
}

[data-md-color-scheme="slate"] {
  --md-footer-logo-dark-mode: block;
  --md-footer-logo-light-mode: none;
}

.md-nav__title .md-nav__button.md-logo img {
  max-width: unset;
  width: unset;
  padding: .2rem;
}

body[data-md-color-scheme="default"] .md-nav__link--active {
  color: #2094f3;
}

body[data-md-color-scheme="default"] .md-tag {
  color: #2094f3;
}

/** Homepage **/
#sigi-home-title {
  color: var(--md-accent-fg-color);
}

.accent {
  color: var(--md-accent-fg-color);
  text-decoration: underline;
}

.bold {
  font-weight: 900;
}

.sigi-call-to-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
}

/** Fix truncated icon for author in posts list */
.md-typeset .md-author {
  border-radius: none;
  height: unset;
}

.md-typeset h1,
.md-typeset.sigi-hook {
  margin-bottom: 10px;
  font-weight: 800;
  color: rgba(#626262, 0.5);
}

.md-sidebar--primary .md-sidebar__scrollwrap {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.sigi-categories {
  margin-top: 30px;
  margin-bottom: 20px;
}

/** Posts listing **/
.md-typeset .sigi-nav-link {
  color: var(--md-default-fg-color--light);
}

header.md-typeset pre {
  font-size: 15px;
  font-family: var(--md-text-font-family), sans-serif;
  font-weight: 900;
}

.sigi-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.sigi-category-title {
  padding-top: 15px;
}

.sigi-category-title span,
.sigi-blue {
  color: var(--md-code-hl-color);
}

#sigi-list-posts {
  width: 90%;
  display: grid;
  justify-items: stretch;
  grid-template-columns: repeat(2, calc(50% - 20px));
  gap: 30px;
}

#sigi-list-posts .md-post--excerpt {
  margin-bottom: unset;
}

#sigi-list-posts article {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 10px;
}

#sigi-list-posts .sigi-post-thumbnail {
  width: 100%;
  max-height: 250px;
  border-radius: 10px 10px 0 0;
}

#sigi-list-posts .md-post {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  transition: all .3s;
}

#sigi-list-posts .md-post__content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  justify-content: start;
  align-items: start;
  height: 100%;
}

#sigi-list-posts .md-post__header,
#sigi-list-posts .md-post__content h2,
#sigi-list-posts .md-post__content p {
  padding: 0 15px;
}

#sigi-list-posts .md-post__content > p,
#sigi-list-posts .md-post__content > blockquote {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
}

#sigi-list-posts .md-post__content nav {
  padding: 0 15px 10px 15px;
  width: 100%;
  border-radius: 0 0 10px 10px;
}

#sigi-list-posts .md-post__content nav a {
  color: var(--md-accent-fg-color);
}

.md-content__inner hr {
  border-color: var(--md-default-fg-color--lighter);
}

/** Pagination **/
.top-pagination {
  width: 90%;
  display: flex;
  align-items: center;
}

.top-pagination > p {
  width: 50%;
}

.top-pagination .md-pagination {
  width: 50%;
  justify-content: end;
  margin-bottom: 20px;
}

.bottom-pagination {
  width: 90%;
}

.bottom-pagination .md-pagination {
  justify-content: end;
  margin-top: 20px;
}

/** Post details **/
.sigi-post-detail-thumbnail {
  border-radius: 10px;
  margin-bottom: 10px;
}

.sigi-post-card-header,
.md-post__authors {
  position: relative;
}

#sigi-list-posts .md-post__meta ul {
  color: #fff;
}

.md-author {
  background-color: #fff;
}

.md-post__header {
  position: relative;
  margin-top: -10.5%;
  background-color: rgba(0, 0, 0, 0.5);
  min-height: 50px;
  max-height: 50px;
  height: 50px;
}

.sigi-post-card-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 0 15px;
}

/** Footer **/
.md-footer-meta__inner {
  align-items: end;
  padding: .4rem;
}

a.md-social__link svg {
  max-height: unset;
  height: 1.2rem;
}

.md-copyright__highlight > a {
  text-align: center;
}

.md-copyright__highlight > a:last-child {
  font-size: .65rem;
}

.md-copyright {
  width: 40%;
  text-align: center;
  font-size: .75rem;
}

.md-copyright .md-social__link {
  display: inline;
  line-height: .5rem;
}

/** 404 **/
#not-found {
  margin-top: -100px;
  padding: 0 40px;
}

#not-found h1 {
  color: var(--md-accent-fg-color);
}

/** Responsive **/
@media screen and (max-width: 1230px) {
  #sigi-list-posts,
  .top-pagination,
  .bottom-pagination {
    width: 100%;
  }

  .md-copyright {
    width: auto;
  }
}

@media screen and (max-width: 900px) {
  #sigi-list-posts {
    grid-template-columns: repeat(1, 100%);
  }
}

@media screen and (max-width: 400px) {
  .sigi-call-to-actions {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: start;
    align-content: start;
  }

  .sigi-call-to-actions .md-button {
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 76.2344em) and (max-width: 1230px) {
  .md-footer-meta__inner {
    justify-content: space-between;
  }
}

@media screen and (max-width: 600px) {
  .md-footer-meta__inner {
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 76.2344em) {
  .md-nav--primary .md-nav__title {
    padding: .2em;
    height: max-content;
  }

  .md-nav--primary .md-nav__title .md-logo {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    padding: .2rem;
  }

  .md-nav--primary .md-nav__title .md-logo img {
    height: 2rem;
  }

  .md-footer-meta__inner .md-copyright {
    text-align: center;
  }
}