.card-post{display:flex;flex-wrap:wrap;width:100%;overflow:hidden;align-items:flex-start;margin:2rem 0 0;background-color:#f7f7f7;border:1px solid #ccc;box-shadow:0 1px 4px rgba(0,0,0,.3)}.card-post .post-title{margin-bottom:0;font-size:1.25rem}.card-post .post-title a{color:#3d3b3b}.card-post .post-title a:hover{color:#1e7eb0;text-decoration:none}.card-post .excerpt{margin-bottom:1rem}.card-post .top-detail{margin:.25rem 0 1rem;padding-bottom:1rem;border-bottom:1px solid #ccc;font-size:.875rem}.card-post .detail-wrapper{background:#fff;padding:1rem 2rem}.card-post .post-detail{font-size:.875rem;color:#707070}.card-post .read-more{text-transform:uppercase;font-size:.9375rem}.card-post.action{display:flex;justify-content:center;align-items:center;border:0;background:0 0;box-shadow:none}.card-post.action .nav{font-style:italic}@media screen and (min-width:1024px){.card-post{justify-content:center;flex-direction:row}.card-post .img-wrapper{flex:0 0 30%;max-width:30%;max-height:initial}.card-post .detail-wrapper{flex:1;width:auto;max-width:100%;padding:2rem}}.pagination{margin:4rem auto 2rem;display:flex;width:100%;flex-wrap:wrap;justify-content:center}.pagination .page-item{margin:0 1rem}.pagination .page-item.disabled a{cursor:not-allowed;color:#aaa}.pagination .page-item a{cursor:pointer;border-bottom:3px solid transparent}.pagination .page-item a:hover{text-decoration:none;border-bottom-color:#ec2748;color:#3d3b3b}.pagination .page-item a[aria-current=page]{font-weight:700;color:#3d3b3b;border-bottom-color:#ec2748}