/** Shopify CDN: Minification failed

Line 163:0 Expected "}" to go with "{"

**/
.blog-articles {
  display: grid;
  grid-gap: 1rem;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

.blog-articles .card-wrapper {
  width: 100%;
}
.blog-template-content{width:100%;}
@media screen and (min-width: 750px) {
  .blog-articles--collage > *:nth-child(3n + 1),
  .blog-articles--collage > *:nth-child(3n + 2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .card,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .card {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio::before {
    padding-bottom: 22rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 44rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 55rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom: 82.5rem;
  }
}

@media screen and (min-width: 1024px) {
    .blog-articles {
    grid-template-columns: repeat(1,1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); 
  }
}
/*sidebar*/
.main-blog .blog-articles .article-card__info > div{margin-bottom: 5px;}
.main-blog .artical-card-content{display: flex;align-items: center;flex-wrap: wrap;}
.main-blog .blog-articles .artical-card-content > div:not(:last-child):after{content: '|'; padding: 0 10px; color: var(--color-base-accent-4);}
.main-blog .blog-articles .card__media .media img{border-radius: 20px;}
.main-blog .blog-articles .card__content .article-card__info .fa.fa-tag, .main-blog .blog-articles .card__content .article-card__info .fa.fa-calendar,
.main-blog .blog-articles .card__content .article-card__info .fa.fa-comments, .main-blog .blog-articles .card__content .article-card__info .fa.fa-user{font-size: 1.8rem;}
.main-blog .blog-articles .card__content .article-card__info .fa,
.main-blog .blog-articles .card__content .dt-sc-blog-tags .fa.fa-tag{color: var(--gradient-base-accent-2); fill: var(--gradient-base-accent-2);}
.main-blog .blog-articles .card__content .card__information span{color: var(--color-base-accent-4); font-size: 1.8rem;}
.main-blog .blog-articles .article-card .card__information svg.blog-comments+span{color: var(--color-base-accent-4);}
.main-blog .blog-articles .card__content .dt-sc-blog-tags a.blog-tags { color: var(--color-base-accent-4); font-weight: 400;letter-spacing: normal;font-size: 1.8rem;}
.main-blog .blog-articles .card__content .dt-sc-blog-tags a.blog-tags:hover{color: var(--gradient-base-accent-2);}
.main-blog .blog-sidebar .widget-tags{margin-bottom: 30px;}
.main-blog .blog-articles .article-card__info{margin-bottom: 0;}
.main-blog .blog-articles .article-card__info+.dt-sc-blog-tags{display: inline;}
.main-blog .blog-articles .article-card__info+.dt-sc-blog-tags+.fa{ color: var(--gradient-base-accent-2);margin-right: 8px}
.main-blog .blog-articles .article-card .card__information{text-align: left;}
.blog-articles .article-card .card__information h3.card__heading{ font-size: 2.2rem; }
.main-blog .article-card .card__information h3.card__heading{margin-bottom: 20px; font-size: 3.0rem; margin-top: 12px;}
.main-blog .blog-articles .article-card .card__information{padding: 0 25px;}
/* .underline-links-hover:hover .article-card__excerpt{color: var(--gradient-base-accent-2);} */
.widget-tags ul.categories { list-style: none; padding: 0;}
.widget-tags ul.categories li a { color: var(--gradient-base-accent-1); letter-spacing: normal; transition: all 0.3s linear;}
.widget-tags ul.categories li a:hover{color: var(--gradient-base-accent-2);}
ul.swiper-wrapper {  padding: 0; list-style: none;}
.blog-sidebar h4.sidebar_title, .blog-sidebar h5.sidebar_title { font-size: 2.4rem;}
.main-blog .blog-sidebar h4.sidebar_title, .main-blog .blog-sidebar h5.sidebar_title{font-size: 1.8rem;letter-spacing: normal; font-weight: 700; color: var(--gradient-base-accent-1);
padding: 10px 20px; margin: 0 0 15px; background: #e9e9e940;border-left: 5px solid var(--gradient-base-accent-2);}
ul.product-list-style { list-style: none; padding: 0;}
.blog-sidebar aside { width:var(--sidebar-width);}
.main-blog { display: flex;}
ul.recent_article { list-style: none; padding: 0;}
ul.recent_article li.article-item{display: grid; grid-template-columns: auto 2fr; align-items: center; gap: 15px; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px dashed var(--DTColor_Border);}
.main-blog ul.recent_article .article-image{    width: 90px; height: 90px;}
.main-blog ul.recent_article .article-image img{width:100%; height:100%; object-fit: cover; object-position: top; border-radius: 5px;}
.main-blog h6.article-title{line-height: 20px;}
.main-blog .widget-tags ul.categories li{padding: 8px 0; border-bottom: 1px solid var(--color-base-accent-6);}
.main-blog .widget-tags ul.categories li.active{
  color: var(--gradient-base-accent-2);
}
.main-blog .article-description p{line-height: 20px; color: var(--color-base-accent-4); font-size:1.6rem;}
h6.article-title{font-size:1.8rem; margin:0; font-family: var(--font-heading-family); }
h6.article-title a{color: var(--gradient-base-accent-1); transition: all 0.3s linear; font-weight:700; line-height: 20px;}
.article-description p{    font-size: 1.8rem; padding: 0; margin: 5px 0; line-height:25px;}
h6.article-title:hover a { color:var(--gradient-base-accent-2);}
/*  a.blog__button.button {  min-width: 0;  min-height: 0;  padding: 0;  background: none;  margin: 2.5rem 0 0;} */
.blog-sidebar span.close-sidebar { position: absolute; top: 2rem; right: 0rem; width: 4.4rem; height: 4.4rem; cursor:pointer;}
.blog-sidebar span.close-sidebar svg { width: 3.0rem; height: 3.0rem;}
.blog-sidebar span.close-sidebar svg path#Subtract{transition: all 0.3s linear;}
.blog-sidebar span.close-sidebar:hover svg path#Subtract{fill: var(--gradient-base-accent-2);}
.blog-sidebar.facets-vertical { padding-right: 3rem;}
button.toggleFilter svg.icon.icon-filter { width: 2.5rem; height: 2.5rem; color: currentColor; margin-right: 6px;}
.blog-sidebar span.close-sidebar{display:none;}
.widget-articles .sidebar_title{margin-top:0;}
@media screen and (max-width: 749px) {
  .blog-sidebar.facets-vertical aside {
    position: fixed;
    overflow-y: scroll;
    padding: 15px;
    max-width: 80%;
    top: 0;
    left: calc(var(--sidebar-width) * -1);
    height: 100%;
    background: var(--gradient-background);
    margin: 0;
    z-index: 17;
    transition: all .3s linear;
}
 .blog-sidebar.facets-vertical.open aside { left: 0;} 
  button.toggleFilter{ cursor: pointer; height: 40px; width: 110px; background: transparent; border: none; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 0;  color: var(--gradient-base-background-2); font-size: 1.8rem;margin-bottom: 20px;}
 button.toggleFilter:hover{
   color: var(--gradient-base-accent-2);
 }
  .main-blog { display: block;}
  .blog-sidebar aside span.close-sidebar svg{width: 30px; height: 30px;}
  .blog-sidebar span.close-sidebar{display:block;}
  .main-blog .blog-sidebar aside .widget-articles{margin-top: 5rem;}
  
@media screen and (max-width: 576px) {
.blog-articles .article-card .card__information h3.card__heading{font-size:2.2rem;}
}
.blog-sidebar.facets-vertical.open:after{
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
    background-color: rgba(0, 0, 0, 0.7);
}