.category-filter-is-hidden { @extend .is-hidden; }

@include dark-navbar('body--blog-breadcrumb');

.blog--themes {
  margin-top: 6rem !important;

  &-title h2 { @extend %backendbr-styled-title; }

  &-list {
    li {
      display: inline-block;
      padding: 0.5rem 0.75rem;
      color: #fff;
      background-color: $primary;
      border: 2px solid $primary;
      border-radius: 0.25rem;
      margin-right: 0.5rem;

      a { color: inherit; }
    }
  }
}

.blog--highlights {
  position: relative;
  @extend %section-margin;

  &-title h2 { @extend %backendbr-styled-title; }

  $side-padding: 1rem;
  $top-padding: 1rem;

  .posts--title,
  .posts--p {
    padding: 0 $side-padding;
  }

  .posts--p {
    padding-bottom: $top-padding; 
  }

  .posts--categories {
    padding-left: $side-padding;
    padding-right: $side-padding;
  }

  &:after {
    content: "";
    background-color: $primary;
    width: 100%;
    height: calc(100% - 18.72rem);
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -10;
  }
}

.blog--posts {
  margin-top: 3rem !important;
  // margin-bottom: 3rem !important;
}
