/** Shopify CDN: Minification failed

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

**/
.article-template > *:first-child:not(.article-template__hero-container) {
  margin-top: 0rem;
}
.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;
    }
.article-template__hero-container .media{border-radius: 10px;}
@media screen and (min-width: 750px) {
  .article-template > *:first-child:not(.article-template__hero-container) {
    margin-top: calc(0rem + var(--page-width-margin));
  }
}
textarea#CommentForm-body{ min-height:16rem; padding-left:2rem;    border-radius: var(--inputs-radius);}
.article-template__comment-fields .field__input{min-height:calc(4.6rem + var(--inputs-border-width) * 2);}
.article-template__comment-fields .field__input{ padding-left:2rem;}
.article-template__hero-small { height: 11rem;}
/* textarea#CommentForm-body:focus, .article-template__comment-fields .field__input:focus{border-color: var(--gradient-base-accent-1);} */
.article-template__hero-medium {
  height: 22rem;
}

.article-template__hero-large {
  height: 33rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-template__hero-small {
    height: 22rem;
  }

  .article-template__hero-medium {
    height: 44rem;
  }

  .article-template__hero-large {
    height: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .article-template__hero-small {
    height: 27.5rem;
  }

  .article-template__hero-medium {
    height: 55rem;
  }

  .article-template__hero-large {
    height: 82.5rem;
  }
}

.article-template header {
  margin-top: 3rem;
  margin-bottom: 2rem;
  line-height: calc(0.8 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .article-template header {
    margin-top: 3rem;
  }
}

.article-template__title {
  margin: 0;
      letter-spacing: 0;
    font-weight: 600;
}

.article-template__title:not(:only-child) {
  margin-bottom: 2rem;
}
.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing {
    font-size: 1.2rem;
    letter-spacing: .4rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    text-transform: capitalize;
    font-family: var(--font-additional-family);
    font-weight: 700;
    margin-bottom: 1.8rem;
    color: var(--gradient-base-accent-3);
    transition: all .3s linear;
}
.article-template__content.rte {
    font-size: 16px;
}
h4 {
        font-size: 3.5rem;
    }
.article-template__link {
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.article-template__link .icon-wrap {
  display: flex;
  margin-right: 1rem;
  transform: rotate(180deg);
}

.article-template__content {
  margin-top: 2rem;
  margin-bottom: 0rem;
}
.article-template__content>hr{
  margin: 4rem 0;
}

.article-template__social-sharing {
  margin-top: 3rem;
}

.article-template__social-sharing + header,
.article-template__social-sharing + .article-template__content {
  margin-top: 2rem;
}
.article-template__comment-wrapper {padding: 3rem 1.5rem;border-radius: 10px;}
@media screen and (min-width: 577px) {
.article-template__comment-wrapper {
  margin-top: 5rem;
  padding: 2.7rem;
}
}
@media screen and (min-width: 750px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
    padding: 3.6rem 3.6rem ;
    max-width:100%;
  }
}

.article-template__comment-wrapper h2 {
  margin-top: 0;text-transform: capitalize;
}

.article-template__comments {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments {
    margin-bottom: 5rem;
  }
}

.article-template__comments-fields {
  margin-bottom: 3rem;
}

.article-template__comments-comment {
/*   color: rgba(var(--color-foreground), 0.75); */
  background-color: var(--gradient-base-background-1);
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 1.5rem;
      border: 1px solid rgba(var(--color-foreground),var(--inputs-border-opacity));
  border-radius: var(--buttons-radius);
}
.article-template__comments-comment footer.right{    padding-top: 1rem;}
@media screen and (min-width: 750px) {
  .article-template__comments-comment {
    padding: 2rem 2.5rem;
  }
}

.article-template__comments-comment p {
  margin: 0 0 1rem;
}

.article-template__comment-fields > * {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 4rem;
  }
}

.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

@media screen and (min-width: 990px) {
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}

.article-template__back:last-child {
  margin-bottom: 3.2rem;
}
.article-template .page-width {
    width: 100%;
}
@media screen and (min-width: 990px) {
.article-template .page-width {
    width: 100%;
}
}
.article-template .article-card__info{line-height: 25px;}





.blog-details  h3{ font-weight:600;}
.blog-details  ul li{ padding-bottom:1.5rem;}
.blog-details .grid-image-2{ margin-left:3rem;}
.blog-details .grid-blocks{  display:flex;}
.newsletter-checkbox{margin-top:2rem;}

.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;}
.article-template .page-width{padding: 0 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;}
}

.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);}



/*sidebar*/
.blog-articles .article-card .card__information h3.card__heading{ font-size: 2.2rem; }
/* .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{ padding:0 1rem 0 0;    display: flex; line-height: normal;}
.widget-tags ul.categories li:last-child {padding-right: 0;}
.widget-tags ul.categories{ display:flex;flex-wrap: wrap; row-gap: 1rem;}
.widget-image{ margin-top:6rem;}
.widget-tags ul.categories li a { 
    color: var(--gradient-base-background-1);
    padding: 1rem 1.5rem;
    border-radius: var(--buttons-radius);
    font-weight: 500;
    background-color: var(--gradient-base-accent-2);
    border-radius: 10px;
}
h6.article-title{ line-height:1.6em;}
.widget-tags ul.categories li a:hover{ background-color:var(--gradient-base-background-3); color:var(--gradient-background);  }
ul.swiper-wrapper {  padding: 0; list-style: none;}
.blog-sidebar h4.sidebar_title, .blog-sidebar h5.sidebar_title { font-size: 2.4rem; margin-bottom:1rem;}

ul.product-list-style { list-style: none; padding: 0;}
.blog-sidebar aside { width:var(--sidebar-width);}
.main-blog { display: flex;}
.share-icon .blog-sidebar-panel{ margin-left:2rem !important;}
.article-template__comment-wrapper h2{ font-size: 2rem;font-weight:600;}
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: 15px; margin: 0 0 20px; padding: 0 0 20px; 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: 74px; height: 90px;}
ul.recent_article li.article-item .article-description{ color: var(--gradient-base-accent-2); }
ul.recent_article .article-image img{width:100%; height:100%;}
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);  font-weight: 500;
    line-height: 29px;
    font-size: 2rem; transition: all 0.3s linear; font-weight:500; }
.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);  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: var(--gradient-base-background-2);}
.blog-sidebar span.close-sidebar{display:none;}
.widget-articles .sidebar_title{margin-top:0;}
/* .article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{
text-transform: uppercase;
    padding: 0.5rem 1rem;
    font-weight: 400;
    position: absolute;
 
    top: 4rem;
    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;
 } 
@media screen and (min-width: 1541px) {
.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{    left: 8rem; }
}
@media screen and (min-width:768px) and (max-width: 1540px) {
.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{ top:2rem;   left: 6rem; }
}
@media screen and (min-width:320px) and (max-width: 767px) {
.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{ top:2rem;   left: 3rem; }
}
*/
.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{ display:none;}

.blog-date .caption-with-letter-spacing{ font-size: 1.3rem;
    letter-spacing: .13rem;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 400;}
.article-template__comment-wrapper h2{ margin-bottom:3rem;}
.article-template__comment-wrapper .description{ margin-bottom:3rem;}
textarea#CommentForm-body{ background: var(--gradient-base-background-1);}

.article-template__comment-fields .field__input{background: var(--gradient-base-background-1);}

@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: var(--gradient-base-background-2); font-size: 1.8rem;}
 .main-blog { display: block;}  
  .blog-sidebar span.close-sidebar{display:block;}
}
@media screen and (min-width: 768px) {
.share-icon{ 
 display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
   
  }
}
@media screen and (max-width: 767px) {
.share-icon{ flex-direction:column; display:flex; align-items: flex-end;row-gap: 1rem;}
}
@media screen and (max-width: 576px) {
  .dt-sc-blog-navigation{ display:none;}
  .blog-details .grid-image-2{ margin:0;}
  .blog-details .grid-blocks{ flex-direction:column;}
  .article-template__title{font-size:2.6rem}
.blog-articles .article-card .card__information h3.card__heading{font-size:2.2rem;}
}
.blog-sidebar h4.sidebar_title{ font-weight:600; margin-bottom:3rem;}
.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);
}
.dt-sc-blog-navigation .prev a{ 
   color: var(--gradient-base-accent-1);
    font-size: 13px;
    letter-spacing: 2.6px;
    font-weight: 500;
    text-transform: uppercase;
}
.article-template 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);
}
.article-template 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);
}
.article-template a.link.text-social__link svg{height: 1.4rem; width: 1.4rem;}
.article-template .team__list-social li.list-social__item:hover:hover{ background:transparent !Important;}
.article-template a.link.text-social__link span{ padding: 0.5rem; }  
.article-template a.link.text-social__link span:hover{    background: var(--gradient-base-background-2); }
.article-template li.list-social__item:not(:last-child):after{ content: '-'; display:none;}
.article-template a.link.text-social__link span{ font-weight:600;}
.widget-tags ul.categories{ margin-left:0px;}
/* .dt-sc-blog-navigation .prev a:hover, .dt-sc-blog-navigation .next a:hover { color:var(--gradient-base-accent-2); } */
.dt-sc-blog-navigation .next a{ 
   color: var(--gradient-base-accent-1);
    font-size: 13px;
    letter-spacing: 2.6px;
    font-weight: 500;
    text-transform: uppercase;
}
@media screen and (min-width: 577px) {
.dt-sc-blog-navigation{     display: flex;
    justify-content: space-between;}
}
.article-template__comment-wrapper{ background-color:var(--gradient-base-background-2);}
.share-icon .widget-tags {   display: flex;
    align-items: center;
}
.dt-sc-blog-navigation .prev , .dt-sc-blog-navigation .next{ display:flex;}
.dt-sc-blog-navigation .prev span{ margin-right:1rem;}
.dt-sc-blog-navigation .prev span svg , .dt-sc-blog-navigation .next span svg { transition:all 0.3s linear;}
.dt-sc-blog-navigation .prev:hover span svg , .dt-sc-blog-navigation .next:hover span svg { fill: var(--gradient-base-accent-2);}
.dt-sc-blog-navigation .prev span svg{  transform:rotate(180deg); }
.dt-sc-blog-navigation .next span{ margin-left:1rem;}
.dt-sc-blog-navigation{ margin-top:3rem;}
.article-template__hero-adapt .blog-date{text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    top: 4rem !Important;
    left: 4rem !Important;
    padding: 1rem !Important;
    height: fit-content !Important;
    margin: auto;
    visibility: hidden;
    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; }
.share-icon .widget-tags h4{ font-weight:600;    margin: 0;min-width: 5rem;}
.dt-sc-blog-navigation .prev, .dt-sc-blog-navigation .next{
  display: flex;
    align-items: center;
    transition: all linear var(--duration-default);
    height: calc(4rem + var(--buttons-border-width) * 2);
/*     background: var(--gradient-base-accent-1); */
    border-radius: var(--buttons-radius);
    border: var(--buttons-border-width) solid transparent;
    min-width: 12rem;
}
.dt-sc-blog-navigation .next span, .dt-sc-blog-navigation .prev span{display:none;}
.dt-sc-blog-navigation .prev a, .dt-sc-blog-navigation .next a {
    color: var(--gradient-base-background-1);
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: none;
    padding: 0rem 2rem;
    line-height: normal;
}
/*.dt-sc-blog-navigation .prev:hover, .dt-sc-blog-navigation .next:hover{ border-radius: var(--buttons-radius); border: var(--buttons-border-width) solid var(--gradient-base-accent-1);    background: var(--gradient-base-background-1);}
 .dt-sc-blog-navigation .prev:hover a, .dt-sc-blog-navigation .next:hover a { color: var(--gradient-base-accent-2);} */
.article-template .row.no-sidebar {
    width: 100%;
    max-width: 100rem;
    margin: auto;
}
.newsletter-checkbox>label{display: flex;align-items: baseline;}
.article-template header .article-card__info{
    display: flex;
    row-gap: 8px;
    flex-wrap: wrap;
    font-size: 16px;
    text-transform: none;
    line-height: normal;
    font-weight: 400;
  margin-bottom: 15px;
}
.article-template header .article-card__info>span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: inherit;
    letter-spacing: normal;
}
.article-template header .article-card__info span.article-author.name svg{ width: 1.6rem; height: 1.6rem;}
.article-template header .article-card__info span.article-author:after {
    content: "|";
    display: inline-block;
    position: relative;
    padding: 0 15px 0 8px;
}
.article-template__comments-comment span.caption-with-letter-spacing {
    font-size: 16px;
    letter-spacing: normal;
    font-weight: 500;
    line-height: normal;
   text-transform: capitalize;
}
.share-button__button:hover {
    color: var(--gradient-base-background-3);
}
.article-card__info i, .article-author>svg { color: var(--gradient-base-accent-3);}
.article-template a.link.text-social__link span.social-as-text { display: none;}
ul.team__list-social{gap: 1rem;}
.article-template__comment-wrapper p, .newsletter-checkbox>label>span { color: var(--color-icon);}
p.article-template__comment-warning.caption { font-size: 1.6rem;}
.article-template__content p{ font-size: 1.6rem;}
.article-template__content>p:first-of-type:first-letter { font-size: 50px;color: red;line-height: 90%; font-weight: 700; margin-right: 5px;}
.article-template__content strong {font-size: 22px;line-height: normal;}
.article-template__content em {font-size: 20px;color: var(--color-icon);line-height: normal;}

@media screen and (min-width: 750px) {
      .blog-sidebar.facets-vertical,
      aside.facets-wrapper.sidebar-sticky {width:var(--sidebar-width);min-width:var(--sidebar-width);}
      .blog-content__area {width: 100%;}
  }
.no-sidebar .blog-content__area{width:100%;}
@media screen and (max-width: 576px) {
  .article-template__comments-comment{padding: 1.5rem 1.5rem 1.5rem;}
  .article-template__comments-comment span.caption-with-letter-spacing{    font-size: 14px;}
  .article-template__content p{    padding-left: 0!important;}
}