.comment-meta {
   font-size: 13px;
   line-height: 13px;
   color: #fff;
   display: inline-block;
   position: relative;
   margin-right: 15px;
   background: #2399c5;
   padding: 5px 8px;
   z-index: 101;
}

.comment-meta:after {
   border-color: rgba(0, 0, 0, 0) #2399c5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.category-title-container {
   background-color: #f7f7f7;
}

.category-title {}

.loop-post {
   float: left;
   display: inline-block;
   vertical-align: top;
   margin: 0px;

   .category-post-title {
      a {
         color: #010101;
         font-size: 16px;
      }
      a:hover {
         color: #2399c5;
         text-decoration: none;
         border-bottom: 1px solid rgba(105,105,179,0.2);
      }

   }

   .category-post-image {
      height: 300px;
      max-height: 300px;
      position: relative;
      text-align: center;
      background-color: #eeeeee;

      .helper{
         display: inline-block;
         height: 100%;
         vertical-align: middle;
         margin: -2px;
      }

      img {
         vertical-align: middle;
         max-height: 100%;
      }

      .post-meta {
         background-color: rgba(0, 0, 0, 0.7);
         width: 100%;
         position: absolute;
         bottom: 0px;
         color: #ffffff;
         font-size: 12px;
      }

   }
   .category-post-description {
      min-height: 120px;
   }
}

.category {
   overflow: auto;
}

.category {
   display: block;
   content: ' ';
   clear: both;
}

.loop-post:nth-child(2n){
   margin-right: 20px;
}

.loop-post:first-child {
   margin-right: 0px;
   width: 100%;

   .category-post-description {
      min-height: 72px;
   }
}

.category-description {
   border-top: 4px solid #147cb3;
   .category-description-title {
      color: #147cb3;
      margin: 25px 0;
      font-size: 20px!important;
      line-height: 25px!important;
      font-weight: 700!important;
   }
}