/** Shopify CDN: Minification failed

Line 24:18 Unexpected "{"
Line 24:27 Expected ":"
Line 25:50 Expected identifier but found whitespace
Line 25:52 Unexpected "{"
Line 25:61 Expected ":"
Line 26:18 Unexpected "{"
Line 26:27 Expected ":"
Line 27:56 Expected identifier but found whitespace
Line 27:58 Unexpected "{"
Line 27:67 Expected ":"
... and 34 more hidden warnings

**/
.blog-placeholder {
  margin: 0 1.5rem;
  background: rgb(var(--color-background));
}
.blog-placeholder.blog__post{flex-direction:column;align-items: flex-start;}

.blog__posts.articles-wrapper .article.blog-list-style .article-card-wrapper .card.article-card { width:100%; align-self: self-start; overflow: hidden; display: flex; flex-direction: row; gap: var(--grid-desktop-horizontal-spacing); }

#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content a:not(.dt-sc-btn) {
  color: var(--DT_Blog_Link_Color_Overlay); color: {{ section.settings.blog_link_color_overlay }}; }
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content a:not(.dt-sc-btn):hover {
  color: var(--DT_Blog_Link_Hover_Color_Overlay); color: {{ section.settings.blog_link_hover_color_overlay }}; }
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content .dt-sc-blog-description,
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content .dt-sc-blog-meta *:not(svg) {
  color: var(--DT_Blog_Text_Color_overlay); color: {{ section.settings.blog_text_color_overlay }}; }
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content .dt-sc-blog-meta p svg {
  fill: var(--DT_Blog_Icon_Color_overlay); fill: {{ section.settings.blog_icon_color_overlay }}; }
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content .dt-sc-blog-meta p i {
  color: var(--DT_Blog_Icon_Color_overlay); color: {{ section.settings.blog_link_color }}; }
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content a.dt-sc-btn {
  background-color: var(--DT_Blog_Button_BG_Color_overlay); color: var(--DT_Blog_Button_Text_Color_overlay);
    background-color: {{ section.settings.blog_button_bg_color_overlay }}; color: {{ section.settings.blog_button_text_color_overlay }}; }
}
#shopify-section-{{ section.id }}.home-blog-section .dt-sc-blog-section .dt-sc-blog-item.overlay-style .dt-sc-blog-content a.dt-sc-btn:hover {
  background-color: var(--DT_Blog_Button_BG_Hover_Color_overlay); color: var(--DT_Blog_Button_Text_Hover_Color_overlay);
    background-color: {{ section.settings.blog_button_bg_hover_color_overlay }}; color: {{ section.settings.blog_button_text_hover_color_overlay }};
    }


/* new css code */
.blog__posts.articles-wrapper .article.blog-overlay-style .card__inner { position: absolute; left: 0; top: 0; height: 100%; overflow: hidden; z-index: -1; }
.blog__posts.articles-wrapper .article.blog-overlay-style { scroll-snap-align: start; position: relative; margin-left: 0; }
.blog__posts.articles-wrapper .blog__post .card--standard>.card__content .card__information { padding:20px; }
.slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {  display: flex; align-items: center; justify-content: center; }
.slider--tablet:after {  content: ""; width: 0; padding-left: 1.5rem; margin-left: calc(-1 * var(--grid-desktop-horizontal-spacing)); }
.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {  padding: var(--focus-outline-padding); }
.slider.slider--tablet { position: relative; flex-wrap: inherit; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-left: auto; }
.title-wrapper-with-link { display: block; }
.blog .page-width { max-width: var(--page-width); margin: 0 auto; padding-left: 1.5rem;padding-right: 1.5rem; }

.featured-blog .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
    display: flex;
}
.blog__posts .blog__post.blog-overlay-style .card-wrapper:before {   content: ""; display: block; width: 100%; height: 100%; -webkit-transition: all linear 0.3s; 
  transition: all linear 0.3s; position: absolute; pointer-events: none; z-index: 1; background: var(--gradient-base-accent-1); }
.blog__posts .blog__post.blog-overlay-style .card:not(.ratio)>.card__content { z-index: 1; grid-template-rows: max-content minmax(0,1fr) max-content auto; }

.blog__posts .blog__post.blog-overlay-style .card.article-card .card__inner  .article-card__image-wrapper .circle-divider{display:none;}

@media screen and (max-width: 576px) {
.page-width-desktop .grid--peek .grid__item {  min-width: 100%; }

}
@media screen and (max-width: 749px) {
 .page-width-desktop .grid--peek.slider .grid__item:first-of-type { margin-left: auto; }
}

@media screen and (max-width: 989px) {
.featured-blog .slider:not(.slider--everywhere):not(.slider--mobile)+.slider-buttons {  display: none; }
}


/* new css code */

@media screen and (min-width: 750px) {
  .blog-placeholder {
    text-align:left;
    width: 50%;
    margin: 0;
  }
}

.blog-placeholder__content {
  padding: 3rem 0;
  /* background : rgba(var(--color-foreground), 0.04); */
}

.blog-placeholder .placeholder {
  position: relative;
}

.blog-placeholder h2 {
  margin: 0;
}

.blog-placeholder .rte-width {
  margin-top: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}

@media screen and (min-width: 990px) {
  .grid--1-col-desktop .article-card .card__content {
    text-align: center;
  }
}

.blog__title {
  margin: 0;
}

.blog__posts.articles-wrapper {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .blog__posts.articles-wrapper {
    margin-bottom: 0;
  }
}

.blog__posts.articles-wrapper .article {
  scroll-snap-align: start;
}

@media screen and (max-width: 749px) {
  .blog__post.article {
    width: 100%;
    max-width:100%;
  }
  .blog__posts.articles-wrapper .article.blog-list-style .article-card-wrapper .card.article-card { flex-direction: column; gap: var(--grid-desktop-horizontal-spacing); }
  
}

.background-secondary .blog-placeholder__content {
  background-color: rgb(var(--color-background));
}

.blog__posts .card-wrapper {
  width: 100%;
}

.blog__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .blog__button {
    margin-top: 5rem;
  }
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  @media screen and (min-width: 750px) {
    .blog__posts .article + .article {
      margin-left: var(--grid-desktop-horizontal-spacing);
    }
  }
}

.blog__posts .article-card__image-wrapper.card__media{
  border-radius: calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));
}
.article-card__footer{display:none;}
.article-card .card__heading{font-weight:500;font-size:2.4rem}
.article-card a.blog__button.button {
    color: rgba(var(--color-button));
    background:transparent;
    padding:0;
    border:0;
    border-radius:0;
    min-width: 0;
    min-height: 0;
    margin: 34px 0 0;
}

.blog__posts .blog-grid-style .article-card__image-wrapper.card__media span.circle-divider {
    z-index: 1;
    position: absolute;
    bottom: 0;
    font-size: 1.4rem;
    right: 0;
    font-family:var(--font-custom-heading-family);
    font-weight:500;
    padding: 12px 34px;
    background: var(--gradient-base-background-2);
    color: var(--gradient-base-accent-2);
    border-radius: 30px 0 30px 0;
}
.blog__posts .blog-grid-style .article-card .card__information{
  padding:4rem 3rem;
  text-align: center;
}

.blog .article-card a.blog__button.button:hover{color: rgb(var(--color-link));}
.blog .article-card a.blog__button.button:before,
.blog .article-card a.blog__button.button:after{
    content: '';
    position: absolute;
    background-color: currentcolor;
    height: 1px;
    top:unset;
    z-index: 1;
}
.blog .article-card a.blog__button.button:before{
    width: 0%;
    left: 0;
    bottom: 0px;
    transition: width ease 0.4s;
}
.blog .article-card a.blog__button.button:after{
    width: 100%;
    left: 0;
    bottom: 0px;
    transition: all ease 0.6s;
}
.blog .article-card a.blog__button.button:hover:before{
  width:100%;
  background-color: rgb(var(--color-base-accent-1));
}
.blog .article-card a.blog__button.button:hover:after{
  left: 100%;
  width: 0%;
  transition: all ease 0.2s;
  background-color: rgb(var(--color-base-accent-1));
}