.template-blog{background:var(--foreword-off-white)}.component-blog{margin:100px 0}.component-blog .sidebar-mobile{margin-bottom:20px}.component-blog .sidebar-mobile-filters{flex-direction:column}.component-blog .sidebar-nav{background:var(--foreword-white);border:1px solid var(--foreword-primary);padding:20px 15px;width:100%}.component-blog .sidebar-nav-title{font-size:14px;font-weight:600;color:var(--foreword-primary);margin-bottom:10px;font-family:Simplon Mono Medium,monospace}.component-blog .blog-cards .blog-content cta{font-size:14px!important}.component-blog .sidebar-nav li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;cursor:pointer;position:relative}.component-blog .sidebar-nav li .link-title{font-family:Simplon Mono,monospace;font-size:14px;font-style:normal;font-weight:400;line-height:18px;text-transform:uppercase;color:var(--foreword-primary)}.component-blog .collection-filters-wrap{margin-bottom:18px}.component-blog .filter-sort-toggle{padding:14px 0}.component-blog .mobile-sort-container{border:1px solid var(--foreword-primary);cursor:pointer;margin-top:12px;margin-bottom:0}.component-blog .filter-sort-toggle .toggle{font-family:Simplon Mono,monospace;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.component-blog .sidebar-link .checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:grid;place-content:center;font:inherit;color:currentColor;width:.6em;height:.6em;border:1px solid var(--foreword-primary);border-radius:0;transform:translateY(-.075em)}.component-blog .sidebar-link .checkbox:checked{background-color:#ff957d}.component-blog .sidebar-link.selected .checkbox{content:"";width:.6em;height:.6em;transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--foreword-secondary);position:absolute;right:0;top:21px}.component-blog .blog-grid-item{margin:0 auto 36px;max-width:100%;text-align:center;width:92%;position:relative;background:var(--foreword-white);border:1px solid #797979}.component-blog .text-wrapper{padding:27px 30px}.component-blog .button-wrapper{padding:0 30px 27px;text-align:left}.component-blog .text-wrapper .blog-title{color:var(--foreword-primary);font-family:Domaine Text,serif;font-size:18px;font-style:normal;font-weight:700;line-height:24px;text-align:left}.component-blog .blog-cards .blog-image{padding:0;background-image:none}.component-blog .blog-cards .blog-image img{width:100%}.component-blog .blog-cards .h2{margin-bottom:25px}.component-blog .blog-cards .blog-content{padding:48px 35px;margin-bottom:32px}.component-blog .blog-cards .blog-content p{font-family:Apercu Light,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px;color:var(--foreword-white)!important}.component-blog .blog-cards .blog-content .cta{margin-top:25px}@media only screen and (min-width:992px){.component-blog{margin:48px 0}.component-blog .sidebar-title{padding:0 0 20px;position:relative}.component-blog .sidebar{padding:0 20px}.component-blog .sidebar-title .filter-heading{font-family:Simplon Mono,monospace;font-size:14px;font-style:normal;font-weight:400;line-height:18px;border-bottom:1px solid #797979;margin-right:24px;padding-bottom:30px}.component-blog .sidebar-title .filter-heading svg{position:absolute;margin-left:8px}.component-blog .sidebar-nav{background:transparent;border:none;padding:20px 30px 20px 0}.component-blog .sidebar-nav ul{border-bottom:1px solid #797979;padding-bottom:30px}.component-blog .blog-cards{padding-left:30px;border-left:1px solid #797979}.component-blog .blog-grid-col{padding:0}.component-blog .text-wrapper .blog-title{min-height:50px}.component-blog .blog-cards .blog-image{padding:0;background-size:cover;background-position:center}.component-blog .blog-cards .blog-image img{display:none}.component-blog .blog-cards .blog-content{margin-bottom:0;padding:78px 45px}.component-blog .featured-article{padding:0 15px;margin-bottom:32px}}.filter-heading-row{margin-top:40px;margin-bottom:30px}.sidebar-title .expand svg{rotate:45deg;transition:all .45s ease-in-out}.sidebar-title.active .expand svg{rotate:0deg}
/*# sourceMappingURL=/cdn/shop/t/341/assets/custom-component-blog-with-filter.css.map */