.blog-tabs-nav{display:flex;align-items:center;list-style:none;padding:0;margin:0 0 20px}.blog-tabs-nav li{margin-right:5px}.blog-tab-button{padding:10px 15px;background:none;border:none;cursor:pointer;font-size:16px;color:#555}.blog-tab-button.active{background-color:#000;color:#fff;border-radius:20px;padding:6px 20px}.blog-tabs .blog-articles{display:none}.blog-tabs .blog-articles.active{display:block}.blog-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-meta{border:1px solid #ddd;background:#d3d3d389;border-radius:0 0 10px 10px;padding:10px 20px}.blog-article-card{padding:15px;border-radius:5px;overflow:hidden}.blog-image-wrapper{position:relative;overflow:hidden}.blog-image-wrapper img{width:100%;height:100%;display:block;border-radius:10px 10px 0 0}.blog-name-overlay{position:absolute;bottom:10px;right:10px;background:#fff;opacity:.7;color:#000;padding:3px 17px;font-size:14px;border-radius:20px;font-weight:700}.blog-date{font-size:14px;color:#777;margin-bottom:5px}.blog-meta h3{margin:5px 0;font-size:18px;height:auto;padding:0 7px 10px;min-height:50px;font-family:sans-serif}.blog-meta p{font-size:14px;padding:0 7px;display:flex;align-items:center;gap:10px;margin:0}.article-title{color:#000;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;line-clamp:2}.blog-articles-content{width:100%;height:100%}.blog-reading-message{display:flex;align-items:center;justify-content:space-between;margin:0}.blog-read-time{color:red;font-weight:700}.no-articles-message{text-align:center;padding:20px}.blog-media-description{width:100%}.blogdescription{text-align:justify;padding:4px 15px;line-height:normal}@media only screen and (max-width: 749px){.blog-articles-grid{grid-template-columns:repeat(1,1fr)}.blog-tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-tabs-nav::-webkit-scrollbar{display:none}.blog-tabs-nav{scrollbar-width:none}.blog-tab-button{font-size:14px;white-space:nowrap}.article-title{font-size:14px}.blog-meta{padding:10px}.blog-article-card{padding:unset}.blog-media-description{width:100%}.blogdescription{padding:4px}}
/*# sourceMappingURL=/cdn/shop/t/347/assets/custom-blogs.css.map */