/** Shopify CDN: Minification failed

Line 114:15 Expected ":"

**/

.clipboard--bubble {
     transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}
 .blog-post-detail--wrapper {
     display: grid;
     gap: 40px;
     max-width: 850px;
     margin: 0 auto;
}
 .blog-post-detail--wrapper-has-sidebar-true .blog-post-detail--wrapper--inner {
     position: relative;
}
 .blog-post-detail--wrapper-has-sidebar-true .blog-post-detail--wrapper--inner:after {
     display: block;
     position: absolute;
     /* background-color: var(--color-border); */
     background-color: #D8D8D8;
     z-index: 1;
     width: 1px;
     top: 0;
     bottom: 0;
     right: -40px;
}
 [dir="rtl"] .blog-post-detail--wrapper-has-sidebar-true .blog-post-detail--wrapper--inner:after {
     right: auto;
     left: -40px;
}
 @media only screen and (min-width: 1068px) {
     .blog-post-detail--wrapper-has-sidebar-true {
         max-width: 100%;
         gap: 80px;
         grid-template-columns: auto minmax(250px, 370px);
    }
     .blog-post-detail--wrapper-has-sidebar-true .blog-post-detail--wrapper--inner:after {
         content: '';
    }
}
 .blog-post-detail--meta {
     font-size: 0.75rem;
     margin-bottom: 15px;
     color:var(--color-grey-700);
}
 .blog-post-detail--meta aside {
     display: inline-flex;
     margin: 0 25px 0 0;
     position: relative;
}
 .blog-post-detail--meta aside:after {
     content: "";
     display: inline-block;
     width: 8px;
     height: 1px;
     background: var(--color-body);
     opacity: 0.8;
     position: absolute;
     top: 50%;
     margin-top: -1px;
     right: -18px;
}
 .blog-post-detail--meta aside:last-child {
     margin-right: 0;
}
 .blog-post-detail--meta aside:last-child:after {
     content: none;
}
 .blog-post-detail--title {
     margin: 0 auto 40px;
     text-align: center;
     max-width: 850px;
}
 @media only screen and (min-width: 768px) {
     .blog-post-detail--title {
         margin-bottom: 55px;
    }
}

 .blog-post-detail .featured-image {
     margin-left: -15px;
     margin-right: -15px;
     width: calc(100% + 30px);
     margin-bottom: 35px;
     text-align: center;
}
 @media only screen and (min-width: 768px) {
     .blog-post-detail .featured-image {
         margin-bottom:40px;
         margin-left: 0;
         margin-right: 0;
         width: 100%;
    }
}
 .blog-post-detail .post-content {
     margin-bottom: 40px;
}
 .blog-post-detail .post-content p + h3, .blog-post-detail .post-content p + h4, .blog-post-detail .post-content p + h5, .blog-post-detail .post-content p + h6 {
     margin-top: 40px;
}
.blog-post-detail .post-content p + h2, .blog-post-detail .post-content p + h1{
     margin-top: 20px;
}
.blog-post-detail .post-content img{
  margin-top:40px;
}
.blog-post-detail .post-content ul{
  margin-bottom:40px;
}
.blog-post-detail .post-content ol li:not(:last-child){
  margin-bottom
}

 .blog-post-detail--sidebar .widget {
     margin-bottom: 25px;
}
 .blog-post-detail--sidebar .widget label {
     font-weight: var(--font-body-medium-weight, 500);
}

.blog-post-detail--sidebar .widget .product-cart-item img { --general-border-radius: 6px; }
 .blog-post-detail--sidebar .share-article {
     display: block;
     margin: 0;
}
 .blog-post-detail--sidebar .share-article a {
     margin-right: 0;
     padding: 0;
}
 .blog-post-detail--sidebar .share-article svg {
     height: 20px;
}
 .blog-post-detail--sidebar .product-cart-item--meta {
     display: block;
     font-size: 0.75rem;
     color:var(--color-grey-600);
     /* opacity: 0.6; */
}
 @media only screen and (min-width: 1068px) {
     .blog-post-detail--sidebar-inner {
         position: sticky;
         top: calc(var(--header-height, 0px) + 30px);
         left: 0;
    }
}
 .blog-post-detail--tags {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
}
 .share-article {
     font-size: 0.8125rem;
     line-height: 1;
     margin-bottom: 20px;
     display: flex;
     align-items: center;
}
 .share-article svg {
     height: 16px;
     width: auto;
}
 .share-article label {
     display: block;
     font-size: 0.875rem;
     font-weight: 700;
     margin-right: 12px;
}
 .share-article .social {
     display: inline-flex;
     align-items: center;
     margin-right: 5px;
     width: 26px;
     height: 26px;
     /* padding: 5px; */
     white-space: nowrap;
     color: var(--color-body);
}
 .clipboard {
     position: relative;
}
 .clipboard--bubble {
     position: absolute;
     left: 50%;
     bottom: calc(100% + 6px);
     transform: translateX(-50%);
     background-color: var(--color-body);
     color: var(--bg-body);
     white-space: nowrap;
     font-size: 0.75rem;
     padding: 3px 6px;
     border-radius: 1px;
     opacity: 0;
     pointer-events: none;
     line-height: 1.25;
}
 .clipboard--bubble:after {
     content: '';
     width: 0px;
     height: 0px;
     border-style: solid;
     border-width: 3px 2.5px 0 2.5px;
     border-color: var(--color-body) transparent transparent transparent;
     transform: translateX(-2.5px);
     position: absolute;
     bottom: -3px;
     left: 50%;
}
 .clipboard-success .clipboard--bubble {
     opacity: 1;
}
 



/* JD CSS */
.blog-post-detail--sidebar{padding-right:40px;}
.product-cart-item img{width:80px; height:50px; object-fit:cover; border-radius:calc(var(--general-border-radius) / 2);}
.blog-post-detail--sidebar-inner .product-cart-item .cart-product-link{font-size:0.75rem; line-height:1.5; -webkit-line-clamp:unset; margin-bottom:5px;}

@media(min-width:768px){
   .blog-post-detail--title .entry-title { font-size:3.75rem; line-height:1.13;}
   .article-section{margin-bottom:90px;}
}

@media (max-width:767px){
  .article-section{margin-top:15px;}
  .blog-post-detail--title .entry-title{font-size:2.75rem; line-height:1.18;}
  .blog-post-detail--title{margin-bottom:30px;}
  .blog-post-detail .featured-image img{aspect-ratio: 1 / 0.62384; object-fit:cover;}
  .blog-post-detail .post-content p + h3, .blog-post-detail .post-content p + h4, .blog-post-detail .post-content p + h5, .blog-post-detail .post-content p + h6{margin-top:20px;}
  .blog-post-detail .post-content img{margin-top:0; margin-bottom:20px;}
  .blog-post-detail--sidebar .widget:last-child{margin-bottom:40px;}
}