body {

display: flex;
flex-direction: column;
min-height: 100vh;

}

.page, .blog, .aside, .download, .sponsors, .search, .post {

display: flex;
@extend .container;

}

.home {

flex-wrap: nowrap;
flex-direction: column;

&__planet, &__news-and-events {
  &__title {
    text-align: center;
    &:nth-child(1){
      margin-top: 2rem;
    }
  }
  &__content {
    @extend .container;
    margin-top: 1em;
    margin-bottom: 1em;
    .btn {
      text-align: left;
      padding: 0;
      margin: 1em;
      border-radius: 10px;
    }
    .card {
      padding: 2em;
      box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.25);
      border-radius: 10px;
      background: $white; 
      border: none;
    }
    .card-body {
      padding: 0;
    }
  }
}
&__news-and-events {
  &__title {
  }
}
&__planet {
  &__title {
  }
}

}

.aside {

&__nav {
  @include aside-nav;
}
&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
  @include content;
  @include content-nav;
}

}

.page {

&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
  @include content;
}

}

.blog {

&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
  @include content;

  &__breadcrumb {
    @extend .breadcrumb;
    &__item {
      @extend .breadcrumb-item;
      &--active {
        @extend .breadcrumb-item;
      }
    }
  }

  &__entries {
    margin-top: 1rem;
    margin-bottom: 1rem;
    &__card {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: wrap;

      border: none;

      &__item {
        @extend .col-lg-6;
        &__image {
          @extend .img-fluid;
          padding-bottom: 1em;
        }
      }
    }
  }

  &__nav {
    @include post-nav-explorer;
  }
}

}

.post {

display: flex;

&__nav {
  @include aside-nav;
  @include post-nav-explorer;
}

&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-8;
  @include content;
  @include content-nav;
}

}

.search {

&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
  @include content;

  .ais-search-box {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .ais-hits {
    @include list-links;
  }
  .ais-pagination {
    li {
      text-decoration: none;
    }
  }
  .ais-Highlight {
    font-weight: bold;
    font-style: normal;
  }
  .post-breadcrumbs {
    font-size: small;
  }
  .post-snippet img {
    display: none;
  }
}

}

.download {

&__content {
  @include content;
  &__card {
    @extend .card;
    margin-bottom: $paragraph-margin-bottom;
    table { margin-bottom: 0 }
    &__header {
      @extend .card-header;
    }
    &__body {
      @extend .card-body;
      padding: 15px;
    }
  }
}

}

.sponsors {

&__content {
  @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
  @include content;

  &__card {
    display: flex;
    flex-wrap: wrap;
    &__item {
      @extend .card;
      border: none;
      padding: 15px;
      text-align: left;
      img {
        width: auto;
        height: 50px;
      }
      &__body {
        &_title {
          display: none;
        }
        &_description {
        }
      }
    }
  }
}

}