.article-post {
  background: #fff
  padding 30px

  .article-post-list {

    .article-post-item {

      margin-bottom 30px

      .article-post-title {
        h1 {
          text-transform: uppercase;
          font-size: 30px;
          letter-spacing: 5px;
          line-height: 1;
        }

        h2 {
          text-transform: uppercase;
          letter-spacing: 1px;
          font-size: 28px;
          line-height: 1;
          font-weight: 600;
          color: #5f5f5f;

        }

        h3 {
          text-transform: uppercase;
          letter-spacing: 1px;
          line-height: 1;
          font-weight: 600;
          color: #464646;
          font-size: 22px;
          margin: 0;

        }

        a {
          text-decoration: none;
          letter-spacing: 1px;
          color: #5f5f5f;

          &:hover {
            text-decoration: underline;
          }

        }
      }


      .article-post-content {
        a {
          text-decoration: none;
          letter-spacing: 1px;
          color: #4786D6;
        }

        a:hover {
          color: #2F69B3;
        }

        h3 {
          color: #5F5F5F;
          font-size: 22px;
          font-weight: 600;
        }

        h4 {
          color: #5F5F5F;
          font-size: 16px;
        }
      }


      .article-post-meta {
        padding-bottom: 30px;
        border-bottom: 1px solid #f2f2f2;
        color: #bbbbbb;
        font-size: 12px;

        .article-date, .article-tags, .article-categories {
          margin-right: 15px;
        }

        .article-tags, .article-categories {
          display: inline;

          ul {
            display: inline;

            li {
              display: inline;
            }
          }

          a {
            text-decoration: none;
            color: rgba(0, 0, 0, 0.44);
            font-weight: 400;

            &:hover {
              text-decoration: none;
            }
          }
        }
      }
    }
  }

}