.article {
  h3, h4 { margin: 20px 0; }
}

.blog-index {
  .image { overflow: hidden; }
  .preview { vertical-align: middle; }

  .excerpt {
    line-clamp: 3;
    -webkit-line-clamp: 3;
  }

  .date {
    a {
      color: var(--moaning-maroon);
      text-decoration: none;
    }
  }
}

.sidebar {
  margin: auto;
  margin-top: 0;

  a {
    color: var(--moaning-maroon);
    text-decoration: none;
  }

  .break {
    max-width: 100px;
    width: 50%;
  }

  .excerpt {
    line-clamp: 5;
    -webkit-line-clamp: 5;
  }

  .image {
    max-height: 150px;
    overflow: hidden;
    width: 100%;
  }

  .more {
    text-align: center;
    width: 100%;

    a:hover {
      color: var(--ms-scarlet);
      text-decoration: underline;
    }
  }
}

.thumbnail {
  .title {
    a {
      color: var(--moaning-maroon);
      text-decoration: none;
    }

    a:hover {
      color: var(--ms-scarlet);
      text-decoration: underline;
    }
  }

  .excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
  }
}