.card-post{display:flex;flex-direction:column;text-decoration:none}.card-post:hover h5{color:#1a656b;text-decoration:underline}.card-post:hover img{transform:scale(1.1)}.card-post.featured{height:348px;position:relative}.card-post.featured:hover{animation:flash 1.5s}.card-post.featured .card-post__thumb{height:100%;position:absolute;transition:height .3s ease-in-out;width:100%;z-index:1}.card-post.featured .card-post__thumb:after{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.card-post.featured .card-post__thumb img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.card-post.featured .card-post__body{height:100%;justify-content:center;padding-left:40px;padding-right:40px;z-index:2}.card-post.featured .card-post__body .legend{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="5" fill="none" viewBox="0 0 4 5"><circle cx="2" cy="2.5" r="2" fill="%23fff"/></svg>') no-repeat 0/4px 4px;color:#fff}.card-post.featured .card-post__body h5,.card-post.featured .card-post__body time{color:#fff}.card-post__thumb{height:190px;overflow:hidden}.card-post__thumb:hover img{transform:scale(1.1)}.card-post__thumb img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s linear;width:100%}.card-post__body{display:flex;flex-direction:column;height:50%;justify-content:space-between;padding-top:16px}.card-post__body .legend{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' fill='none' viewBox='0 0 4 5'%3E%3Ccircle cx='2' cy='2.5' r='2' fill='%231a656b'/%3E%3C/svg%3E") no-repeat 0/4px 4px;color:#1a656b;font-size:18px;font-style:normal;font-weight:400;line-height:25.2px;padding-left:16px}@media screen and (max-width:744px){.card-post__body .legend{font-size:1rem}}@media screen and (max-width:375px){.card-post__body .legend{font-size:14px}}.card-post__body h5{color:#092426;display:-webkit-box;font-size:1.5rem;font-style:normal;font-weight:400;line-clamp:3;line-height:28.8px;max-height:86.4px;-webkit-box-orient:vertical;margin:0;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:744px){.card-post__body h5{font-size:18px}}@media screen and (max-width:375px){.card-post__body h5{font-size:1rem}}.card-post__body time{color:#969999;font-size:1rem;font-style:normal;font-weight:400;line-height:22.4px}@media screen and (max-width:744px){.card-post__body time{font-size:14px}}@media screen and (max-width:375px){.card-post__body time{font-size:.75rem}}