/** Shopify CDN: Minification failed

Line 796:144 Expected "}" to go with "{"

**/
.breadcrumb.text-center {
    background-image: url(/cdn/shop/files/banner-new.png?v=1715928953);
  background-position: center;
  background-size: cover; /* height: 500px; */
  /* padding: 14% 0%; */
  display: block !important;
}
@media screen and (max-width:767px){
  .breadcrumb.text-center{
  background-image: url(/cdn/shop/files/shopify-mobile-banner.png?v=1757488562);
  padding:300px 0px !important;
}
ul.team__list-social {
  display: none !important;
}
.breadcrumb:after {
  content: "";
    position: absolute;
    width: 100%;
    height: 85px;
    left: 0;
    bottom: -2px;
    -webkit-mask-image: url(//dt-kidscool.myshopify.com/cdn/shop/files/bread-cum-overlay.png?v=1683800281&width=1920);
    -webkit-mask-repeat: repeat;
    -webkit-mask-size: auto;
    -webkit-mask-position: center;
    z-index: 1;
    background-color: var(--gradient-base-background-1);
    animation: clouds 400s linear infinite;
    -webkit-animation: clouds 400s linear infinite;
}
.breadcrumb a, .breadcrumb span {
  display:none;
}
h1 {
        font-size: 34px;
    }
.StickySidebar {
    padding-top: 38px !important;
}
.blog-articles {
  display: grid;
  grid-gap: 1rem;
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-desktop-vertical-spacing); 
   padding-top: 29px;
}
h2 {
    font-size: 42px !important;
}
.blog-articles .card-wrapper {
  width: 100%;
}
ul.recent_article li.article-item {
    display: flow !important;
}
ul.recent_article {
    text-align: left !important;
    list-style: none;
    padding: 5px !important;
    margin: 0;
}
h6.article-title a {
    font-size: 16px !important;
}
.blog-template-content{width:100%;}
.main-blog  .article-card__image img.article__image{height: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: 1441px) {
    .blog-articles {
    grid-template-columns: repeat(1,1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
      row-gap: calc(var(--grid-mobile-vertical-spacing) + 3.5rem);
    
  }
}
@media screen and (max-width: 1440px) and (min-width: 1200px) {
    .blog-articles {
    grid-template-columns: repeat(1,1fr);
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); 
  }
}
/*sidebar*/
.blog-articles .article-card .card__information h3.card__heading{ font-size: 2.4rem; }
/* .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-background-1); padding: 0;font-weight: 500;border-radius: 10px;line-height: normal;}
.widget-tags ul.categories li a:hover{color:var(--gradient-background);  }
.widget-tags ul.categories li:hover{ background-color:var(--gradient-base-background-3); }
.widget-tags ul.categories li.active {  background: var(--gradient-base-background-3); color: var(--gradient-base-background-1);}
ul.swiper-wrapper {  padding: 0; list-style: none;}
.blog-sidebar h4.sidebar_title, .blog-sidebar h5.sidebar_title { font-size: 2rem;}
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;margin: 0;}

ul.recent_article li.article-item{display: grid; grid-template-columns: auto 2fr; align-items: center; gap: 13px; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dashed var(--DTColor_Border);}
ul.recent_article li.article-item:last-child{margin: 0; padding: 0;}
ul.recent_article .article-image{    width: 90px; height: 90px;}
ul.recent_article .article-image img{width:100%; height:100%;border-radius: 10px;}
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:600;}
.article-description p{    font-size: 1.6rem; padding: 0; margin: 10px 0 0; line-height:normal;}
h6.article-title:hover a { color:var(--gradient-base-background-3);  text-underline-offset: 0.3rem;}
/*  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: 2.2rem;}
.blog-sidebar.facets-vertical { padding-right: 3rem;}
button.toggleFilter svg.icon.icon-filter { width: 2.5rem; height: 2.5rem; color: initial;}
.blog-sidebar span.close-sidebar{display:none;}
.widget-articles .sidebar_title{margin-top:0;}
.main-blog .blog-sidebar aside >*:not(:last-child) {
    margin-bottom: 3rem;
}
.widget-collection .card__information .card__heading a {
    font-size: 20px;
    line-height: normal;
}
@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{ height: 40px; width: 110px; background: transparent; border: none; position: relative; display: flex; align-items: center; justify-content: space-around; color: initial; font-size: 1.8rem;cursor: pointer;  transition: all .3s;}
  button.toggleFilter:hover {    color: var(--gradient-button-background-1);}
  .main-blog { display: block;}  
  .blog-sidebar span.close-sidebar{display:block;position: relative;  width: 2rem; height: 2rem; inset: 0; right: 0; margin-left: auto;}
  .blog-sidebar span.close-sidebar svg:hover {
    color: var(--gradient-base-background-3);
}
}
@media screen and (max-width: 576px) {
.blog-articles .article-card .card__information h3.card__heading{font-size:2.2rem;}
}
ul.recent_article li.article-item .article-description span{ color: var(--gradient-base-accent-2); }
ul.recent_article li.article-item .article-description span.divider{display:none;}
ul.recent_article .article-description h6.article-title{  font-weight:500;   line-height: 1.4; font-size: 1.8rem;}
.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);
}


.blog-demo-2  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--gradient-base-background-2);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0;
}
.blog-demo-2  .article-card .card__inner a:hover:after{
    content: "";
    z-index:10;
  opacity:0.4;
}
.blog-demo-2 .article-card .card__inner a{ z-index:1;}
.blog-demo-2 .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-2 .card__heading a:after{display:none;}
/* CUSTOM STYLE  DEMO 2 */
 .blog-demo-2 .card__information> * { text-align:center;}


.blog-demo-2 .card__media .media img{ height:100%; border-radius:1rem;}
.blog-demo-2 .article-card__image.media.media--hover-effect{ border-radius:1rem;}
.blog-demo-2 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-2 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-2 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-2 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-2 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-2 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-2 .blog__posts .article-card .card__information{ text-align:center;}
.blog-demo-2  .article-card__footer{ padding-top:1rem;}
.blog-demo-2 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-2 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-2 .card__information .card__heading a{     font-size: 2.5rem; font-weight: 700;}
.blog-demo-2 .article-card a.blog__button.button:before, .blog-demo-2 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
.blog-demo-2 .blog__posts .article-card .card__information{ padding-top:1.5rem;}

@media screen and (min-width: 1400px) {
.blog-demo-2 .article-card__excerpt{ width:80%;}
}
@media screen and (max-width: 767px) {
.blog-demo-2 .card__information .card__heading a{ font-size: 2.2rem;}
}

.blog-demo-2 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-2 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-2 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}





@media screen and (max-width: 767px) {
.blog-demo-5 .card__information .card__heading a{ font-size: 2.2rem;}
}

.blog-demo-5 .card__media .media img{ height:100%; border-radius:1rem;}
.blog-demo-5 .article-card__image.media.media--hover-effect{ border-radius:1rem;}
.blog-demo-5 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-5 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-5 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-5 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-5 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-5 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-5 .blog__posts .article-card .card__information{ text-align:left;     padding-left: 0;
    padding-right: 0;}
.blog-demo-5  .article-card__footer{ padding-top:1rem;}
.blog-demo-5 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem 1rem;
    font-weight: 400;
    position: absolute;
    left: 2rem;
    top:2rem;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-5 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-5 .card__information .card__heading a{ font-size: 2.5rem; font-weight: 700; line-height:36px; letter-spacing:0;}
.blog-demo-5 .article-card a.blog__button.button:before, .blog-demo-5 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
.blog-demo-5 .blog__posts .article-card .card__information{ padding-top:1.5rem;}
.blog-demo-5   .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--gradient-base-background-2);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0;
}
.blog-demo-5   .article-card .card__inner a:hover:after{
    content: "";
    z-index:10;
  opacity:0.4;
}
.blog-demo-5  .article-card .card__inner a{ z-index:1;}
.blog-demo-5  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-5  .card__heading a:after{display:none;}
@media screen and (min-width: 1400px) {
.blog-demo-5 .article-card__excerpt{ width:auto;}
}
@media screen and (min-width: 1200px) {
.blog-demo-5 .card-wrapper .card__inner{ height:525px;}
}
.blog-demo-5 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-5 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-5 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}






@media screen and (max-width: 767px) {
.blog-demo-7 .card__information .card__heading a{ font-size: 2.2rem;}
}



.blog-demo-7 .card__media .media img{ height:100%; border-radius:1rem;}
.blog-demo-7 .article-card__image.media.media--hover-effect{ border-radius:1rem;}
.blog-demo-7 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-7 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-7 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-7 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-7 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-7 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-7 .blog__posts .article-card .card__information{ text-align:center;}
.blog-demo-7  .article-card__footer{ padding-top:1rem;}
.blog-demo-7 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-7 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-7 .card__information .card__heading a{     font-size: 2.5rem; font-weight: 700;  letter-spacing:0;}
.blog-demo-7 .article-card a.blog__button.button:before, .blog-demo-7 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
.blog-demo-7 .blog__posts .article-card .card__information{ padding-top:1.5rem;}



@media screen and (min-width: 1400px) {
.blog-demo-7 .article-card__excerpt{ width:80%;}
}
.blog-demo-7  .card__information .card__heading a:hover{ color: var(--gradient-base-background-2);}
.blog-demo-7 .blog__posts .blog__post.blog-overlay-style .card:not(.ratio)>.card__content{ display:flex; align-items: flex-end; justify-content: center; position:absolute; bottom:3rem; }
.blog-demo-7 .article-card__excerpt{ display:none;}
.blog-demo-7 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-7 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-7 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}
@media screen and (max-width: 767px) {
.blog-demo-7  .card.article-card.card--card.card--media{ height:40rem;}

}





@media screen and (max-width: 767px) {
.blog-demo-8  .card__information .card__heading a{ font-size: 2.2rem;}
}
.blog-demo-8 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-8 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-8 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-8 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-8 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-8 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-8 .blog__posts .article-card .card__information{ text-align:left; padding-top:4rem; padding-bottom:3rem; padding-left: 4rem;
    padding-right: 4rem;}
.blog-demo-8  .article-card__footer{ padding-top:1rem;}
.blog-demo-8 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem 1rem;
    font-weight: 400;
    position: absolute;
    left: 3.5rem;
    top:2rem;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-8 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-8 .card__information .card__heading a{ font-size: 2.5rem; font-weight: 700; line-height:36px; letter-spacing:0;}
.blog-demo-8 .article-card a.blog__button.button:before, .blog-demo-8 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
.blog-demo-8 .blog__posts .article-card .card__information{ padding-top:2.5rem; padding-bottom:2.5rem;}
/* .blog-demo-8 .blog__posts.articles-wrapper .article .card-wrapper{ margin-right:2rem; } */
@media screen and (min-width: 1400px) {
.blog-demo-8 .article-card__excerpt{ width:auto;}
}
 @media screen and (min-width: 1200px) {
.blog-demo-8 .card-wrapper .card__inner{ height:525px;}
} 

.blog-demo-8  .card__media .media img{ height:100%;}
.article-card .card__heading{ margin-bottom:2rem;}
.blog-demo-8 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-8 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-8 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}

.blog-demo-8  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--gradient-base-background-2);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0;
}
.blog-demo-8   .article-card .card__inner a:hover:after{
    content: "";
    z-index:10;
  opacity:0.4;
}
.blog-demo-8  .article-card .card__inner a{ z-index:1;}
.blog-demo-8  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-8  .card__heading a:after{display:none;}






@media screen and (max-width: 767px) {
.blog-demo-9  .card__information .card__heading a{ font-size: 2.2rem;}
}
.blog-demo-9 .card__media .media img{ height:100%; border-radius:0rem;}
.blog-demo-9 .article-card__image.media.media--hover-effect{ border-radius:0rem;}
.blog-demo-9 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-9 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-9 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-9 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-9 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-9 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-9 .blog__posts .article-card .card__information{ text-align:left;     padding-left: 0;
    padding-right: 0;}
.blog-demo-9  .article-card__footer{ padding-top:1rem;}
.blog-demo-9 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem 1rem;
    font-weight: 400;
    position: absolute;
    left: 2rem;
    top:2rem;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-9 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-9 .card__information .card__heading a{ font-size: 2.5rem; font-weight: 700; line-height:36px; letter-spacing:0;}
.blog-demo-9 .article-card a.blog__button.button:before, .blog-demo-9 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
/* .blog-demo-9 .blog__posts .article-card .card__information{ padding-top:1.5rem;}
.blog-demo-9 .blog__posts.articles-wrapper .article .card-wrapper{ margin-right:2rem; }  */
@media screen and (min-width: 1400px) {
.blog-demo-9 .article-card__excerpt{ width:auto;}
}
h6.article-title:hover a{ color: var(--gradient-base-accent-2);}
.blog__post.blog-list-style .card:not(.ratio)>.card__content{ padding:7rem  3rem !important;     background-color: var(--gradient-base-background-2);}
.blog-demo-9 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-9 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-9 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}

.blog-demo-9  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--gradient-base-background-2);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0;
}
.blog-demo-9   .article-card .card__inner a:hover:after{
    content: "";
    z-index:10;
  opacity:0.4;
}
.blog-demo-9  .article-card .card__inner a{ z-index:1;}
.blog-demo-9  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-9  .card__heading a:after{display:none;}


@media screen and (max-width: 767px) {
.blog-demo-10  .card__information .card__heading a{ font-size: 2.2rem;}
}

.blog-demo-10 .card__media .media img{ height:100%; border-radius:1rem;}
.blog-demo-10 .article-card__image.media.media--hover-effect{ border-radius:1rem;}
.blog-demo-10 .article-card a.blog__button.button { padding: 0; background: none;color:var(--gradient-base-accent-1);     font-size: 1.5rem;
    letter-spacing: 3px; display: inline;}
.blog-demo-10 .article-card a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.blog-demo-10 .article-card a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-demo-10 .article-card a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
.blog-demo-10 .article-card a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-demo-10 .article-card a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.blog-demo-10 .blog__posts .article-card .card__information{ text-align:left;     padding-left: 0;
    padding-right: 0;}
.blog-demo-10  .article-card__footer{ padding-top:1rem;}
.blog-demo-10 .card--card .card__inner .card__media .date-shown span{ text-transform:uppercase; padding: 0.5rem 1rem;
    font-weight: 400;
    position: absolute;
    left: 4rem;
    top:2rem;
    margin: auto;
    max-width:8rem;
     justify-content:center;                                                                
     letter-spacing:2.6px;
    display: flex;
    border-radius: 0.5rem; background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);font-size:1.3rem;}
.blog-demo-10 .article-card__excerpt{ margin: 0 auto 2rem auto;     color: var(--gradient-base-accent-3);  }
.blog-demo-10 .card__information .card__heading a{ font-size: 2.5rem; font-weight: 700; line-height:36px; letter-spacing:0;}
.blog-demo-10 .article-card a.blog__button.button:before, .blog-demo-10 .article-card a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.blog .page-width{ max-width: calc(var(--page-width) + 8rem);}
.blog-demo-10 .blog__posts .article-card .card__information{ padding-top:1.5rem;}

@media screen and (min-width: 1400px) {
.blog-demo-10 .article-card__excerpt{ width:auto;}
}
.blog-demo-10  .article-card .card__inner a:after{
   bottom: 0;
    content: "";
    left: 0;
  -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    position: absolute;
    background:var(--gradient-base-background-2);
    opacity:0;
    right: 0;
    top: 0;
    z-index: 0;
}
.blog-demo-10   .article-card .card__inner a:hover:after{
    content: "";
    z-index:10;
  opacity:0.4;
}
.blog-demo-10  .article-card .card__inner a{ z-index:1;}
.blog-demo-10  .media>*:not(.zoom):not(.deferred-media__poster-button){     position: initial;}
.blog-demo-10  .card__heading a:after{display:none;}
.blog-demo-10 .title-wrapper-with-link.content-align--center .description{ text-align:center; }
.blog-demo-10 .title-wrapper-with-link.content-align--center{ margin-bottom:0;}
.blog-demo-10 .title-wrapper--no-top-margin>.description{     max-width: 34rem;  margin-top:1.5rem;    color: var(--gradient-base-accent-2);}

.widget-tags ul.categories{ display:flex;flex-wrap: wrap; gap: 1rem; margin: 0;}
.widget-tags ul.categories li{    display: flex; align-items: center;font-weight: 500;padding: 1rem 1.5rem; background-color: var(--gradient-base-accent-2);border-radius: 10px;transition: all var(--duration-default) linear;}
.filter-panel-menu ul li a:hover{ color:var(--gradient-base-accent-2);}
.blog-sidebar h4.sidebar_title{ margin-top:0; margin-bottom:1.5rem;  padding-bottom: 1rem;border-bottom: 2px solid rgba(var(--color-foreground),var(--inputs-border-opacity));}
.filter-panel-menu .filter-panel ul li{list-style-type:none; font-weight:500;}
.filter-panel-menu .filter-panel ul li ul li { list-style: square;}
.filter-panel-menu .filter-panel ul{ padding-left: 0rem; margin: 0;}
.share-icon{ display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.article-template__comment-fields .field__input{ min-height:6rem;}

@media screen and (min-width: 1400px) {
.blog-articles .card-wrapper .card__inner{ height: 575px;border-radius: 0rem;}
}
.card__information .card__heading a{ font-size:inherit; letter-spacing:0; line-height:normal; font-weight:600;}
.main-blog.sidebar-right .blog-sidebar.facets-vertical{ padding-left:0rem; padding-right:0; }
.main-blog.sidebar-right{ flex-direction: row-reverse;}
.social-link{ display: flex;align-items: center; justify-content: space-between; margin-bottom: 0!important;margin-top: 2rem;}
.social-link>.blog__button{ margin-top: 0rem;}
/*  .blog-articles a.blog__button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s; border:none;}   
 .blog-articles a.blog__button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.blog-articles  a.blog__button.button:before, .blog-articles a.blog__button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;border:none;}
   .blog-articles a.blog__button.button{  padding: 0;
    background: none;
     margin-top:0;                                   
    color: var(--gradient-base-accent-1);
    font-size: 1.5rem;
    letter-spacing: 3px;
    min-width:fit-content;
} */

.blog-articles .article-card .card__information{ padding:0rem;}
.blog-articles .card--card.card--media>.card__content{ margin-top: calc(3rem - var(--card-image-padding));}
.blog-articles .article-card__excerpt{ padding-bottom:0rem; max-width:100%;}
 ul.pagination__list.list-unstyled li{ background:var(--gradient-base-accent-2);}
.pagination__item--current:after, .pagination__item:hover:after{ display:none !Important;}
.pagination__item--current{ background-color: var(--gradient-base-background-2);}
 ul.pagination__list.list-unstyled li .pagination__item{color: var(--gradient-base-background-1) !important;     border-radius: 3rem;
}
ul.pagination__list.list-unstyled li .pagination__item{ transition:all 0.3s linear; font-weight:600; font-size:1.6rem;}
ul.pagination__list.list-unstyled li .pagination__item:hover{ background-color: var(--gradient-base-background-3);}
/* a.pagination__item.pagination__item--next.pagination__item-arrow.link.motion-reduce{     transform: rotate(180deg);} */
/*  .blog-articles a.blog__button.button:hover{ color:var(--gradient-base-accent-2);}
 .blog-articles a.blog__button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.blog-articles  a.blog__button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));} */
.date-shown{
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: 4rem!important;
    left: 4rem!important;
    padding: 1rem!important;
    height: fit-content!important;
    margin: auto;
    max-width: 8rem!important;
    justify-content: center;
    letter-spacing: 2.6px;
    display: flex!important;
    border-radius: 0.5rem;
    background-color: var(--gradient-base-accent-1);
    color: var(--gradient-background);
    font-size: 1.3rem;
}


.main-blog a.link.text-social__link{ 
   padding: 0 0rem;
    color: var(--gradient-base-accent-2);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--gradient-base-background-1);
    justify-content: center;
    display: flex;
    align-items: center;
    border: 1px solid var(--gradient-base-accent-2);
}
.main-blog a.link.text-social__link:hover {
    background: var(--gradient-base-background-3);
    color: var(--gradient-base-background-1);
    border: 1px solid var(--gradient-base-background-3);
}
.main-blog .team__list-social li.list-social__item:hover:hover{ background:transparent !Important;}
.main-blog a.link.text-social__link span{ padding: 0.5rem; }  
.main-blog a.link.text-social__link span:hover{    background: var(--gradient-base-background-2); }
.main-blog li.list-social__item:not(:last-child):after{ content: '-';display:none; }
.main-blog a.link.text-social__link span{ font-weight:600;}



.social-link .slider-social ul.team__list-social a.link.text-social__link{
  font-weight:700;
}
.blog-articles .card .card__inner .card__media .article-card__image a:before{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(    to bottom,    rgba(0, 0, 0, 0) 0%,    rgba(0, 0, 0, 0.75) 100%  );
    z-index: 1;
    opacity: 0;
    transition: var(--duration-default) linear all;
}
.blog-articles .card:hover .card__inner .card__media .article-card__image a:before {
    opacity: 1;
}
ul.recent_article .article-image>a {
    width: 100%;
    height: 100%;
    position:relative;
}
ul.recent_article .article-image>a:before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);
    z-index: 1;
    opacity: 0;
    border-radius: 10px;
    transition: var(--duration-default) linear all;
}
ul.recent_article .article-image>a:hover:before{
  opacity: 1;
}
.blog-articles .card--card.card--media>.card__content {
    margin-top: 0;
    padding: 3rem;
    border-top: 0;
    border-radius: 0 0 10px 10px;
}
.main-blog{
  max-width: 125rem;
    margin: auto;
  column-gap: 6rem;
}
.blog-articles .article-card .card__information .article-card__info {
    display: flex;
    row-gap: 8px;
    flex-wrap: wrap;
      margin-bottom: 20px;
  column-gap: 2rem;
}
.main-blog span.article-author, .main-blog .blog-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px!important;
    text-transform: none!important;
    letter-spacing: normal!important;
    font-weight: 400;
    color: var(--gradient-base-accent-1);
  flex-wrap: wrap;
}
.main-blog .blog-tag>i {
    margin-right: 0px;
    transition: all .3s linear;
}
.main-blog span.article-author:after {
    content: "|";
    display: inline-block;
    position: relative;
    padding: 0 15px 0 8px;
}
.main-blog a.link.text-social__link span.social-as-text { display: none;}
ul.team__list-social{gap: 1rem;}
.main-blog .blog-sidebar aside>div {
    padding: 2rem;
    background: var(--gradient-base-background-2);
    border-radius: 10px;
}


@media screen and (min-width: 750px) {
      .blog-sidebar.facets-vertical,
      aside.facets-wrapper.sidebar-sticky {min-width:var(--sidebar-width);width:var(--sidebar-width);}
      .blog-content__area {width: 100%;}
  }
.no-sidebar .blog-content__area{width:100%;}
@media screen and (max-width: 575px){
  .blog-articles .card--card.card--media>.card__content{ padding: 2rem 0;}
    .main-blog .article-card .card__information { padding-left: 2rem; padding-right: 2rem;}
}
.main-blog span.article-author:after{display:none;}
.blog-articles .card-wrapper .card--card:hover{border: var(--card-border-width) solid rgba(var(--color-foreground),var(--card-border-opacity));}