.article.default-blog-list > .margin > .padding {
  padding-top: 0;
}
.article.default-blog-list .navigation-wrap {
  margin: 30px 0px 0px 0px;
  text-align: center;
  width: 100%;
}
.article.default-blog-list .article.item-blog-list {
  margin: 0;
}
.article.default-blog-list .article.item-blog-list > .margin {
  margin: 20px 0px 0px 0px;
}
.article.default-blog-list .article.item-blog-list > .margin > .padding {
  padding: 15px 0;
}
.article.default-blog-list .article.item-blog-list > a {
  display: block;
}
.article.default-blog-list .article.item-blog-list .image {
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin: 0px 10px 0px 0px;
}
.article.default-blog-list .article.item-blog-list .image.no-image {
  display: none;
}
.article.default-blog-list .article.item-blog-list .image.no-image ~ h2,
.article.default-blog-list .article.item-blog-list .image.no-image ~ .introduction-text,
.article.default-blog-list .article.item-blog-list .image.no-image ~ .read-more,
.article.default-blog-list .article.item-blog-list .image.no-image ~ .info {
  width: 100%;
  padding-left: 0;
}
.article.default-blog-list .article.item-blog-list h2,
.article.default-blog-list .article.item-blog-list .introduction-text,
.article.default-blog-list .article.item-blog-list .info,
.article.default-blog-list .article.item-blog-list .button,
.article.default-blog-list .article.item-blog-list .read-more {
  width: 65%;
  float: left;
  padding-left: 20px;
}
.article.default-blog-list .article.item-blog-list img {
  width: 270px;
  height: 190px;
  float: left;
  max-width: unset;
}
.article.default-blog-list .article.item-blog-list .info {
  line-height: 100%;
  margin: 0px 0px 15px 0px;
  font-weight: 300;
  font-size: 14px;
}
.article.default-blog-list .article.item-blog-list .info > .messages {
  margin-left: 20px;
  color: inherit;
}
.article.default-blog-list .article.item-blog-list .read-more {
  margin: 30px 0px 0px 0px;
  font-weight: 300;
  font-size: var(--smallerFontSize);
}
.article.default-blog-list .article.item-blog-list .read-more a {
  transition: padding-left var(--shortTransition);
}
.article.default-blog-list .article.item-blog-list .read-more a i {
  transition: inherit;
  font-size: 12px;
}
.article.default-blog-list .article.item-blog-list .read-more a:hover > i {
  padding-left: 3px;
}
.article.default-blog-list .article.item-blog-list h2 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: var(--biggerFontSize);
}
.article.default-blog-list .article.item-blog-list h2 a {
  color: inherit;
}
.article.default-blog-list .article.item-blog-list h2 i {
  font-size: 20px;
  padding-right: 5px;
}
.article.default-blog-list .article.item-blog-list .introduction-text {
  margin: 10px 0;
  max-height: 66px;
  overflow: hidden;
  font-weight: 300;
  font-size: var(--defaultFontSize);
  color: black;
  display: block;
}
.article.default-blog-list .article.item-blog-list hr {
  border: 1px solid var(--defaultDarkGrey);
  margin: 20px 0px 0px 0px;
}

/* Grade A */
@media (max-width: 1194px) {
  .article.default-blog-list .article.item-blog-list .introduction-text {
    font-weight: normal;
    margin-top: 5px;
    float: left;
    width: 85%;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 1100px) {
  .article.default-blog-list .article.item-blog-list h2,
  .article.default-blog-list .article.item-blog-list .introduction-text,
  .article.default-blog-list .article.item-blog-list .info,
  .article.default-blog-list .article.item-blog-list .button,
  .article.default-blog-list .article.item-blog-list .read-more {
    padding-left: 0;
  }
  .article.default-blog-list .article.item-blog-list .read-more {
    padding-left: 0;
  }
  .article.default-blog-list .article.item-blog-list .image {
    width: 100%;
    padding-bottom: 20px;
  }
  .article.default-blog-list .article.item-blog-list .image img {
    width: 100%;
    height: 100%;
  }
  .article.default-blog-list .article.item-blog-list .introduction-text {
    max-height: 44px;
  }
}
/* Grade B */
@media (max-width: 991px) {
  .article.default-blog-list .article.item-blog-list .introduction-text {
    font-weight: normal;
    float: left;
    width: 85%;
    /* max intro height + ellipse*/
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .article.default-blog-list .article.item-blog-list h2,
  .article.default-blog-list .article.item-blog-list .introduction-text,
  .article.default-blog-list .article.item-blog-list .info,
  .article.default-blog-list .article.item-blog-list .button,
  .article.default-blog-list .article.item-blog-list .read-more {
    width: 82%;
  }
}
/* Grade C */
@media (max-width: 767px) {
  .article.default-blog-list .navigation-wrap {
    margin-top: 15px;
    width: 100%;
  }
  .article.default-blog-list .article.item-blog-list:first-child > .margin > .padding, .article.default-blog-list .article.item-blog-list:first-child > .margin {
    margin: 0;
    padding: 0;
  }
  .article.default-blog-list .article.item-blog-list > .margin > .padding {
    padding: 0;
  }
  .article.default-blog-list .article.item-blog-list .button {
    width: 100%;
    margin-bottom: 20px;
  }
  .article.default-blog-list .article.item-blog-list .introduction-text {
    float: right;
  }
  .article.default-blog-list .article.item-blog-list .info,
  .article.default-blog-list .article.item-blog-list .tags,
  .article.default-blog-list .article.item-blog-list .introduction-text,
  .article.default-blog-list .article.item-blog-list .read-more,
  .article.default-blog-list .article.item-blog-list h2 {
    width: 100%;
    padding-left: 0;
  }
  .article.default-blog-list .article.item-blog-list .info {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .article.default-blog-list .article.item-blog-list h2 {
    font-size: var(--defaultFontSize);
  }
  .article.default-blog-list .article.item-blog-list .introduction-text {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .article.default-blog-list .article.item-blog-list .image {
    width: 100%;
    margin-bottom: 5px;
  }
  .article.default-blog-list .article.item-blog-list .image img {
    width: 100%;
    height: unset;
  }
  .article.default-blog-list .article.item-blog-list .read-more {
    display: none;
  }
}
/* Grade D */

/*# sourceMappingURL=defaultBlog.css.map */