.template-blog{--h2o-teal: #00838F;--h2o-dark: #1a1a2e;--h2o-light: #f4f9fa;--h2o-text: #2d2d2d;--h2o-muted: #666;--h2o-accent: #00adb5;--h2o-border: #dde6ea;background:var(--h2o-light)}.template-blog .main-content{background:var(--h2o-light)}.template-blog .blog-hero{background:linear-gradient(135deg,#00838f,#1a1a2e);color:#fff;padding:56px 24px 46px;text-align:center}.template-blog .blog-hero .blog-hero__eyebrow{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#9be9ee;margin:0 0 16px}.template-blog .blog-hero .blog-hero__title{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;line-height:1.3;letter-spacing:normal;text-transform:none;color:#fff;max-width:780px;margin:0 auto;padding:0}.template-blog .des-blog{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--h2o-text)}.template-blog .page.page-blog{padding:48px 0 64px}.template-blog #shopify-section-blog-template{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px;align-items:stretch}.template-blog #shopify-section-blog-template>*:not(article.blog){grid-column:1 / -1}.template-blog .page-blog .blog{display:flex;flex-direction:column;width:auto;margin:0!important;padding:0!important;background:#fff;border:1px solid var(--h2o-border)!important;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.template-blog .page-blog .blog:hover{box-shadow:0 8px 24px #1a1a2e1a;transform:translateY(-2px)}.template-blog .page-blog .blog .blog-post-figure{order:0;margin:0!important;aspect-ratio:16 / 10;overflow:hidden;background:var(--h2o-light)}.template-blog .page-blog .blog .blog-post-figure .blog-thumbnail,.template-blog .page-blog .blog .blog-post-figure .blog-thumbnail>a{display:block;height:100%}.template-blog .page-blog .blog .blog-post-figure .blog-thumbnail>a:before{display:none}.template-blog .page-blog .blog .blog-post-figure img{width:100%;height:100%;object-fit:cover;border-radius:0}.template-blog .page-blog .blog .blog-post-figure:hover img{transform:scale(1.04)}.template-blog .page-blog .blog .blog-post-header{order:1;margin:0;padding:22px 24px 0}.template-blog .page-blog .blog .blog-post-body{order:2;display:flex;flex-direction:column;flex:1;margin:0!important;padding:0 24px 24px}.template-blog .page-blog .blog .blog-date{font-family:Arial,sans-serif;font-size:.75rem;line-height:1.4;letter-spacing:1px;text-transform:uppercase;color:var(--h2o-teal);margin:0 0 8px}.template-blog .page-blog .blog .blog-date .article__date,.template-blog .page-blog .blog .blog-date .article__author{margin:0;padding:0}.template-blog .page-blog .blog .blog-date .article__date:after,.template-blog .page-blog .blog .blog-date .article__author:after{display:none}.template-blog .page-blog .blog .blog-date span+span:before{content:"\a0\b7\a0"}.template-blog .page-blog .blog .blog-date .article__comment-count{margin-left:.6em}.template-blog .page-blog .blog .blog-title{font-family:Georgia,serif;font-size:1.3rem;font-weight:700;line-height:1.35;letter-spacing:normal;text-transform:none;color:var(--h2o-dark);margin:0 0 12px}.template-blog .page-blog .blog .blog-title a:hover{color:var(--h2o-teal)}.template-blog .page-blog .blog .blog-post{font-family:Georgia,serif;font-size:1rem;line-height:1.7;letter-spacing:normal;color:var(--h2o-text);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.template-blog .page-blog .blog .blog-post>p{margin:0 0 .8em}.template-blog .page-blog .blog .button-group{display:flex;justify-content:flex-start;width:auto;margin-top:auto!important;padding:0!important}.template-blog .page-blog .blog .button-group .btn{display:inline-block;background:var(--h2o-accent);border:1px solid var(--h2o-accent);border-radius:30px;color:#fff;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:none;text-decoration:none;padding:11px 28px;transition:background .2s}.template-blog .page-blog .blog .button-group .btn:before{content:none!important}.template-blog .page-blog .blog .button-group .btn:hover{background:#00c8d1;border-color:#00c8d1;color:#fff}.template-blog .page-blog .blog .tags{margin-top:18px;font-family:Arial,sans-serif;font-size:.8rem}.template-blog .page-blog .blog .tags .tag a{background:var(--h2o-light);border:1px solid #b0d0d5;border-radius:20px;color:var(--h2o-teal);font-size:.8rem;letter-spacing:normal;line-height:1.4;padding:5px 12px}.template-blog .page-blog .blog .tags .tag:hover a{background:var(--h2o-teal);border-color:var(--h2o-teal);color:#fff}.template-blog .pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:16px 0 0;padding:0;list-style:none}.template-blog .pagination li{margin:0;padding:0}.template-blog .pagination .pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:19px;font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;color:var(--h2o-teal);text-decoration:none;background:transparent}.template-blog .pagination a.pagination-link:hover{background:#fff;color:var(--h2o-accent)}.template-blog .pagination .pagination--current{background:var(--h2o-teal);color:#fff}.template-blog .pagination .btn{background:transparent;border:0;color:var(--h2o-teal);font-family:Arial,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.5px}.template-blog .pagination .btn svg{fill:var(--h2o-teal)}.template-blog .pagination .btn:hover{color:var(--h2o-accent)}.template-blog .pagination .btn[disabled]{opacity:.4}.template-blog .page-sidebar .sidebarBlock-heading,.template-blog .page-sidebar .sidebarBlock-heading span{font-family:Arial,sans-serif;font-weight:700;letter-spacing:1px;color:var(--h2o-dark)}.template-blog .page-sidebar .recentPost-sidebar .title,.template-blog .page-sidebar .recentPost-sidebar .title a{font-family:Georgia,serif;letter-spacing:normal;color:var(--h2o-dark)}.template-blog .page-sidebar .recentPost-sidebar .title:hover a{color:var(--h2o-teal);border-color:var(--h2o-teal)}.template-blog .page-sidebar .recentPost-sidebar .date{font-family:Arial,sans-serif;letter-spacing:normal;color:var(--h2o-muted)}.template-blog .page-sidebar .all-categories-list .navPages-item a{color:var(--h2o-teal)}.template-blog .page-sidebar .widget-form input[type=text]{border-bottom-color:var(--h2o-teal)}.template-blog .page-sidebar .widget-form .btn-search .icon{fill:var(--h2o-teal)}@media(max-width:767px){.template-blog .blog-hero{padding:40px 18px 34px}.template-blog .page.page-blog{padding:28px 0 48px}.template-blog .page-blog .blog .blog-post-header{padding:18px 18px 0}.template-blog .page-blog .blog .blog-post-body{padding:0 18px 20px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/blog-list-style.css.map */