.blog-index{grid-gap:30px;display:grid;flex-wrap:wrap;grid-template-columns:repeat(2,1fr)}.blog-index__post{flex:0 0 100%}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}.blog-index__post-image{height:auto;max-width:100%}.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-image--small,.blog-index__post-tags,.blog-index__post-timestamp,.blog-index__post-title{margin:0 0 .7rem}.blog-index .blog-index__post{background-color:#0b4073;border:2px solid #e6ebf1;display:flex;flex-direction:column}.blog-index .blog-index__post-content{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:0;margin-top:20px;padding:0 30px}.blog-index .blog-index__post-summary p,.blog-index .blog-index__post-title a{color:#fff;display:inline-block;margin-bottom:25px}.blog-index .article-bottom-section{margin-top:auto}.blog-index .date{color:#fff;font-size:12px;margin-bottom:0;padding:15px 0;position:relative}.blog-index .date:before{background:#fff;content:"";height:1px;left:-30px;position:absolute;right:0;top:0;width:calc(100% + 60px)}.blog-index__post-button-wrapper a.theme-btn{background:#fff;border:1px solid #fff;color:#063f75;display:inline-block;font-size:12px;font-weight:700;margin-bottom:20px;padding:10px;text-transform:uppercase;transition:all .3s ease}.blog-index .blog-index__post-title a:hover{color:#fff}.blog-index__post-button-wrapper a.theme-btn:hover{background:transparent;border:1px solid #fff;color:#fff}@media(max-width:767px){.blog-index{grid-template-columns:repeat(1,1fr)}}