/* CATEGORY BLOG – masonry layout */
.blog.com-content-category-blog .com-content-category-blog__items.article-list {
  column-count: 2;
  column-gap: 30px;
  display: block !important;
}

.blog.com-content-category-blog .com-content-category-blog__item.blog-item.article {
  display: inline-block !important;
  width: 100% !important;
  margin: 0 0 25px !important;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  vertical-align: top;
}

/* neutralize grid/flex/width rules from template */
.blog.com-content-category-blog .com-content-category-blog__items.article-list > .com-content-category-blog__item {
  float: none !important;
  flex: none !important;
  max-width: 100% !important;
}

/* image-to-text spacing */
.blog.com-content-category-blog .com-content-category-blog__item .article-intro-image,
.blog.com-content-category-blog .com-content-category-blog__item .entry-image,
.blog.com-content-category-blog .com-content-category-blog__item .article-image {
  margin-bottom: 25px !important;
}

/* tighten spacing inside intro content */
.blog.com-content-category-blog .com-content-category-blog__item .article-body,
.blog.com-content-category-blog .com-content-category-blog__item .item-content,
.blog.com-content-category-blog .com-content-category-blog__item .article-content,
.blog.com-content-category-blog .com-content-category-blog__item .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* spacing below title/meta before intro text */
.blog.com-content-category-blog .com-content-category-blog__item h1,
.blog.com-content-category-blog .com-content-category-blog__item h2,
.blog.com-content-category-blog .com-content-category-blog__item h3,
.blog.com-content-category-blog .com-content-category-blog__item .article-header,
.blog.com-content-category-blog .com-content-category-blog__item .entry-header {
  margin-bottom: 25px !important;
}

/* intro text block spacing */
.blog.com-content-category-blog .com-content-category-blog__item .article-introtext,
.blog.com-content-category-blog .com-content-category-blog__item .introtext,
.blog.com-content-category-blog .com-content-category-blog__item .entry-intro,
.blog.com-content-category-blog .com-content-category-blog__item .entry-summary {
  margin-bottom: 25px !important;
  padding-bottom: 0 !important;
}

/* paragraph spacing inside intro text */
.blog.com-content-category-blog .com-content-category-blog__item .article-introtext p,
.blog.com-content-category-blog .com-content-category-blog__item .introtext p,
.blog.com-content-category-blog .com-content-category-blog__item .entry-summary p,
.blog.com-content-category-blog .com-content-category-blog__item .entry-intro p {
  margin-bottom: 0 !important;
}

/* readmore spacing */
.blog.com-content-category-blog .com-content-category-blog__item .readmore,
.blog.com-content-category-blog .com-content-category-blog__item .readmore-wrap,
.blog.com-content-category-blog .com-content-category-blog__item .article-readmore,
.blog.com-content-category-blog .com-content-category-blog__item .entry-readmore {
  display: inline-block !important;
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
}

/* kill extra bottom spacing from common inner wrappers */
.blog.com-content-category-blog .com-content-category-blog__item > div:last-child,
.blog.com-content-category-blog .com-content-category-blog__item .article-body > div:last-child,
.blog.com-content-category-blog .com-content-category-blog__item .item-content > div:last-child,
.blog.com-content-category-blog .com-content-category-blog__item .article-content > div:last-child,
.blog.com-content-category-blog .com-content-category-blog__item .entry-content > div:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ARTICLE DETAIL PAGE – widen text body under featured image */
.view-article [itemprop="articleBody"] {
  width: 98% !important;
  max-width: 98% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* also widen common parent wrappers if the template constrains them */
.view-article .item-page,
.view-article .article-details,
.view-article .article,
.view-article .com-content-article {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 991px) {
  .blog.com-content-category-blog .com-content-category-blog__items.article-list {
    column-count: 1;
  }

  .view-article [itemprop="articleBody"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}