article {
  display: block;

  &.sticky {
    .entry-content-wrap {
      .entry-header {
        .entry-title {
          a {
            &:before {
              content: "★";
              margin-right: 10px;
              color: red;
            }
          }
        }
      }
    }
  }
  .entry-thumbnail {
    .post-thumbnail {
      overflow: hidden;

      &__link {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
      }

      .blog_item--thumbnail {
        padding-bottom: 45%;

        &.figure__object_fit {
          position: relative;
          overflow: hidden;
          width: 100%;
          img {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
      .post-thumbnail__img {
        transition: all 2s ease-out;
      }
      &:hover {
        .post-thumbnail__img {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
        }
      }
    }
  }
  &.page,
  &.post {

    .entry-thumbnail {
      position: relative;
      margin-bottom: rem-calc(40);
      .post-thumbnail a {
        display: block;
      }
      .entry-meta__cat {
        position: absolute;
        top: 30px;
        right: 30px;
        display: none;
        @include breakpoint( medium  ) {
          display: flex;
        }
        a {
          background: #ffff;
          line-height: 30px;
          font-size: rem-calc(14);
          padding: 0 rem-calc(15);
          margin-right: rem-calc(8);
          border-radius: 3px;
          &:hover {
            background: v(site-accent-color);
            color: #fff;
          }
        }
      }
    }

    .entry-content-wrap {

      .entry-header {
        .entry-title {
          font-size: rem-calc(24);
          margin-bottom: rem-calc(12);
          @include breakpoint( large  ) {
            font-size: rem-calc(40);
          }
        }
      }
      .entry-content {
        font-size: rem-calc(16);
        line-height: rem-calc(26);
        padding-bottom: rem-calc(30);
        border-bottom: solid 1px v(site-border-color);
        p {
          font-size: rem-calc(16);
          line-height: rem-calc(26);
          @include breakpoint( medium down  ) {
            font-size: rem-calc(14);
            line-height: rem-calc(24);
          }
        }
      }
      .entry-content__readmore-wrap {
        display: block;
      }
    }
  }

}
