.blog-loop{display:grid;grid-gap:50px;}
.blog-loop article{display:flex;gap:50px;text-decoration:none;align-items:center;}
.post-thumbnail {max-width: 400px; width: 100%;}
.post-thumbnail figure{ margin: 0; height: 250px; max-width: 400px; width: 100%;overflow:hidden;}
.post-thumbnail img{object-fit: cover; max-width: 100%; height: 100%; width: 100%;transition: transform 0.15s ease-in-out;}
.post-thumbnail a:hover figure img{ transform: scale(1.05);}
.content-group{width:100%;}
.content-group h2{margin-bottom:10px;font-size:30px !important;}
.content-group h2 a{text-decoration:none;}
.content-group h2 a:hover {text-decoration:underline;}
.read-more{text-decoration:none;display:inline-block;border-radius: 50px;position: relative;transition: filter .25s ease-out;padding: 7px 40px;color: var(--primary-color);background: linear-gradient(45deg, var(--primary-color) 50%, var(--primary-color) 100%);overflow: hidden;z-index: 0;}
.read-more:before{content: '';width: 100%;height: 100%;background: var(--light-primary);top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;transition: opacity .25s ease-out;display: block;position: absolute;opacity: 0;}
.read-more:hover:before{opacity: 1;}
.post-meta{margin-bottom:15px;}

.post-category,
.post-category:visited{padding: 3px 10px;border: 2px solid #DC3545;color: #DC3545;font-weight: bold;font-size: 14px;border-radius: 8px;text-decoration:none;}
.post-category:hover{background:#DC3545;color:#FFF;}

.pagination-wrap{margin:auto;}
.pagination{text-align: center;margin-top: 20px;}
.pagination a,
.pagination span{display: inline-block;padding: 5px 10px;margin: 0 2px;border: 1px solid #ddd;text-decoration: none;color: #666;}
.pagination .current{background-color: #666;color: #fff;}
.pagination a:hover{border-color: #666;}

.pagination-wrap { display: flex; gap: 10px; align-items: center; margin: 0 auto; gap: 10px; font-weight: 600; margin: auto; }
.pagination-wrap .page-numbers.current { border: none; background-color:#BF2231; color: #fff; pointer-events: none; }
.pagination-wrap .page-numbers { padding: 8px 12px; border-radius: 2px; text-decoration: none; color: #333; background-color: #f0f0f0; transition: background-color .3s, color .3s; }
.pagination-wrap .page-numbers:hover { background-color: #ddd; color: #000; text-decoration: none; }

@media(max-width:700px){
	.blog-loop article{flex-direction:column;}
}