.blog__inner.with-sidebar{display:flex;flex-wrap:wrap;align-items:flex-start}.blog__inner.with-sidebar .blog__nav{width:20%;align-items:flex-start;justify-content:flex-start;flex-direction:column;padding-right:30px}.blog__inner.with-sidebar .blog__nav details{background:#fff;border:1px solid #eee;width:100%}.blog__inner.with-sidebar .blog__nav details summary{padding:10px;width:100%}.blog__inner.with-sidebar .blog__nav details summary::marker{content:none}.blog__inner.with-sidebar .blog__nav-item{width:100%;padding-left:10px;padding-right:10px;margin-bottom:15px;font-size:14px}.blog__inner.with-sidebar .blog__article-list{width:80%}.blog__inner.with-sidebar .blog-filter-heading{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;width:100%}.blog__inner.with-sidebar h3.ff-heading{width:100%;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}.blog__inner.with-sidebar .blog-filter-heading h3.ff-heading{border-bottom:none;padding-bottom:0;margin-bottom:10px}.blog__inner.with-sidebar details{margin-bottom:15px}.blog__inner.with-sidebar details summary{position:relative;cursor:pointer}.blog__inner.with-sidebar details summary:after{content:"";position:absolute;top:14px;right:20px;width:10px;height:10px;transform:rotate(45deg);border-right:1px solid #000;border-bottom:1px solid #000;transition:.4s}.blog__inner.with-sidebar details[open] summary:after{transform:rotate(-135deg);top:20px}.blog__inner.with-sidebar .blog__nav-list{width:100%;display:flex}.blog__inner.with-sidebar .blog__nav-link.blog__nav-link--active{border-bottom:none}p.blog-meta-info{margin-top:10px}p.blog-meta-info strong{font-weight:600}.blog__inner.with-sidebar details .blog__nav-item{margin-bottom:0}.blog__inner.with-sidebar details .blog__nav-item a{width:100%}.blog__inner.with-sidebar .blog__nav-link.all-blog{color:#641630;text-decoration:underline;text-underline-offset:4px}.sidebar-full-view.blog__inner.with-sidebar .blog__nav{width:100%;display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;column-gap:10px;margin-top:0}.sidebar-full-view.blog__inner.with-sidebar .blog-filter-heading{border-bottom:none;padding-bottom:0;display:none;width:100%;justify-content:center;column-gap:10px}.sidebar-full-view.blog__inner.with-sidebar .blog__nav-link.all-blog{padding:0}.sidebar-full-view.blog__inner.with-sidebar .blog-filter-heading h3.ff-heading{width:auto}.sidebar-full-view.blog__inner.with-sidebar .blog__article-list{width:100%}.sidebar-full-view.blog__inner.with-sidebar details{position:relative;width:200px;max-width:calc(33.33% - 10px * 2/3)}.sidebar-full-view.blog__inner.with-sidebar .blog__nav details .blog__nav-list{position:absolute;top:100%;left:0;width:100%;z-index:1;background:#fff;border:1px solid #eee}.sidebar-full-view.blog__inner.with-sidebar details summary:after{right:10px}.sidebar-full-view.blog__inner.with-sidebar .blog__nav-link.all-blog{padding:10px;display:inline-block;border:1px solid;text-decoration:none;background:#641630;color:#fff;border-radius:2px;transition:.4s}.sidebar-full-view.blog__inner.with-sidebar .blog__nav-link.all-blog:hover{background:#fff;color:#641630}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.blog-filters .blog-filter-group{position:relative;border:1px solid #ccc;padding:10px 30px 10px 15px;min-width:200px;cursor:pointer}.blog-filters .blog-filter-group select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;padding:12px 15px}.blog-filters .filter-label{pointer-events:none}.blog-filter-group:after{content:"";position:absolute;top:14px;right:10px;width:10px;height:10px;transform:rotate(45deg);border-right:1px solid #000;border-bottom:1px solid #000;transition:.4s}@media screen and (max-width:1024px){.blog__inner.with-sidebar .blog__nav{width:100%;padding-right:0}.blog__inner.with-sidebar .select-wrapper,.blog .blog__inner.with-sidebar .blog__article-list{width:100%}}@media screen and (max-width:749px){.sidebar-full-view.blog__inner.with-sidebar .blog__nav{column-gap:5px}.sidebar-full-view.blog__inner.with-sidebar details{max-width:calc(33.33% - 5px * 2/3)}.blog__inner.with-sidebar .blog__nav details summary{padding:10px 5px}}@media screen and (max-width:479px){.blog-filters .blog-filter-group{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/sidebar-blog.css.map */