/** Shopify CDN: Minification failed

Line 132:38 Unexpected "{"
Line 132:47 Expected ":"

**/
#blog-new-feat {margin: 3em auto; padding: 0px; max-width: 1200px;}

h1 {font-size: 4.643em; line-height: 100%; margin-bottom: 0.5em; letter-spacing: -0.021em;}
.tag-menu {display: flex; list-style: none; background-color: var(--content-main-color); margin-bottom: 1.5em;}
.tag-menu li {padding: 1em 2em; text-transform: uppercase; color: #fff; font-weight: bold; line-height: 128%; letter-spacing: 0.066em;}
.isNotMobile .tag-menu li a:hover {color: #fff;}

#blog-new-feat .article .content {
  font-size: 12px; font-weight: 400; line-height: 140%;color: #314438;margin-bottom: 0em; text-wrap:auto;
}
#blog-new-feat .articles-wrapper.template-grid .pic-wrapper {position: relative;}
#blog-new-feat .articles-wrapper.template-grid .text-wrapper{
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
}

.article-linked{
  display: flex;
  flex-direction: column;
  gap:20px;
}
#blog-new-feat .articles-wrapper.template-grid .text-wrapper .title-and-caption{
  height: 220px;  
}

#blog-new-feat .articles-wrapper.template-grid .text-wrapper .tagbox{
  display: flex;
  align-items: flex-start;
  gap: 7.252px;
  align-self: stretch;

}

#blog-new-feat .articles-wrapper.template-grid .text-wrapper .article-cta{
  display: flex;
  width: fit-content;
  padding: 7.252px;
  justify-content: center;
  align-items: center;
  gap: 9.065px;
  flex-shrink: 0;
  background: var(--Primary-Branch-Green, #314438);
  color: var(--Primary-White, #FFF);
  text-align: center;
  font-family: Quicksand;
  font-size: 10.878px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.544px;
  text-transform: uppercase;
  margin-bottom:10px;

  border: 2px solid #314438;
    transition: 1s;
}

#blog-new-feat .articles-wrapper.template-grid .pic-wrapper .img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition:0.5s;
  } 
  
#blog-new-feat .articles-wrapper.template-grid .text-wrapper .article-cta:hover{

  background: transparent;
  color: #314438;
  text-decoration: none;
}


#blog-new-feat  .articles-wrapper.template-grid .grid__item {
  padding-left: 0px;
}

.grid.article.main-article.grid__item.one-third.medium--one-half.small--one-whole,
.articles-wrapper.template-grid > h2 {
  padding: 0 20px !important;
}

.grid.article.main-article.grid__item.one-third.medium--one-half.small--one-whole .text-wrapper {
  padding: 0 !important;
}

#blog-new-feat .articles-wrapper.template-grid .text-wrapper .tagbox .tag{
  display: flex;
  padding: 1.813px 7.252px;
  justify-content: center;
  align-items: center;
  gap: 9.065px;
  background: var(--Primary-Green-Shades-Green-30, #8CAB91);
  color: var(--Primary-White, #FFF);
  font-family: Quicksand;
  font-size: 10.878px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 15.229px */
  letter-spacing: 0.544px;
  text-transform: uppercase;
  margin-top:1px;
}

#blog-new-feat .blog-card-wrapper .text-wrapper .tagbox .tag a{
    margin-top:1px;
  }

#blog-new-feat .articles-wrapper.template-grid h2 {margin-bottom: 1em; text-wrap:auto; color:#314438;}

#blog-new-feat .blog-card-wrapper{
  border: 1px solid var(--primary-branch-green-50, rgba(49, 68, 56, 0.50));
  background: var(--Primary-White, #FFF);
  width: 260px;
}

@media all and (min-width: 601px) and (max-width: 1149px) {
  #blog-new-article .blog-card-wrapper{
    width: 95%;
  }
}

@media all and (max-width: 1024px){
  body.templateBlog #shopify-section-{{ section.id }} .custom-feature-image__text-cta-container {
    left: 21px !important;
  }
}

@media all and (min-width:601px){
#blog-new-feat .blog-card-wrapper{width:320px;}
}
@media all and (max-width: 900px){
  #blog-new-feat.template-grid .text-wrapper .continue {display: block;} 
  .tag-menu {flex-flow: wrap;}
  .tag-menu li {width: 50%; text-align: center;}
}

@media all and (max-width: 840px){
  .custom-feature-image__image-mobile {left: unset; width: 100%;}
}

@media all and (max-width: 600px){
  #blog-new-feat.template-list h2 {text-align: center;}
  #blog-new-feat.template-list .articles-wrapper {width: 100%; float: none;}
  #blog-new-feat.template-list .article-date {display: none;}
  .tag-menu li {width: 100%;}
  #blog-new-article .blog-card-wrapper{width: 100%;}
}

#blog-new-article .blog-container{
  padding: 24px;
}

.blog-pagination {
  padding: 0 20px;
}