.featured-blog{padding-inline:16px}.blogs{display:grid;gap:20px;grid-auto-rows:auto;grid-template-columns:1fr}.blog__posts{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0}.blog__posts li{flex-grow:1}.blog__posts .view-all-card{background:var(--freedom-blue);display:flex}.blog__posts .view-all-card h3{display:flex;flex:1 0 100%;justify-content:center;margin:0}.blog__posts .view-all-card h3 a{align-content:center;color:var(--victory-pearl);flex:1 0 100%;font-size:1.5em;text-align:center;text-decoration:none;text-transform:uppercase}.blog__posts .card-wrapper{max-width:none}.blog__posts .card__media .media img{object-fit:cover}.title-wrapper-with-link{align-items:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;margin:0;padding:20px;position:relative}.title-wrapper-with-link:after{background:#5e3f3299;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.title-wrapper-with-link .feat-blog-info{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;position:relative;z-index:1}.title-wrapper-with-link .blog__title{color:var(--victory-pearl);font-size:30px;line-height:1;text-align:center;text-transform:uppercase;text-wrap:balance}.blog__posts{margin:0}.blog__posts .article-card-wrapper{padding:0}.blog-placeholder-svg{height:100%}.blog__title{margin:0}.blog__posts.articles-wrapper{margin-bottom:1rem}.background-secondary .blog-placeholder__content{background-color:rgb(var(--color-background))}.blog__posts .card-wrapper{width:100%}.blog__button{margin-top:3rem}@media screen and (min-width: 700px){.blogs{grid-template-rows:auto auto;grid-template-columns:1fr}.title-wrapper-with-link{width:calc(50% - 10px)}.blog__posts li{width:calc(50% - 10px)}}@media screen and (min-width: 768px){.featured-blog{padding-inline:2.5%}.blog__button{margin-top:5rem}}@media screen and (min-width: 990px){.grid--1-col-desktop .article-card .card__content{text-align:center}.blog__posts.articles-wrapper{margin-bottom:0}.blogs{grid-template-columns:1fr 2fr}.title-wrapper-with-link{aspect-ratio:auto;width:auto}}@supports not (inset: 10px){@media screen and (min-width: 680px){.blog__posts .article+.article{margin-left:var(--grid-desktop-horizontal-spacing)}}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-featured-blog.css.map */
