.blog-post-listing{margin-bottom:24px}.blog-author-heading,.blog-tag-heading{padding:0 1rem}.blog-index{display:grid;gap:16px;grid-template:repeat(2,1fr)/1fr}.blog-index__post{background-color:#fff;border-radius:16px;border:1px solid #cfdce8;overflow:hidden}.blog-index__post-image{height:100%;width:100%;max-width:100%}.blog-index__post-image-box{height:200px}.blog-index__post-content{padding:16px}.blog-index__post-content-header{display:flex;flex-wrap:wrap;margin-bottom:8px}.blog-index__post-tag,.blog-index__post-tag-separate,.blog-index__post-timestamp{display:block;font-size:13px;line-height:16px;color:#6f7e8a}.blog-index__post-tags{display:flex;flex-wrap:wrap;margin-right:16px}@media screen and (min-width:600px){.blog-index{gap:24px;grid-template:repeat(1,1fr)/repeat(2,1fr)}.blog-index__post{flex:0 0 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,.blog-index__post-title-link,.blog-index__post-title-link:focus,.blog-index__post-title-link:hover{font-family:Roboto,sans-serif;font-size:24px;line-height:32px;font-weight:700;color:#000;margin-bottom:0}.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}.body-container__section:not(:last-child){margin-bottom:40px}.body-container--blog-index{max-width:792px;padding:16px}@media (min-width:900px){.body-container--blog-index{max-width:808px;padding:24px}}.blog-description{font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;color:#000;margin-bottom:16px}@media (min-width:900px){.blog-description{font-size:20px;line-height:30px;margin-bottom:24px}}.blog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.blog-header>.blog-title{margin:0;font-size:24px;line-height:32px}@media (min-width:900px){.blog-header>.blog-title{font-size:32px;line-height:40px}}.blog-header-button{padding:10px 16px;font-size:16px;font-weight:700;line-height:20px;color:#3e414c;background:#fff;border:1px solid #cfdce8;box-sizing:border-box;border-radius:8px;transition:all .3s}.blog-header-button:hover{color:inherit;font-weight:700;background-color:#e7edf3}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/6691243/hub_generated/template_assets/69163372382/1657726128770/Blog/OlympTrade/css/templates/post-listing.css */