/*---------------------------------------------------------------*/
/*------------- Put CSS to overwrite Blog CSS here  -------------*/
/*---------------------------------------------------------------*/

blog-widget .blog-widget-article .blog-widget-article-preview .blog-widget-article-content-text {
  padding: 0em 0;
  line-height: 1.3em;
}

.blog-widget .blog-widget-heading {
  display:none;
}

.blog-widget .blog-widget-article:hover {
  background:none;
}

.blog-widget .blog-widget-article .blog-widget-article-preview {
  
}

.blogPost .blogPostDetails a.blogBtn {
  background:var(--cta);
  border-color:var(--cta);
  color:#fff;
}

.blogPost .blogPostDetails a.blogBtn:hover {
  background:none!important;
  color:var(--cta)!important;
}

.blog-widget .blog-widget-article:hover {
 box-shadow: none;
}


.blog-widget .blog-widget-article .blog-widget-article-preview .blog-widget-article-content-button {
  display: block;
  width:100%;
  max-width:100%;
  position: absolute;
  bottom: 1em;
  left: 1em;
  right: 1em;
  margin: 0;
  background:none;
  border:none;
  text-align:left;
  padding:0;
  border-radius:2em;
    color:var(--primary);
  background:none!Important;
}

.blog-widget .blog-widget-article .blog-widget-article-img .blog-widget-article-imgFrame {
    border-radius:2em;
}

.blog-widget .blog-widget-article .blog-widget-article-img {
  border-radius:2em;
}

.blog-widget .blog-widget-article .blog-widget-article-img .blog-widget-article-imgFrame:after {
  content:"";
  position:absolute;
  inset:0;
background: linear-gradient(360deg, rgba(30,30,30,0.9317927854735644) 0%, rgba(30,30,30,0.15308130087972693) 55%, rgba(30,30,30,0) 80%);
    border-radius:2em;
}

.blog-widget-article-img {
  position:relative;
}

.blog-widget-article-preview-title {
  position:absolute;
  bottom:0;
  color:#fff;
  padding:0.6em 1em;
  font-family:var(--headingFont);
  font-weight:700;
}

.blog-widget .blog-widget-article .blog-widget-article-preview {
  padding: 1em 1em 4em;
}