.search article.post .entry-summary {
  display: none;
}

.search article.page {
  margin-bottom: 50px;
}



article.post {
  margin-bottom: 50px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 17px 1px #eee
}


.entry-content {

  ul {
    list-style: disc inside;
  }

  ol {
    list-style: decimal;
  }

  h6,
  h5,
  h4,
  h3,
  h2,
  h1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }

  address {
    border: 1px solid #ddd;
    padding: 10px;
  }

}

.dostart-post {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;

  .post_thumbnail {
    position: relative;
  }

  .excerpt-date {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px 20px;
    border-top-right-radius: 30px;
    background: $brand-color;
  }


  &-content {
    padding: 30px;

    .tags>a {
      transition: .4s;
      border: 2px solid;
      padding: 3px 15px;
      border-radius: 20px;
      margin: 2px;
      display: inline-block;

      &:hover{
        background: $brand-color;
        color:#fff
      }
  }

  }



  .entry-meta {
    font-size: 14px;
    padding-bottom: 20px;

    a {
      color: #333;

      &:hover {
        color: $brand-color
      }
    }
  }


  .entry-title {
    font-weight: 700;

    a {
      color: #333;
    }
  }


}


.excerpt-readmore a {
  display: inline-block;
  padding: 10px 30px;
  color: #fff;
  border-radius: 50px;
  background: $brand-color;

  &:hover {
    background: $brand-hover-color;
  }

}


blockquote {
  font-size: 16px;
  font-style: italic;
  padding-left: 10px;
  border-color: #065FD4;
}

.blog-sidebar .widget {
  border: 1px solid #efefef;
  padding: 20px 15px;
}


/*-------[ Pagination ] ------*/
.pagination {
  display: unset;
  margin-top: 50px;

  .nav-links {
    margin: 0 auto;

    .page-numbers {
      display: inline-block;
      padding: 9px 18px;
      border-radius: 6px;
      background: #eaeaea;
      color: #333;


      &:hover {
        color: #fff;
        background-color: $brand-color;
      }


      &.current {
        color: #fff;
        background-color: $brand-color;
      }

    }


  }

}


/**--------- Blog Previous Next Button ----------------*/

.navigation.post-navigation .nav-links {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  margin-bottom: 30px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;


  .nav-next a,
  .nav-previous a {
    display: inline-block;
    border-radius: 60px;
    cursor: pointer;
    border: px solid;
    touch-action: manipulation;
    transition: all .3s ease 0s;
    color: #333;
    display: block;
    padding: 10px 0;

    &:hover {
      color: #222222;
      text-decoration: underline;
    }

  }


}



/*---------------------------
      Soical Share
----------------------------*/


.dostart-post-share {
  text-align:center;
  overflow:hidden;
  margin-bottom: 50px;

h2{
  font-size: 25px;
}

.btn{
    display: inline-block;
    background-color: #fff;
    border:1px solid #eee;
    color:#fff;
    padding: 8px 20px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;

    &:focus, &:hover, &:active
    {
      outline: 0;
      box-shadow: none;
    }

    span{
        padding-left:5px
    }
}

.btn-facebook{
    background-color: #065fd4;

    &:hover, &:focus, &:active{
      background-color: #0e54af;
    }
}

.btn-twitter{
  background-color: #55acee;

  &:hover, &:focus, &:active{
      background-color: #2888d1;
    }

}

.btn-pinterest{
  background-color: #cb2028;

  &:hover, &:focus, &:active{
      background-color: #aa181f;
    }

}

.btn-linkedin{
  background-color: #007bb6;

  &:hover, &:focus, &:active{
      background-color: #096088;
    }

}


}


/***************************
      Related  Post Grid
****************************/

.related-posts {
  padding-top: 50px;
}

.dostart-blog-item {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.15);
  box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.15);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 6px;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;

  &-content {
    padding: 20px;


    ul {
      margin-bottom: 0;
      margin: 0;
      padding-left: 0;
      list-style: none;
      display: flex;
      align-items: center;

      li i {
        margin-right: 10px;
        font-size: 14px;
      }

    }



  }


  &-img {
    position: relative;


    span {
      background: rgba(0, 0, 0, 0.50);
      -webkit-box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.15);
      box-shadow: 0px 10px 30px 0px rgba(54, 56, 110, 0.15);
      position: absolute;
      left: 10px;
      bottom: 10px;
      border: 1px solid #fff;
      border-radius: 20px;
      padding: 0 15px;
      font-size: 14px;

      a {
        color: #fff;
      }

    }

    img {
      width: 100%;
    }
  }


  &-meta {
    font-size: 16px;
    border-top: 1px solid #eceef2;
    padding-top: 15px;
    margin-top: 15px;

    a {
      display: flex;
      align-items: center;
      padding-right: 10px;
      color:#333
    }


    .avatar {
      border-radius: 50%;
      margin-right: 10px;
    }

    .blog-meta-info {
      position: relative;
      margin: 0;
      padding-right: 20px;

      &:after {
        content: '';
        position: absolute;
        top: 8px;
        right: 16px;
        background: #b7b2b2;
        height: 16px;
        width: 1px;
      }


      &:last-child {
        margin-right: 0;
      }

    }

    .blog-meta-info:last-child:after {
      display: none;
    }


  }

  &-content {

    h4 {
      font-size: 20px;
      margin-bottom: 0;
      margin: 0;
      color: #333;
      padding-bottom: 20px
    }

    p {
      font-size: 16px
    }


    .blog-btn {
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 16px;
    }


    .blog-item-date {
      margin: 0;
    }


  }



}


/*-------[ Blog Responsive ] ------*/

@media(max-width: 1200px) {}

@media(max-width:991px) {}

@media(max-width:767px) {
  .blog-page-padding {
    padding-right: 15px;
  }

  .entry-header h2 {
    font-size: 23px;
    line-height: normal;
  }
}

@media(max-width:480px) {
  .entry-header h2 {
    font-size: 18px;
    line-height: 22px;
  }
}

@media(max-width:320px) {}