.blog__header{background-color:#444;--blog-header-overlay-color:rgba(0,0,0,.5);position:relative;z-index:0}.blog__header:before{background:var(--blog-header-overlay-color);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.blog__header>*{position:relative;z-index:1}.blog-header__inner{margin:0 auto;padding:5.5rem 0 2.5rem}.blog-header__title{color:#fff;margin-top:var(--spacer-m);text-align:left}.blog-header__subtitle{color:#fff;margin-bottom:var(--spacer-m)}.blog__listing{background:rgba(242,245,248,0);padding-top:calc(var(--grid-gutter)*2)}.blog__listing-items{display:grid;grid-auto-rows:minmax(350px,auto);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:calc(var(--grid-gutter)*2)}.blog__listing-items .blog__listing-post,.blog__listing-items .blog__listing-post .card__body{background:#fff;color:#444;font-size:16px}.blog__listing-items .blog__listing-post{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.blog__listing-items .blog__listing-post:focus,.blog__listing-items .blog__listing-post:hover{transform:scale(1.02)}.blog__listing-items .blog__listing-post .card__title{font-size:18px}.blog__listing-items .blog__listing-post .card__title a,.blog__listing-items .blog__listing-post .card__title:focus a,.blog__listing-items .blog__listing-post .card__title:hover a{color:#00be82}.blog__listing-author-name,.blog__listing-timestamp{color:#999;display:inline-block;font-size:14px;margin-bottom:var(--grid-gutter)}.blog-index__post-tags{margin-bottom:var(--grid-gutter)}.blog__listing-more{color:#999;display:block;font-size:13px;text-align:right}.blog__listing-more:focus,.blog__listing-more:hover{color:#999}.blog__listing-items .badge{background:#eee;border:1px solid #eee;border-radius:10rem;color:#999;display:inline-block;font-size:13px;line-height:1;padding-bottom:calc(.375rem - 1px);padding-left:calc(var(--grid-gutter)*2 - 1px);padding-right:calc(var(--grid-gutter)*2 - 1px);padding-top:calc(.375rem - 1px);text-align:center;vertical-align:baseline;white-space:nowrap}.blog__listing-items .badge:focus,.blog__listing-items .badge:hover{background:#999;border:1px solid #999;color:#fafafa}