.blog-author-heading,.blog-tag-heading{padding:0 1rem}.blog-index{display:flex;flex-wrap:wrap;padding-top:40px}.blog-index__post{flex:0 0 100%;padding:1.4rem 1rem}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 33.33333%}}@media screen and (min-width:768px){.blog-index__post--large{display:flex;flex:1 0 100%}}.blog-index__post-image-wrapper{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;margin-bottom:20px;overflow:hidden;position:relative;width:100%;z-index:1}.blog-index__post-image-wrapper:focus img,.blog-index__post-image-wrapper:hover img{opacity:.8}@media screen and (min-width:768px){.blog-index__post-image-wrapper:focus .overlay,.blog-index__post-image-wrapper:hover .overlay{opacity:.4}}.blog-index__post-image-wrapper img{display:block;width:100%}@media screen and (min-width:768px){.blog-index__post-image-wrapper--large{flex:1 1 48%}.blog-index__post-content--large{flex:1 1 48%;padding-left:2rem}.blog-index__post-content--full-width{flex:1 1 100%;padding-left:0}}.blog-index__post-title{margin:0}@media screen and (max-width:767px){.blog-index__post-title{font-size:16px}}.blog-index__post-timestamp{display:block}.blog-index__post-author{align-items:center;display:flex}.blog-index__post-author-image{border-radius:50%;height:auto;margin-right:.35rem;width:30px}.blog-index__post-author,.blog-index__post-tags,.blog-index__post-timestamp,.blog-index__post-title{margin:0 0 .7rem}.blog-index .blog-name{background:rgba(87,93,240,.1);border-radius:15px;color:#000;display:inline-block;font-size:10px;font-weight:700;margin-bottom:10px;padding:5px 10px;position:relative;text-transform:uppercase;z-index:5}.blog-index .overlay{display:none;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in;width:100%;z-index:1}@media screen and (min-width:768px){.blog-index .overlay{display:block}}