// for content
.elemento-addons-simple-post {
  .elemento-post-layout-listGrid {
    display: flex;
    flex-wrap: wrap;
    // grid-gap: 20px;
    margin: -8px;

    .elemento-post-layout-iteme {
      width: calc(100% / 2);
      padding: 8px;
      > div {
        transition: 0.2s all linear;
      }
    }
  }
  .elemento-featured-image {
    display: block;
    height: 200px;
    position: relative;
    width: 100%;
    margin: auto;

    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
  //   .elemento-post-content-all {
  //     margin: 0;
  //     display: flex;
  //     flex-direction: column;
  //     grid-gap: 10px;
  //   }
  .elemento-post-content {
    margin: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 10px;
    ._category_ {
      display: flex;
      grid-gap: 10px;
      a {
        font-size: 13px;
        padding: 4px;
        line-height: 1;
        text-decoration: none !important;
        color: white;
        &:nth-child(1) {
          background-color: #73d480;
        }
        &:nth-child(2) {
          background-color: #d136ed;
        }
        &:nth-child(3) {
          background-color: #3936ed;
        }
      }
    }
    // title
    .elemento-post-title {
      font-size: 18px;
      color: #54595f;
      margin: 0;
      font-weight: bold;
      transition: 0.3s all linear;

      a {
        color: inherit;
        font-weight: inherit;
        text-decoration: none;
      }
    }

    .elemento-post-meta-data {
      font-size: 12px;
      color: #adadad;
      word-break: break-all;
      span + span:before {
        content: "|";
        margin: 0 4px;
      }
    }

    .elemento-post-excerpt {
      p {
        line-height: 1.1;
        margin: 0;
        color: #777;
      }
    }

    .elemento-post-read-more {
      font-size: 12px;
      font-weight: 700;
      color: #61ce70;
      display: block;
      width: fit-content;
      transition: 0.2s all linear;
    }
  }
}

//   pagination -------------------
.elemento-addons-pagination {
  display: flex;
  margin-top: 10px;
  grid-gap: 10px;
  // ._last-page {
  //   &:before {
  //     content: "...";
  //   }
  // }
  .elemento-post-link {
    width: fit-content;
    padding: 12px;
    cursor: pointer;
    border: 1px solid black;
    transition: 0.3s all linear;
    line-height: 1;
    text-decoration: none !important;

    &.active {
      text-decoration: underline !important;
    }

    &.disable {
      pointer-events: none;
      opacity: 0.4;
    }

    &[data-link="prev"],
    &[data-link="next"] {
      visibility: initial;
    }
  }
}

//   pagination -------------------