#main-cnt{padding-bottom:100px}.blog-header{width:calc(100% - 6vw);height:30vh;min-height:250px;margin:0 auto 40px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding:20px;overflow:hidden;border-radius:0 0 8px 8px;color:#fff}.blog-header-in{width:80%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;transition:background-image .5s ease-in-out;filter:brightness(.6)}.blog-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000001a;z-index:1}.blog-header h1{position:absolute;z-index:3;text-align:center;color:#fff;padding:15px;border-radius:8px;background:#171717;font-size:1.3em;letter-spacing:.5em;text-indent:.5em;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-grid{display:grid;gap:24px;grid-template-columns:repeat(1,1fr);margin:30px 3vw}@media(min-width:600px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.blog-grid{grid-template-columns:repeat(4,1fr)}}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:70px 3vw 15px}.article-count-text{display:table;font-size:1em;color:#555;margin:5px 3vw;padding:5px;border-bottom:1px solid #cdcdcd}.tag-filter-btn{padding:6px 12px;border-radius:4px;background-color:#f2f2f2;border:none;cursor:pointer;transition:all .3s;font-size:14px}.tag-filter-btn:hover{background-color:#eee;color:#000}.tag-filter-btn.active{background-color:#333;color:#fff}.tag-filter-btn.pressed{transform:scale(.98);opacity:.85}#reset-tags{order:-1}.article-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease}.article-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.article-card img{width:100%;height:auto;display:block}.article-card a>div{display:flex;flex-direction:column;flex-grow:1;padding:16px}.article-card h2{font-size:1.05em;line-height:1.4;margin:0;min-height:3.5em}.article-card p{margin-top:auto;margin-bottom:8px;padding-top:30px;font-size:14px;color:#666}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.article-tags span{background-color:#eee;padding:2px 6px;border-radius:3px;font-size:12px}.blog-grid>.article-card{height:100%}.fade-slide-in{opacity:0;transform:translateY(20px);animation:fadeSlideIn .5s forwards}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}#loader .spinner{width:40px;height:40px;margin:20px auto;border:4px solid #ddd;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more-container{text-align:center;margin:30px 0}#load-more-btn{padding:10px 20px;font-weight:700;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}#load-more-btn:hover{background-color:#555}#all-loaded-message{margin-top:12px;color:#888;font-size:14px}@media screen and (max-width:641px){#main-cnt{padding-bottom:50px}.blog-header{width:100%;overflow:initial}.blog-header-in{width:100%}.blog-header h1{font-size:1em;padding:12px;top:100%}.article-card h2{font-size:.9em}.article-count-text{font-size:.85em}.tag-filter-btn{padding:4px 5px;font-size:.8em}#load-more-btn{font-size:.9em}.no-articles-message{font-size:.85em}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blog-tag-and.css.map */