/*----------  Media Query min-width Structure   ----------*/
/*----------  Media Query max-width Structure   ----------*/
/*----------  Break-point min-width Structure   ----------*/
/*----------  Break-point max-width Structure   ----------*/
.blog-layout-2 {
  -js-display: flex;
  display: flex;
  padding-bottom: 2em;
  vertical-align: middle;
  border-bottom: 1px solid var(--ast-border-color);
}

@media (max-width: 768px) {
  .blog-layout-2 .post-content,
  .blog-layout-2 .ast-blog-featured-section {
    width: 100%;
    float: none;
  }
  .blog-layout-2 .ast-blog-featured-section .post-thumb {
    text-align: left;
  }
}

.blog-layout-2 .posted-on {
  right: 0;
}

.blog-layout-2 .post-thumb {
  text-align: right;
}

.blog-layout-2 {
  /* 2 - Blog Thumbnail Styles */
}

.blog-layout-2 .post-thumb .posted-on {
  position: absolute;
  top: 0;
}

.blog-layout-2 .post-thumb .posted-on .entry-date span {
  display: block;
  width: 100%;
  text-align: center;
}

.blog-layout-2.ast-no-thumb .post-thumb {
  display: inline-block;
}

.blog-layout-2.ast-no-thumb .posted-on {
  position: relative;
  display: inline-block;
}

.blog-layout-2.ast-no-thumb .post-thumb {
  width: auto;
}
