.blog-listing-container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 20px 1fr 20px 1fr;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:100px}.blog-post{max-width:1200px;margin:0 auto 80px}.blog-post ol,.blog-post ul{padding-left:20px}.blog-post .sub{opacity:.8;text-align:right;margin:10px 0 5px}.blog-post .social-sharing a{color:inherit;padding-left:10px;font-size:1.3rem;cursor:pointer;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.blog-post .social-sharing a:hover{color:var(--primary)}.blog-post-item{background-color:#f2f2f2;background-repeat:no-repeat;background-size:cover;background-position:center;padding:20px;border-radius:5px;text-align:center;min-height:450px;position:relative;cursor:pointer}.blog-post-item.first-post{-ms-grid-column-span:2;grid-column:span 2;min-height:450px}.blog-post-item .horizontal-line{position:absolute;top:0;left:20px;width:100%;visibility:hidden;opacity:0;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.blog-post-item:hover .horizontal-line,.blog-post-item:hover .overlay{visibility:visible;opacity:1}.blog-post-item .overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;visibility:hidden;opacity:0;-webkit-transition:visibility .3s,opacity .3s ease-in-out;-o-transition:visibility .3s,opacity .3s ease-in-out;transition:visibility .3s,opacity .3s ease-in-out}.blog-post--wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;position:relative;z-index:3}.blog-post-date,h4.blog-post-title{color:#fff;font-weight:700}.blog-post-link{display:block;text-decoration:none;color:inherit;height:100%}.pagination{text-align:center;margin-bottom:100px}.pagination li a,.pagination li a:hover,.pagination li.active a,.pagination li.disabled{color:var(--dark-text);text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;background-color:var(--grey-background);border-radius:5px;cursor:pointer;padding:.75rem}.pagination li{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.pagination li a:hover{background-color:var(--secondary-light);color:var(--white)}.pagination li.active a{background-color:var(--secondary);color:var(--white)}@media screen and (max-width:992px){.blog-listing-container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.blog-post-item.first-post{-ms-grid-column-span:2;grid-column:span 2}}@media screen and (max-width:768px){.blog-post-item,.blog-post-item.first-post{-ms-grid-column-span:1;grid-column:span 1}.blog-listing-container{-ms-grid-columns:1fr;grid-template-columns:1fr}.blog-post-item{min-height:350px}.blog-post{margin:0 auto 40px}}
.category-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background: var(--white);
    padding: 10px 20px;
    box-shadow: 1px 1px 10px #b0b0b0;
    border-radius: 50px;
}

.category-tag .category {
    color: var(--black);
}