.blog-posts{column-gap:var(--blog-listing-row-gap);display:flex;flex-wrap:wrap;justify-content:flex-start;margin:var(--blog-listing-margin);padding:var(--blog-listing-padding);row-gap:var(--blog-listing-column-gap);@media (max-width:1200px){column-gap:calc(var(--blog-listing-row-gap)/2);row-gap:calc(var(--blog-listing-column-gap)/2)}@media (max-width:992px){margin-bottom:50px;margin-left:auto;margin-right:auto;margin-top:50px}.blog-post__wrapper{background:#fff;border-radius:var(--blog-listing-post-wrapper-border-radius);box-shadow:0 0 10px 2px rgba(0,0,0,.05);box-sizing:border-box;flex:1 0 33%;max-width:calc(33.333% - var(--blog-listing-row-gap)*2/3);@media (max-width:1200px){flex:1 0 33%;max-width:calc(33.333% - var(--blog-listing-column-gap)/3)}@media (max-width:768px){flex:1 0 100%;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:400px}.blog-post__image{border-radius:var(--blog-listing-post-wrapper-border-radius);height:190px;padding:8px;width:100%;img{border-radius:5px;height:100%;object-fit:cover;width:100%}}&:first-of-type{@media (min-width:560px){align-items:center;display:flex;flex:1 0 100%;justify-content:flex-start;max-width:100%;.blog-post__image{flex:1 0 50%;height:100%;margin-right:40px;max-width:calc(50% - 40px);padding:0}.blog-post__content{flex:1 0 50%;height:auto;max-width:50%;padding-left:0;h2{font-size:32px}.description{color:#000;display:block;font-family:Archivo,serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:30px}.read-more{margin:0}}}}.blog-post__content{align-items:flex-start;display:flex;flex-direction:column;height:calc(100% - 190px);justify-content:flex-start;padding:20px 20px 10px;.headline-link{&:hover{text-decoration:none}}h2{color:#010a4f;font-family:Archivo,serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;@media (max-width:768px){font-size:18px!important}}.description{display:none}.read-more{background:rgba(255,165,82,.1);border-radius:5px;color:#ffa552;font-family:Archivo,serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin:auto 0 0 auto;padding:4px 13px;&:hover{text-decoration:none}}}}.blog-pagination{align-items:center;column-gap:10px;display:flex;justify-content:flex-start;margin-left:auto;@media (max-width:768px){flex-basis:100%;justify-content:center;width:100%}.blog-pagination__link{color:#183158;font-family:Archivo,serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;&.blog-pagination__next-link,&.blog-pagination__prev-link{height:20px;width:40px;svg{height:20px;width:40px}}&.blog-pagination__link--active{text-decoration:underline}}}}