.blog-wrapper,#blog_display{padding-left:1rem;padding-right:1rem;display:flex;flex-wrap:wrap;flex-direction:row}.card-blog-wrapper{flex-basis:100%;padding:1rem}@media (min-width:768px){.card-blog-wrapper{flex-basis:50%}}@media (min-width:1024px){.card-blog-wrapper{flex-basis:33.333333%}}@media (min-width:1280px){.card-blog-wrapper{flex-basis:25%}}.card-blog-wrapper .card-blog{position:relative;top:50%;left:50%;width:auto;height:350px;transform:translate(-50%,-50%) translateZ(0);border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,0.3);overflow:hidden;margin-bottom:1rem}.card-blog-wrapper .card-blog:hover .infos{transform:translateY(-3rem)}.card-blog-wrapper .card-blog .note{margin-top:30px;color:#fff;font-size:1rem;line-height:1.5;text-align:center}.card-blog-wrapper .card-blog .thumb{width:auto;height:260px;background-size:cover !important;border-radius:3px}.card-blog-wrapper .card-blog .thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:350px}.card-blog-wrapper .card-blog .infos{position:relative;width:auto;height:9rem;padding:2rem 1rem 1rem 1rem;background:#fff;border-radius:1rem 1rem 0rem 0rem;transition:0.4s 0.15s cubic-bezier(0.17,0.67,0.5,1.03)}.card-blog-wrapper .card-blog .infos .title{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;position:relative;text-align:center;height:48px;letter-spacing:1px;font-size:1rem;text-transform:uppercase;text-shadow:0 0 0.5px var(--dark)}.card-blog-wrapper .card-blog .infos .date{top:0.5rem;right:0;text-align:center;position:absolute;width:100%;margin-bottom:1rem;text-transform:uppercase;font-size:0.85rem;color:var(--dark);font-weight:600}.card-blog-wrapper .card-blog .infos a{position:absolute;left:0;bottom:0;width:100%;text-align:center;padding:15px 20px;letter-spacing:1px;color:var(--dark);font-size:1rem;text-transform:uppercase;transition:0.5s 0.25s cubic-bezier(0.17,0.67,0.5,1.03);font-weight:600}.content-preview-wrapper .content-preview{display:flex;flex-direction:row;flex-wrap:wrap}.content-preview-wrapper .content-preview>div:last-of-type{margin-top:1rem;margin-bottom:1rem;flex-basis:100%}