.category-post{display:flex;flex-direction:column;border:1px solid #ddd;box-shadow:var(--shadow-sm);margin:20px 10px;border-radius:.5rem;overflow:hidden}.category-post .thumbnail-wrapper{padding:5px;flex:0 0 auto;box-sizing:border-box;width:40%;overflow:hidden;background-color:#fff}.category-post .thumbnail-wrapper img{width:calc(100% - 10px);height:calc(100% - 10px);-o-object-fit:cover;object-fit:cover;aspect-ratio:5/3;margin:5px;transition:all .3s ease-in-out}.category-post .thumbnail-wrapper img:hover{transform:scale(1.1)}.category-post .category-post-content{display:flex;flex-direction:row;flex:1 1 auto}.category-post h2{margin:0}.category-post h2 a{color:var(--wp--preset--color--dark);flex:1 1 auto;margin:0;padding:10px;font-size:1.5rem;text-align:start;text-decoration:none;font-family:Roboto,sans-serif;font-weight:400;display:flex}.category-post .last-updated{flex:0 0 auto;padding:10px;font-size:1rem;color:var(--wp--preset--color--dark)}.category-post .category-post-title-area{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.category-post .post-excerpt{padding:10px;font-size:1rem;color:var(--wp--preset--color--dark);flex:1 1 auto;text-align:start}.category-post .readmore{margin:15px 10px;padding:5px 10px;display:inline-block}.category-post .category-post-details{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto}.category-posts-list .pagination{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.category-posts-list .pagination ul{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0}.category-posts-list .pagination ul li{display:inline-block;margin:0 5px}.category-posts-list .pagination ul li a{padding:5px 10px;border:1px solid #ddd;border-radius:.5rem;text-decoration:none;color:var(--wp--preset--color--dark)}.category-posts-list .pagination ul li span.current{padding:5px 10px;border:1px solid #ddd;border-radius:.5rem;background-color:var(--wp--preset--color--dark);color:#fff}.category-posts-list .pagination .total-posts{text-align:center;margin:20px 0;border:1px solid #ddd;border-radius:.5rem;padding:5px 10px;background-color:#fff;float:right}@media screen and (max-width: 768px){.category-post{margin:8px 0}.category-post .category-post-content{flex-direction:column}.category-post .thumbnail-wrapper{width:100%}}