/*---------------------------------------------------------------*/
/*------------- Put CSS to overwrite Blog CSS here  -------------*/
/*---------------------------------------------------------------*/
.blogArchive,
.blog-widget .blog-widget-heading {
  display: none !important;
}

.blogMenu .categoryMenu:before {
  font-family: var(--bodyFont) !important;
}

.blog-widget .blog-widget-article  {
  position: relative;
  border-radius: 20px;
  box-shadow: none;
  border: 0 solid white;
}

.blog-widget .blog-widget-article:after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 2px solid white;
}

.blog-widget .blog-widget-article .blog-widget-article-img .blog-widget-article-imgFrame {
  padding-bottom: 60%;
  border-radius: 10px;
}

.blog-widget .blog-widget-article:nth-last-child(1) {
  border-bottom: 2px solid white;
}

.blog-widget .blog-widget-article .blog-widget-article-preview .blog-widget-article-content-button {
  position: relative;
  margin-top: 1em;
  left: unset;
  right: unset;
  bottom: unset;
  margin: unset;
  
  z-index: 11;
}

.blog-widget .blog-widget-article .blog-widget-article-preview {
  padding: 1em 0.5em;
  position: relative;
  display: block;
}

.blogPost {
  background: none;
  box-shadow: none;
  border: 1px solid var(--primary);
  border-radius: 10px;
  overflow: hidden;
}

.blogArticle .blogCategoryWrap .articleCategory {
  color: var(--white);
}