.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 {
      a { font-weight: bold; }
      @include list-links;
    }
  }
}

.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;
    &__mailman {
      &__article {
        pre {
          padding: 0;
          overflow: hidden;
          max-height: none;
          border: none;
          background: $white;
          font-size: 1rem;
          white-space: pre-wrap;
        }
      }
    }
  }
}

.page {
  &__content {
    @extend .col-sm-12;
    @include content;
    &__autoindex {
      // The autoindex is not directly used by website content but by external
      // sites (e.g., mirror.centos.org, people.centos.org and all the
      // user-specific pages under it.
      &__list {
        padding-bottom: $paragraph-margin-bottom;
        border-bottom: 1px solid lightgray;
      }
      img {
        width: auto;
      }
      pre {
        background: none;
        border: none;
        max-height:  none;
        overflow-y: hidden;
        padding: 0;
      }
    }

    &__mailman {
      &__admlogin {
        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td {
          background-color: $white;
          border: none;
          padding: 0;
          vertical-align: middle;
        }
        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
          text-align: center;
        }
        &> address:nth-child(4) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) {
          text-align: right;
        }
      }
      &__listinfo {
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1),
        &> address:nth-child(8) > table:nth-child(8) > tbody:nth-child(1) > tr:nth-child(1) > td,
        &> address:nth-child(5) > p:nth-child(7) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td,
        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td {
          background-color: $white;
          border: none;
          padding: 0;
          vertical-align: middle;
          text-align: left;
        }
        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) {
          text-align: center;
        }
        &> table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) {
          text-align: right;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {
          padding: 0;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1) > strong:nth-child(1) > font:nth-child(1),
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2) > strong:nth-child(1) > font:nth-child(1) {
          font-size: 1rem;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > font:nth-child(1) {
          @extend .h3;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td {
          border: none;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) {
          display: none;
        }
        &> table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(4) {
          @extend .text-white, .bg-dark;
        }
      }
      &__listinfo, &__archtoc, &__archtocnombox, &__article, &__emptyarchive, &__options, &__roster, &__subscribe, &__private, &__admlogin {
        img {
          width: auto;
        }
      }
    }
  }
}

.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 list-links;
    }
    .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;
        img {
          width: auto;
          height: 50px;
        }
        &__body {
          &_title {
            display: none;
          }
          &_description {
          }
        }
      }
    }
  }
}