.home, .page, .blog, .aside, .download, .sponsors, .search, .post {
  @extend .container;
  min-height: calc(30vh);
}

.home {
  &__content {
    @extend .col-sm-12;
    @include content;
    &__distributions {
      .btn {
        @extend .btn-primary;
        width: 100%;
        margin-right: 15px;
        margin-bottom: $paragraph-margin-bottom;
      }
    }
    &__sponsors {
      .card {
        margin: 1em;
        margin-left: 0;
        border: none;
      }
      img {
        width: auto;
        height: 50px;
      }
    }
    &__planet, &__news-and-events {
      @include link-list;
    }
  }
}

.aside {
  display: flex;
  align-items: flex-start;

  &__nav {
    @include aside-nav;
  }

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

.page {
  &__content {
    @extend .col-sm-12;
    @include content;
    @include content-nav;
  }
}

.blog {

  &__content {
    @extend .col-sm-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;
  align-items: flex-start;

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

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

}

.search {
  &__content {
    @extend .col-sm-12;
    @include content;

    .ais-search-box {
      max-width: 100%;
      margin-bottom: 15px;
    }
    .ais-hits {
      @include link-list;
    }
    .ais-pagination {
      li {
        text-decoration: none;
      }
    }
    .ais-Highlight {
      font-weight: bold;
      font-style: normal;
    }
    .post-breadcrumbs {
      display: block;
      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;
        &__image {
          img {
            width: auto;
            height: 50px;
          }
        }
        &__body {
          &__title {
          }
          &__description {
          }
        }
      }
    }
  }
}