.blog>div{display:grid;grid-template-columns:var(--content-grid)}.blog>div>*{grid-column:2}.blog__header--container{background-color:var(--tea);background-size:6.4%,100%}.blog__header{position:relative;padding-bottom:var(--gap);border-bottom:solid .125rem var(--iron)}.blog__header .breadcrumbs{padding-bottom:var(--gap-xs)}.blog__header .blog-line{position:absolute;width:auto;height:4.5rem;bottom:-.125rem;right:0}.blog__header .blog-line path{fill:var(--iron)}.blog__search{background-color:var(--jade);padding-top:var(--gap-s);padding-bottom:var(--gap)}.blog__search h3{color:var(--iron);padding-bottom:var(--gap-xxs)}.blog__search>div{position:relative;width:40rem;max-width:100%}.blog__search input{width:100%;height:3.5rem;background-color:var(--white);padding:var(--gap-xs);padding-right:var(--gap-xxl);border:var(--border)}.blog__search span{display:none;position:absolute;top:50%;transform:translateY(-50%);right:calc(var(--gap-xs) + 3rem + var(--gap-xs));border-right:var(--border);padding-right:var(--gap-s);color:var(--iron);cursor:pointer;transition:var(--transition-color)}.blog__search span svg{width:1.5rem;height:1.5rem}.blog__search span:hover{color:var(--carbon)}.blog__search input:not(:placeholder-shown)~span{display:block}.blog__search button{position:absolute;width:3rem;height:3rem;top:50%;transform:translateY(-50%);right:var(--gap-xs);background-color:transparent;color:var(--carbon);border:0;cursor:pointer}.blog__search button svg{width:3rem;height:3rem;transition:var(--transition-transform)}.blog__search button:hover svg{transform:var(--scale)}.blog__results{position:relative;background-color:var(--mint);padding-top:var(--gap);padding-bottom:var(--gap)}.blog__results h3{padding-bottom:var(--gap-s)}.blog__results:after{content:"";position:absolute;display:block;width:100%;height:.5rem;left:0;bottom:0;background-image:var(--gradient-hashed-grey)}.blog__results>div{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.blog__content{display:flex;flex-direction:column;gap:var(--gap);padding-top:var(--gap-l);padding-bottom:var(--gap-l)}.blog__articles{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}@media only screen and (max-width: 989px){.blog__header{padding-bottom:0;border-bottom:0}.blog__header .blog-line{position:relative;margin-top:var(--gap-s)}.blog__articles,.blog__results>div{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 749px){.blog__articles,.blog__results>div{grid-template-columns:1fr}}.blog-article>div{display:grid;grid-template-columns:var(--content-grid)}.blog-article>div>*{grid-column:2}.blog-article__header--container{background-color:var(--tea);background-size:6.4%,100%;margin-bottom:var(--gap)}.blog-article__header{display:grid;grid-template-columns:60% 40%}.blog-article__header h1{max-width:40rem}.blog-article__header .header-image{position:relative;width:100%;padding-top:40%;margin-bottom:calc(var(--gap-l) * -1);border:var(--border);border-top:0}.blog-article__details{display:flex;align-items:center;gap:var(--gap-s);padding-bottom:var(--gap)}.blog-article__details img{width:4rem;height:4rem;object-fit:cover;background-color:var(--white);border:var(--border)}.blog-article__content--container{display:grid;grid-template-columns:3fr 1fr;gap:var(--gap)}.blog-article__content{display:flex;flex-direction:column;gap:var(--gap-l)}.blog-article__content>*:not(.blog-article__footer):after{content:"";display:block;width:100%;height:.5rem;background-image:var(--gradient-hashed-grey);margin-top:var(--gap-l)}.blog-article__content .content-main>*:not(:last-child){padding-bottom:var(--gap)}.blog-article__content .content-main img{display:block;max-width:100%;max-height:24rem;object-fit:cover}.blog-article__content .content-main a{font-family:var(--font-condensed--family);font-weight:var(--font-condensed--regular);text-decoration:underline;text-decoration-color:var(--lemon);text-underline-offset:.125rem;color:var(--forest);cursor:pointer;transition:var(--transition-color)}.blog-article__content .content-main a:hover{color:var(--carbon)}.blog-article__content .content-list>div,.blog-article__content .content-products>div{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);padding-top:var(--gap-l)}.blog-article__content .content-products>div{padding-top:var(--gap)}.blog-article__footer a{width:fit-content;display:flex;align-items:center;gap:var(--gap-xs);border:var(--border-dark);padding:var(--gap-xxs) var(--gap-xs);transition:var(--transition-background-color)}.blog-article__footer a:hover{background-color:var(--lemon)}.blog-article__footer a svg{width:1rem;transform:rotate(180deg)}@media only screen and (max-width: 989px){.blog-article__header--container{margin-bottom:var(--gap-xl)}.blog-article__header{grid-template-columns:1fr;gap:var(--gap)}.blog-article__content--container{grid-template-columns:1fr}.blog-article__content .content-list>div,.blog-article__content .content-products>div{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 749px){.blog-article__content--container{grid-template-columns:1fr}.blog-article__content .content-list>div,.blog-article__content .content-products>div{grid-template-columns:repeat(2,1fr)}}.blog-sidebar{position:sticky;top:calc(var(--header-height) + var(--gap));max-height:calc(100vh - var(--header-height) - var(--gap) * 2);display:flex;flex-direction:column;gap:var(--gap)}.blog-sidebar>div{background-color:var(--tea);padding:var(--gap-s)}.blog-sidebar h3{color:var(--forest);padding-bottom:var(--gap-xs);border-bottom:var(--border);border-color:var(--jade);margin-bottom:var(--gap-s)}.blog-sidebar h3:before{content:"";display:inline-block;height:0;width:0;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-left:.75rem solid var(--jade);margin-left:calc((var(--gap-s) * -1) - .125rem);margin-right:calc(var(--gap-xs) - .125rem)}.blog-sidebar a{display:flex;gap:var(--gap-xxs);margin:-.125rem;padding:.125rem;transition:var(--transition-background-color)}.blog-sidebar a:hover{background-color:var(--lemon)}.blog-sidebar__brands a{align-items:center;justify-content:space-between}.blog-sidebar__brands a img{width:3.5rem;height:3.5rem;padding:var(--gap-xxs);background-color:var(--white);object-fit:contain;border:var(--border)}.blog-sidebar__brands a div{display:flex;align-items:center;gap:var(--gap-xs)}.blog-sidebar__brands a svg{width:1rem;margin-right:var(--gap-s);transition:var(--transition-transform)}.blog-sidebar__brands a:hover svg{transform:translate(var(--gap-xs))}.blog-sidebar__article a{flex-direction:column}.blog-sidebar__article a div{position:relative;width:100%;padding-top:40%}.blog-sidebar__article a img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/59/assets/template-blog.css.map */