.blog-page-header{position:relative;display:grid;grid-template-areas:"left left top" "left left bottom";gap:10px}.blog-page-header_first-article{grid-area:left;position:relative}.blog-page-header_article-2{grid-area:top;position:relative}.blog-page-header_article-3{grid-area:bottom;position:relative}.article-content_image{position:relative;padding:0 0 55%;overflow:hidden}.article-content_image img{display:block;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.article-content_masthead{position:absolute;left:0;padding:4rem var(--page-padding-first-blog);top:0;bottom:0;display:flex}.article-content_masthead-content{position:relative}.article-content_blog-title{text-transform:uppercase;color:var(--white-color);font-size:1.5rem;line-height:1.2;padding:0 0 2rem;font-family:var(--font-body-family-semibold)}.blog-page-header_article-2 .article-content_image,.blog-page-header_article-3 .article-content_image{position:absolute;top:0;left:0;right:0;bottom:0;padding:0}.overlay_opacity{position:absolute;top:0;left:0;right:0;bottom:0}.article-content_title a{text-decoration:none;text-transform:uppercase;font-size:4rem;font-family:var(--font-body-family-bold);line-height:1.1;color:var(--white-color);display:block;max-width:550px}.blog-page-header_article-2 .article-content_title a,.blog-page-header_article-3 .article-content_title a{font-size:2.2rem;line-height:1.4}.blog-page-header_article-2 .article-content_masthead,.blog-page-header_article-3 .article-content_masthead{padding:3rem}.article-content_title a:hover{color:var(--accent-color)}.article-content_date{position:absolute;left:0;bottom:0;font-size:1.5rem;color:var(--white-color)}.navigation-blog{display:flex;align-items:center;justify-content:flex-start;padding:1rem 0}.navigation-blog ul{display:flex;align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.navigation-blog .item-blog{padding:1.5rem 0}.navigation-blog .item-blog a{display:block;padding:2rem;text-decoration:none;text-transform:uppercase;color:var(--base-color);font-size:1.5rem;background-color:transparent;transition:var(--transition-025);font-family:var(--font-body-family-semibold)}.navigation-blog .item-blog a:hover,.navigation-blog .item-blog.active a{background-color:var(--accent-color);color:var(--white-color)}.blog-items-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;padding-bottom:7rem}.blog-item-grid{position:relative}.blog-item-grid-image img{display:block;width:100%}.blog-item-grid-name{padding:2rem 0 1rem}.blog-item-grid-name a{text-transform:uppercase;text-decoration:none;color:var(--base-color);font-size:2rem;line-height:1.2;font-family:var(--font-body-family-bold)}.blog-item-grid-blog_date{font-size:1.5rem;color:var(--base-color);font-family:var(--font-body-family-semibold);line-height:1.2;padding:1rem 0 2rem}.blog-item-grid-blog_date span:first-child{display:inline-block;text-transform:uppercase;padding-right:.35rem}.blog-item-grid-blog_date span:last-child{display:inline-block;padding-left:.35rem}.blog-item-grid-blog_author{padding:0 0 2rem;font-size:1.5rem;color:var(--base-color);font-family:var(--font-body-family-semibold);line-height:1.2}.blog-item-grid-blog_content{padding:0 0 2rem;font-size:1.5rem;color:var(--base-color);line-height:1.5}.blog-item-grid-blog_actions{padding:0 0 1rem}.blog-item-grid-blog_actions a{text-transform:uppercase;text-decoration:none;font-size:1.5rem;color:var(--base-color);font-family:var(--font-body-family-semibold);line-height:1.2}.load-more{margin:0 auto 5rem;border:0;background-color:var(--accent-color);text-transform:uppercase;text-align:center;padding:1rem;min-width:24rem;color:var(--white-color);font-family:var(--font-body-family-semibold);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.blog__search-form{position:relative;display:flex;align-items:center}.blog__search-form .form-element{width:100%}.blog__search-form .form-element__el{border:1px solid var(--border-color);padding:1.25rem 2.5rem 1.25rem 2rem;font-size:1.5rem;background-color:#df181803}.blog__search-button{position:absolute;top:0;right:0;bottom:0;border:0;background-color:transparent;width:4.7rem}.blog__search-button .quick-nav__search-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width: 1245px){.blog-page-header{position:relative;display:grid;grid-template-areas:"left left left left" "top top bottom bottom"}.article-content_masthead{padding:3rem var(--page-padding2)}.blog-page-header_article-2 .article-content_masthead,.blog-page-header_article-3 .article-content_masthead{padding:2rem var(--page-padding2)}.blog-page-header_article-2 .article-content_image,.blog-page-header_article-3 .article-content_image{position:relative;top:auto;left:auto;right:auto;bottom:auto;padding:0 0 55%}.blog-items-grid{grid-template-columns:repeat(2,1fr);grid-gap:2rem 3rem;padding-bottom:5rem}}@media screen and (max-width: 767px){.blog-page-header{position:relative;display:grid;grid-template-areas:"left" "top" "bottom"}.article-content_masthead,.blog-page-header_article-2 .article-content_masthead,.blog-page-header_article-3 .article-content_masthead{padding:1.5rem var(--page-padding3)}.article-content_title a{font-size:2.2rem;line-height:1.4}.article-content_blog-title,.article-content_date{font-size:1.4rem}.navigation-blog{padding:3rem 0}.navigation-blog,.navigation-blog ul{display:block}.navigation-blog .item-blog{padding:0;background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.navigation-blog .item-blog:last-child{border-bottom:0}.navigation-blog .item-blog a{padding:1.5rem;color:var(--base-color);font-size:1.4rem;text-align:center}.blog-items-grid{grid-template-columns:repeat(1,1fr);grid-gap:3rem;padding-bottom:4rem}.blog-item-grid-name a{font-size:1.8rem}.blog-item-grid-blog_date,.blog-item-grid-blog_author,.blog-item-grid-blog_content,.blog-item-grid-blog_actions a{font-size:1.4rem}}.page-width.blog-items_grid{min-height:35rem}.page-width.blog-items_grid h1{text-align:center;line-height:1.2}@media screen and (max-width: 881px){.blog__search-form{margin-bottom:3rem}.blog__search-form .form-element__el{width:calc(100% - 4.5rem)}}@media screen and (min-width: 882px){.blog-toolbar__menu.page-width{display:flex;align-items:center;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/545/assets/blog-landing-page.css.map */