.postItem{
    figure{
        margin:0;
    }
    .content{
      padding:30px 15px;
      background:$white-color;
      .readMore{
          text-align: center;
          .common-button{
              @include justify-content-center;
              &.is-clear{
                  text-transform: uppercase;
              }
          }
      }
    }
    .post-header{
      text-align: center;
      h4{
        
        font-weight: 700;
        text-transform: uppercase;
        margin: 10px 0 5px 0;
        a{
            color:$heading-color;
            font-size:1.25rem;
            line-height: 1.5;
            font-family: $heading-fonts;
            text-transform: capitalize;
            font-weight: 700;
            background-image: -prefix-linear-gradient(to right, rgba(255,255,255,0) 50%, #f5a899c7 50%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,0)), color-stop(50%, #f5a899c7));
            background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #f5a899c7 50%);
            background-position: 0 0;
            background-size: 200.22% auto;
            -webkit-transition: background-position 0.5s ease-out 0s;
            transition: background-position 0.5s ease-out 0s;
        }
        &:hover{
          a{
            color:$heading-color;
          }
        }
      }
      .post-author{
        span{
          font-style: italic;
          text-transform: capitalize;
          font-size: 0.8125rem;
          font-weight: 600;
          
          a{
            color:$bg-dark;
            &::before{
              content: "";
              font-family: "Font Awesome 5 Free";
              margin-right:.5rem;
              font-size: .775rem;
              font-weight: 400;
            }
          }
          &.author.vcard{
            a{
              &::before{
                content: "\f007";
                margin:0 .5rem;
              }
            }
          }
        }
      }
      .post-meta{
        margin-top:15px;
        @include display-flex(flex);
        @include justify-content-center;
        @include align-items-center;
        
        span{
          font-size: .875rem;
          a{
            color:$bg-dark;
            &::before{
              content: "";
              font-family: "Font Awesome 5 Free";
              margin-right:.35rem;
              font-size: .775rem;
              font-weight: 400;
            }
          }
          &.posted-on{
            a{
              &::before{
                content: "\f073";
                margin:0 .5rem;
              }
            }
          }
          &.comments-link{
            a{
              &::before{
                content: "\f086";
              }
            }
          }
          &.edit-link{
            a{
              &::before{
                content: "\f044";
              }
            }
          }
          &.cat-links{
            a{
              &::before{
                content: "\f00b";
                margin:0 .5rem;
              }
            }
          }
          
          &:not(:last-child){
            // margin-right: 1.5rem;
            &::after{
              display: inline-flex;
              content:'|';
              margin:0 .6125rem;
            }
          }
        }
      }
    }
    .post-content{
      padding:20px 0;
      margin-top:15px;
      border-top:1px solid $border-color;
  
      p{
        margin:0;
      }
    }
    &.post{
      &.masonry-post{
        background-color: transparent;
        padding:0 15px;
        margin-top:0;
        margin-bottom: 2rem;
      }
    }
    &:hover{
      .post-header{
        h4{
          a{
            background-position: -99.99% 0;
          }
        }
      }
    }
  }
  .main-post{
    .postItem{
      margin-top:2rem;
    }
  }