#blogs_all {
  background: none;
  padding-top: 25px;
  padding-bottom: 25px; }
  #blogs_all .section-heading {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    border: none; }
    #blogs_all .section-heading h2 {
      display: inline-block;
      padding: 0 20px;
      font-size: 20px;
      color: #565656;
      border-left: 2px solid #f2535c;
      border-right: 2px solid #f2535c; }
  #blogs_all .blogs {
    padding-top: 15px; }
    #blogs_all .blogs .blog_articles .article {
      display: grid;
      display: -ms-grid;
      margin-bottom: 10px;
      grid-template-columns: 100%;
      -ms-grid-columns: 100%;
      grid-template-rows: 250px 40px 50px 40px 11px;
      -ms-grid-rows: 250px 40px 50px 40px 11px;
      grid-template-areas: "image" "title" "content" "info" "hr"; }
      #blogs_all .blogs .blog_articles .article .article_image {
        grid-area: image;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        overflow: hidden; }
        #blogs_all .blogs .blog_articles .article .article_image a {
          display: block;
          position: relative;
          overflow-y: hidden;
          width: 100%;
          height: 100%;
          background-size: 100% auto;
          background-position: center;
          background-repeat: no-repeat; }
        #blogs_all .blogs .blog_articles .article .article_image .article_date {
          display: block;
          position: absolute;
          top: 10px;
          left: 26px;
          color: #aaa; }
          #blogs_all .blogs .blog_articles .article .article_image .article_date .day {
            display: block;
            padding: 5px 10px 0;
            color: #565656;
            background-color: #fff;
            text-align: center;
            font-size: 24px; }
          #blogs_all .blogs .blog_articles .article .article_image .article_date .month {
            display: block;
            padding: 0 10px 5px;
            color: #565656;
            background-color: rgba(249, 249, 249, 0.7);
            text-align: center; }
      #blogs_all .blogs .blog_articles .article .article_title {
        grid-area: title;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        #blogs_all .blogs .blog_articles .article .article_title a {
          color: #565656;
          font-size: 18px; }
      #blogs_all .blogs .blog_articles .article .article_content {
        grid-area: content;
        -ms-grid-column: 1;
        -ms-grid-row: 3; }
        #blogs_all .blogs .blog_articles .article .article_content > a {
          color: #a3a3a3;
          display: -webkit-box;
          display: block\0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: normal;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
      #blogs_all .blogs .blog_articles .article .article_info {
        grid-area: info;
        margin-top: 20px;
        -ms-grid-column: 1;
        -ms-grid-row: 4; }
        #blogs_all .blogs .blog_articles .article .article_info .article_readmore {
          display: block;
          float: right;
          padding: 0; }
          #blogs_all .blogs .blog_articles .article .article_info .article_readmore a {
            color: #15abed; }
      #blogs_all .blogs .blog_articles .article .article_hr {
        grid-area: hr;
        -ms-grid-column: 1;
        -ms-grid-row: 5;
        margin-top: 10px;
        background-color: #aaa; }