.home, .page, .blog, .aside, .download, .sponsors, .search {
  @extend .container;
  min-height: calc(30vh);
  padding-top: $paragraph-margin-bottom;
  padding-bottom: $paragraph-margin-bottom;
}

.home {
  @include content;

  &__news-and-sponsors {
    @extend .row;
    &__news {
      @extend .col;
      @include link-list;
    }
    &__sponsors {
      @extend .col-4;
      .card {
        margin: 1em;
        margin-left: 0;
        border: none;
      }
      img {
        width: auto;
        height: 50px;
      }
    }
  }
  &__around {
    @include link-list;
  }
}

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

  &__nav {
    @include aside-nav;
  }

  &__content {
    @extend .col-xl-8;
    @include content;
    padding-left: 0;
  }
}

.page {
  &__content {
    @include content;
  }
}

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

  &__navbar {
    display: flex;
    justify-content: space-between;
    flex-direction: row;

    &__newer, &__older, &__feeds {
      &--disabled {
        opacity: 0;
      }
    }
  }

  &__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;
        }
      }
    }
    border-bottom: 1px solid $body-color;
  }
}

.post {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;

  &__navbar {
    @extend .col-lg-8;
    display: flex;
    justify-content: space-between;
    flex-direction: row;

    &__newer, &__older {
      &--disabled {
        opacity: 0;
      }
    }
    &__newer {
      margin-right: 0;
    }
    &__older {
      margin-left: 0;
    }
  }

  &__content {
    @extend .col-lg-8;
    @include content;

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

.search {
  &__results {
    @include link-list;

    .lunrsearchresult {
      .title {
        margin-top: 0;
      }
      .url {
        color: silver;
      }
    }
  }
}

.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 {
    &__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 {
          }
        }
      }
    }
  }
}