.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.blog{border:1px solid #eaeaea;background-color:var(--jj-color-cream);border-radius:10px;overflow:hidden;transition:box-shadow .3s ease}.blog:hover{box-shadow:0 8px 20px #0000001a}.blog-thumbnail img{width:100%;height:auto;display:block}.blog-header{padding:15px;background:var(--jj-color-cream);border-bottom:1px solid #eaeaea}.blog-title{font-size:18px;font-weight:700;margin:10px 0 5px}.blog-date{font-size:14px;color:#888;margin:0}.blog-post-body{padding:15px}.blog-post{font-size:14px;color:#555;line-height:1.6;margin-bottom:15px}.jj-article .blog-post{--jj-type-description-size: calc(var(--jj-base-description-size) + 1px);--jj-type-description-line: 1.75;color:#333;margin-bottom:0;min-width:0;overflow-wrap:anywhere}.jj-article .blog-post p{margin:0 0 1.45em}.jj-article .blog-post :is(p,li,blockquote,figcaption,td,th) :is(span,a,strong,b,em,i){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}.jj-article .blog-post :is(ul,ol){margin:0 0 1.6em;padding-left:1.4em}.jj-article .blog-post ul{list-style-type:disc}.jj-article .blog-post ol{list-style-type:decimal}.jj-article .blog-post li{margin-bottom:.5em}.jj-article .blog-post li>p{margin-bottom:.65em}.jj-article .blog-post li>p:last-child{margin-bottom:0}.jj-article .blog-post li>:is(ul,ol){margin:.65em 0 0}.jj-article .blog-post :is(h2,h3,h4,h5,h6){--jj-type-heading-line: 1.3;margin:1.75em 0 .65em;color:var(--jj-color-black);text-wrap:balance}.jj-article .blog-post :is(h2,h3,h4,h5,h6) :is(span,a,strong,b,em,i){font-family:inherit!important;font-size:inherit!important;font-style:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}.jj-article .blog-post h2{--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * 1.3)}.jj-article .blog-post h3{--jj-type-heading-size: var(--jj-base-small-heading-size)}.jj-article .blog-post h4{--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * .875)}.jj-article .blog-post :is(h5,h6){--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * .75)}.jj-article .blog-post>:first-child{margin-top:0}.jj-article .blog-post>:last-child{margin-bottom:0}.button-group{text-align:right}.btn--tertiary{background-color:#8b714a;color:#fff;padding:8px 15px;font-size:14px;text-decoration:none;border-radius:5px;transition:background-color .3s}.btn--tertiary:hover{background-color:#6c5232}.tags{margin-top:15px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:5px}.tags .tag a{background:#f0f0f0;padding:5px 10px;font-size:12px;border-radius:5px;color:#666;text-decoration:none;transition:background-color .3s}.tags .tag a:hover{background-color:#8b714a;color:#fff}.blog-post-header .blog-title{font-size:24px;color:#282828;letter-spacing:.04em;text-transform:capitalize}.blog-post-header .blog-title a:hover{color:#000!important}.blog-post-header .blog-date{font-size:14px;color:#999}.total-tags-social{margin-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.social-sharing .title-share{font-weight:700;margin-right:10px}.social-sharing{display:flex;align-items:center;gap:10px}.button-group{display:flex;justify-content:space-between;margin-top:30px}.btn--secondary{background:transparent;color:#8b714a;border:1px solid #8b714a;padding:8px 15px;text-decoration:none;border-radius:5px;transition:background-color .3s}.btn--secondary:hover{background-color:#8b714a;color:#fff}.comments-wrapper{margin-top:40px;padding-top:20px;border-top:1px solid #eee}.comment{padding:15px 0;border-bottom:1px solid #eee}.comment-form{background:var(--jj-color-cream);padding:20px;border-radius:5px;margin-top:30px}.comment-form h2{margin-bottom:15px}.comment-form label{font-weight:700;margin-bottom:5px;display:block}.comment-form input,.comment-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px}.comment-form input[type=submit]{background-color:#8b714a;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.comment-form input[type=submit]:hover{background-color:#6c5232}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-grid .blog-post.jj-type-description{font-size:max(15px,var(--jj-type-description-size, 16px));line-height:var(--jj-type-description-line, 1.6)}.blog-grid .blog-date.jj-type-caption,.blog-grid .tags .tag a.jj-type-caption{font-size:max(12px,var(--jj-type-caption-size, 12px));line-height:1.5}.total-tags-social,.button-group{flex-direction:column;align-items:flex-start}.btn--secondary{margin-bottom:10px}.jj-article .blog-post :is(h2,h3,h4,h5,h6){margin-top:1.55em}.jj-article .blog-post h2{--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * 1.3)}.jj-article .blog-post h3{--jj-type-heading-size: var(--jj-base-small-heading-size)}.jj-article .blog-post h4{--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * .875)}}.blog-grid .blog{display:flex;flex-direction:column;height:100%}.blog-grid .blog-thumbnail{height:200px;overflow:hidden}.blog-grid .blog-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center}.blog-grid .blog-post-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.blog-grid .blog-post{min-height:80px;max-height:90px;overflow:hidden;text-overflow:ellipsis}.blog-grid .blog-title{min-height:96px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}@media(min-width:1024px){.blog-grid .blog-post-header .blog-title.jj-type-heading,.blog-grid .blog-post-header .blog-title.jj-type-heading>a.jj-type-heading{--jj-type-heading-size: calc(var(--jj-base-small-heading-size) * .75);font-size:var(--jj-type-heading-size)}.blog-grid .blog-title{min-height:3.9em;line-height:1.3;-webkit-line-clamp:3}}.jj-article{width:min(100%,1200px);margin:0 auto;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.jj-article:hover{box-shadow:none}.jj-article .blog-post-header{max-width:1000px;margin:0 auto;padding:clamp(48px,7vw,96px) 24px clamp(32px,4.5vw,56px);text-align:center}.jj-article .blog-header{padding:0;border:0;background:transparent}.jj-article .blog-header:before{display:block;width:36px;height:2px;margin:0 auto 24px;background:var(--jj-color-orange);content:""}.jj-article .blog-date{margin:0 0 18px;color:var(--jj-color-black)}.jj-article .article__date+.article__author:before{margin:0 8px;color:var(--jj-color-orange);content:"\b7"}.jj-article .blog-title{margin:0 auto;color:var(--jj-color-black);text-wrap:balance;overflow-wrap:anywhere}.jj-article .blog-post-figure{width:100%;margin:0 auto;padding:0 24px}.jj-article .blog-thumbnail{height:auto;margin:0;overflow:hidden;background:var(--jj-color-cream)}.jj-article .blog-thumbnail img{width:100%;height:auto;max-height:none;object-fit:contain}.jj-article .blog-post-body{box-sizing:border-box;min-width:0;width:min(100%,760px);margin:0 auto;padding:clamp(44px,6vw,76px) 24px 0}.jj-article .blog-post :is(img,video){display:block;width:auto;max-width:100%;height:auto;margin:clamp(28px,4vw,44px) auto}.jj-article .blog-post iframe{display:block;width:100%;max-width:100%;margin:clamp(28px,4vw,44px) auto}.jj-article .blog-post blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:2px solid var(--jj-color-orange);color:var(--jj-color-black)}.jj-article .blog-post a{color:var(--jj-color-black);text-decoration-color:var(--jj-color-orange);text-decoration-thickness:1px;text-underline-offset:3px}.jj-article .total-tags-social{margin-top:clamp(36px,5vw,56px);padding-top:24px;border-top:1px solid rgba(0,0,0,.14)}.jj-article .tags{gap:10px 18px;margin:0}.jj-article .tags .tag{margin:0}.jj-article .tags .tag a{padding:0 0 3px;border-radius:0;background:transparent;color:var(--jj-color-black);text-decoration:none}.jj-article .tags .tag a:hover,.jj-article .tags .tag a:focus-visible{background:transparent;color:var(--jj-color-black);box-shadow:inset 0 -1px var(--jj-color-orange)}.jj-article-recommendations{width:min(100%,1200px);margin:clamp(64px,8vw,104px) auto 0;padding:clamp(40px,5vw,64px) 24px 0;border-top:1px solid rgba(0,0,0,.14)}.jj-article-recommendations__heading{margin:0 0 clamp(24px,3vw,36px);color:var(--jj-color-black);text-align:center}.jj-article-products__grid{display:grid;grid-template-columns:repeat(var(--jj-related-product-columns),minmax(0,1fr));align-items:start;gap:clamp(24px,3vw,40px)}.jj-article-products__item{min-width:0;width:100%;max-width:260px;justify-self:center}.jj-article-products__item .product-card{margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.jj-article-products__item .product-image{overflow:hidden;background:var(--jj-color-cream)}.jj-article-products__item .product-link img{transition:transform .35s ease}.jj-article-products__item .product-card:hover .product-link img{transform:scale(1.015)}.jj-article-products__item .product-title{margin-top:14px}.jj-article-products__item .product-title a,.jj-article-products__item .product-price{color:var(--jj-color-black)}.jj-article-products__item .product-title a:hover,.jj-article-products__item .product-title a:focus-visible{text-decoration-color:var(--jj-color-orange);text-decoration-line:underline;text-underline-offset:4px}.jj-related-articles__grid{display:grid;grid-template-columns:repeat(var(--jj-related-article-columns),minmax(0,1fr));align-items:start;gap:clamp(28px,3.5vw,48px)}.jj-related-article{min-width:0;width:100%;max-width:380px;justify-self:center;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.jj-related-article__image-link{display:block;overflow:hidden;background:var(--jj-color-cream)}.jj-related-article__image{display:block;width:100%;height:auto;transition:transform .3s ease}@media(min-width:1024px){.jj-article .blog-post-body{width:min(100%,820px)}.jj-article .blog-post.jj-type-description{--jj-type-description-size: calc(var(--jj-base-description-size) + 2px)}.jj-related-article__image{aspect-ratio:4 / 3;object-fit:cover}}.jj-related-article__image-link:hover .jj-related-article__image,.jj-related-article__image-link:focus-visible .jj-related-article__image{transform:scale(1.02)}.jj-related-article__content{padding-top:18px}.jj-related-article__date{display:block;margin-bottom:8px;color:var(--jj-color-black);opacity:.72}.jj-related-article__title{margin:0;max-width:30ch;text-wrap:balance}.jj-related-article__title a{color:var(--jj-color-black);text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease}.jj-related-article__title a:hover,.jj-related-article__title a:focus-visible{text-decoration-color:var(--jj-color-orange);text-decoration-line:underline}.jj-article-navigation{width:min(calc(100% - 48px),760px);margin:clamp(52px,7vw,88px) auto 0;padding-top:24px;border-top:1px solid rgba(0,0,0,.14)}.jj-article-navigation .btn--secondary{border:0;border-bottom:1px solid var(--jj-color-black);border-radius:0;background:transparent;color:var(--jj-color-black)}.jj-article-navigation .btn--secondary:hover,.jj-article-navigation .btn--secondary:focus-visible{border-bottom-color:var(--jj-color-orange);background:transparent;color:var(--jj-color-black)}@media(min-width:768px)and (max-width:989px){.jj-article-products__grid,.jj-related-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jj-related-article:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:767px){.jj-article .blog-post-header{padding:40px 16px 28px}.jj-article .blog-header:before{margin-bottom:20px}.jj-article .blog-date{margin-bottom:14px}.jj-article .blog-post-figure{padding:0 16px}.jj-article .blog-post-body{padding:36px 20px 0}.jj-article-recommendations{margin-top:56px;padding:36px 16px 0}.jj-article-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.jj-related-articles__grid{grid-template-columns:1fr;gap:36px}.jj-article-navigation{width:calc(100% - 32px);margin-top:56px}}@media(prefers-reduced-motion:reduce){.jj-article-products__item .product-link img,.jj-related-article__image{transition:none}.jj-article-products__item .product-card:hover .product-link img,.jj-related-article__image-link:hover .jj-related-article__image,.jj-related-article__image-link:focus-visible .jj-related-article__image{transform:none}}.jj-article-faq{--jj-type-description-size: calc(var(--jj-base-description-size) + 1px);--jj-type-description-line: 1.75;width:min(calc(100% - 48px),760px);margin:clamp(56px,7vw,88px) auto 0;padding-top:clamp(36px,5vw,52px);border-top:1px solid rgba(0,0,0,.14)}.jj-article-faq .faq-heading{margin:0 0 24px;color:var(--jj-color-black);text-align:center}.jj-article-faq .faq-item{border:1px solid #e6e6e6;border-radius:8px;margin-bottom:14px;background:var(--jj-color-cream);overflow:hidden}.jj-article-faq .faq-question{width:100%;padding:16px 18px;background:var(--jj-color-cream);border:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;text-align:left;color:var(--jj-color-black)}.jj-article-faq .faq-toggle{flex:0 0 auto;font-size:20px;font-weight:400;line-height:1}.jj-article-faq .faq-answer{display:none;padding:16px 18px;background:var(--jj-color-cream);color:var(--jj-color-black);border-left:4px solid var(--jj-color-orange)}.jj-article-faq .faq-item.active .faq-answer{display:block}.jj-article-faq .faq-item:not(.active) .faq-answer{padding:0;border-left:none}@media(max-width:767px){.jj-article-faq{width:calc(100% - 32px);margin-top:56px;padding-top:36px}}.page-blog:not(.page-article) .blog-grid .blog-thumbnail,.page-article .jj-article .blog-post-figure .blog-thumbnail,.page-article .jj-related-article__image-link{position:relative;display:block;width:100%;height:auto!important;aspect-ratio:16 / 9;overflow:hidden;background:var(--jj-color-cream, #FAF6F3)}.page-blog:not(.page-article) .blog-grid .blog-thumbnail>img,.page-article .jj-article .blog-post-figure .blog-thumbnail>img,.page-article .jj-related-article__image-link>img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center}
/*# sourceMappingURL=/cdn/shop/t/18/assets/blog-style.css.map */