.blog {
  padding: 90px 0; }
  .blog .blog-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .blog .blog-wrap .blog-item {
      display: flex;
      flex-flow: column nowrap;
      flex: 1 0 300px;
      background-color: #f5f5f5;
      transition: all .5s ease;
      margin-bottom: 20px;
      max-width: 366px; }

      .blog .blog-wrap .blog-item:hover {
        box-shadow: 5px 5px 10px 0px #d4d4d4; }
      .blog .blog-wrap .blog-item .blog-content {
        padding: 15px; }
        .blog .blog-wrap .blog-item .blog-content .blog-publish-date {
          padding: 10px 0;
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; }
          .blog .blog-wrap .blog-item .blog-content .blog-publish-date span a {
            font-weight: 600; }
            .blog .blog-wrap .blog-item .blog-content .blog-publish-date span a:first-child {
              color: #d05456; }
      .blog .blog-wrap .blog-item .blog-btn {
        text-align: right;
        margin: auto 15px 15px; }
        .blog .blog-wrap .blog-item .blog-btn a {
          display: inline-block;
          padding: 10px 15px;
          text-transform: uppercase;
          font-weight: 400;
          border-radius: 2px;
          background-color: #e0e0e0;
          border: 1px solid #E0E0E0;
          color: #202020;
          transition: all 0.3s ease; }
          .blog .blog-wrap .blog-item .blog-btn a:hover {
            background-color: #d05456;
            border-color: #d05456;
            color: #fff; }

/*====----SINGLE POST----====*/
.single-post-header {
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-bottom: 0; }
  .single-post-header .header_pages-text {
    margin: 0; }

.single-post {
  position: relative;
  padding: 50px 0; }
  .single-post .social-wrap {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%); 
    z-index: 99;}
    .single-post .social-wrap span {
      text-align: center;
      display: inline-block;
      transform: rotate(-90deg) translateY(-50%);
      background-color: #af3329;
      text-transform: uppercase;
      font-weight: 600;
      color: #fff;
      font-size: 18px;
      padding: 10px 15px;
      position: absolute;
      top: 45%;
      left: -15px;
      letter-spacing: 1px;
      cursor: pointer;
      border-radius: 0 0 5px 5px;
      min-width: 120px; }
      .single-post .social-wrap span:hover + .social {
        transform: translateX(0);
        transition: all .5s linear; }
    .single-post .social-wrap .social {
      position: relative;
      background-color: #af3329;
      margin: 0;
      padding: 15px;
      transform: translateX(-100%);
      transition: all .5s linear; }
      .single-post .social-wrap .social:hover {
        transform: translateX(0); }
      .single-post .social-wrap .social-item {
        text-align: center;
        padding: 5px;
        transition: all .5s linear; }
        .single-post .social-wrap .social-item:not(:last-child) {
          margin-bottom: 10px; }
        .single-post .social-wrap .social-item a {
          font-size: 16px;
          color: #fff;
          transition: all .5s linear; }
        .single-post .social-wrap .social-item:hover {
          border-radius: 50%;
          background-color: #fff; }
          .single-post .social-wrap .social-item:hover a {
            color: #af3329; }
  .single-post .single-post-wrap {
    background-color: #f5f5f5;
    padding: 20px; }
    .single-post .single-post-wrap .single-post-image {
      position: relative; }
      .single-post .single-post-wrap .single-post-image .single-post-publish {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px 25px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        background-color: rgba(170, 170, 170, 0.5); }
        .single-post .single-post-wrap .single-post-image .single-post-publish span {
          display: inline-block;
          color: #fff;
          font-size: 16px; }
          .single-post .single-post-wrap .single-post-image .single-post-publish span a {
            color: #fff;
            text-decoration: underline;
            transition: all .3s linear; }
            .single-post .single-post-wrap .single-post-image .single-post-publish span a:hover {
              color: #af3329; }
          .single-post .single-post-wrap .single-post-image .single-post-publish span i {
            margin-right: 5px; }
    .single-post .single-post-wrap .single-post-title {
      margin-bottom: 20px; }
      .single-post .single-post-wrap .single-post-title h1 {
        text-align: center;
        font-size: 24px;
        color: #af3329; }
    .single-post .single-post-wrap .single-post-content .single-post-text p.post-info {
      text-indent: 0; }
      .single-post .single-post-wrap .single-post-content .single-post-text p.post-info span {
        color: #af3329;
        font-weight: 600; }
      .single-post .single-post-wrap .single-post-content .single-post-text p.post-info a {
        margin: 10px 0;
        display: block;
        color: #af3329; }
    .single-post .single-post-wrap .single-post-content p {
      text-indent: 15px;
      line-height: 1.5; }
  .single-post .sidebar-blog-post .news-category {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 25px; }
    .single-post .sidebar-blog-post .news-category .cat-title h3 {
      margin-top: 0;
      margin-bottom: 15px;
      font-size: 18px;
      text-transform: uppercase;
      color: #af3329;
      font-weight: 600; }
    .single-post .sidebar-blog-post .news-category ul {
      padding-left: 0; }
      .single-post .sidebar-blog-post .news-category ul li {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        border-bottom: 1px dashed #889095;
        padding-bottom: 5px;
        margin-bottom: 15px; }
        .single-post .sidebar-blog-post .news-category ul li a {
          text-transform: uppercase;
          color: #889095;
          font-size: 12px;
          transition: all .3s linear; }
          .single-post .sidebar-blog-post .news-category ul li a:hover {
            color: #af3329; }
        .single-post .sidebar-blog-post .news-category ul li span {
          font-weight: 600;
          color: #889095; }
  .single-post .sidebar-blog-post .rss-posts {
    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 25px; }
    .single-post .sidebar-blog-post .rss-posts .rss-title h3 {
      margin-top: 0;
      margin-bottom: 15px;
      font-size: 18px;
      text-transform: uppercase;
      color: #af3329;
      font-weight: 600; }
    .single-post .sidebar-blog-post .rss-posts ul {
      padding-left: 0; }
      .single-post .sidebar-blog-post .rss-posts ul li {
        margin-bottom: 15px; }
        .single-post .sidebar-blog-post .rss-posts ul li a {
          text-indent: 10px;
          font-size: 12px;
          font-weight: 600;
          display: block;
          color: #72787b;
          transition: all .3s linear;
          margin-bottom: 3px; }
          .single-post .sidebar-blog-post .rss-posts ul li a:hover {
            color: #af3329; }
        .single-post .sidebar-blog-post .rss-posts ul li span {
          font-weight: 600;
          font-size: 12px;
          color: #9ca4a9; }

/*# sourceMappingURL=blog.css.map */
