.blog-hub-wrapper{display:block;width:100%;padding:var(--padding-top) 20px var(--padding-bottom);background-color:var(--bg-color)}.blog-hub-container{max-width:var(--max-width);margin:0 auto}.blog-hub-header{text-align:var(--header-align);margin-bottom:var(--header-margin)}.blog-hub-title{font-size:var(--title-size);color:var(--title-color);margin:0 0 16px;text-transform:uppercase;font-weight:700}.blog-hub-subtitle{font-size:var(--subtitle-size);color:var(--subtitle-color);margin:0;line-height:1.6}.blog-hub-grid{display:grid;grid-template-columns:repeat(var(--cols-desktop),1fr);gap:var(--grid-gap);margin-top:var(--grid-margin)}.blog-hub-category{position:relative;border:var(--card-border) solid var(--card-border-color);border-radius:var(--card-radius);padding:var(--card-padding);transition:all .3s ease;display:flex;flex-direction:column;gap:12px;overflow:hidden;background-color:var(--card-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.blog-hub-category:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--card-border-hover)}.blog-hub-category-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none;z-index:0}.blog-hub-category-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;height:100%}.blog-hub-category-name{font-size:var(--name-size);color:var(--text-color);margin:0;font-weight:700;text-transform:uppercase;text-align:center}.blog-hub-category-description{font-size:var(--desc-size);color:var(--text-color);margin:0;line-height:1.6;flex-grow:1;text-align:center}.blog-hub-category-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.blog-hub-empty{grid-column:1 / -1;text-align:center;padding:40px}@media screen and (max-width: 989px){.blog-hub-grid{grid-template-columns:repeat(var(--cols-tablet),1fr)}}@media screen and (max-width: 749px){.blog-hub-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/blog-navigation-hub.css.map */
