/* -------------------------------------------------------
                   Blog
-------------------------------------------------------- */


.root-blog {

  counter-reset: compteListe;

  .type-p-nav{
    margin-top: var(--blog-g , 50px);
  }
  .blog-item {
    padding-left: 60px;
    padding-top: var(--blog-g , 50px);
    padding-bottom: var(--blog-g , 50px);

    &:last-of-type {
      border-bottom: 0;
      padding-bottom: 0;
    }

    &:first-of-type {
      padding-top: 0;
    }

    .blog-item-inner {

      @include media_991(min) {
        display: flex;
      }

      &::before {
        counter-increment: compteListe 1;
        color: $heading-color;
        content: "/ " counter(compteListe);
        position: absolute;
        left: -60px;
        top: 5px;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: bold;
      }


    }

    .left-box {
      @include media_991(min) {
        flex: 0 1 40%;
      }
      @include media_991 {
        margin-bottom: 15px;
      }
    }

    .right-box {
      @include media_991(min) {
        flex: 0 1 60%;
        padding-left: 30px;
      }
    }

  }
}



.post-tags {
  padding: 20px 0 0;
  clear: both;

  a {
    font-size: 13px;
    margin-right: 10px;
    padding-top: 10px;
    font-weight: 600;

    &:before {
      content: "#";
      position: relative;
      margin-right: 3px;
      font-size: 14px;
    }

    &, span {
      color: $heading-color;
    }
  }
}

@include col-layout(post, 30);

.pagination-post {
  position: relative;

  .pagination-item {
    border: 0;
  }

  a > span {
    letter-spacing: 2px;
  }

  @include media_768() {
    flex-direction: column;
    .icon {
      display: none;
    }
    .pagination-item {
      text-align: left;
      border: 0;

      &:not(.text-right){
        border-bottom: 1px solid $border-color;
      }

      &.border-left {
        border-top: 1px solid $border-color;

        a {
          display: flex;
          flex-direction: column-reverse;

          > span {
            margin-top: 10px;
            margin-bottom: 0;
          }
        }
      }
    }
  }

}