.ele-blog-list{padding:50px 0}.ele-blog-list__container{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;margin-top:20px}.ele-blog-wrap{transition:.3s;border:1px solid transparent;padding:5px;border-radius:6px;width:calc(25% - 15px);display:flex;flex-direction:column}.ele-blog-wrap:hover{border:1px solid #000}.ele-blog-wrap:hover .ele-blog__img img{transform:scale(1.1)}.ele-blog-item{text-decoration:none;color:#000;padding:13px 12px 22px;background-color:#fff;display:block;box-shadow:0 0 16px #00000029;border-radius:6px;flex:1;display:flex;flex-direction:column}.ele-blog__date{font-family:Cormorant,serif;font-size:18px;text-align:center;line-height:1.3;display:block;margin:0 auto 15px}.ele-blog__img{overflow:hidden;aspect-ratio:326 / 200;border-radius:6px;margin-bottom:20px}.ele-blog__img img{width:100%;height:100%;object-fit:cover;transition:.3s}.ele-blog__desc{margin-bottom:30px;flex-grow:1}.ele-blog__title{margin:0 0 22px}.ele-blog__text{font-size:12px;line-height:2;color:#5d5d5d;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;margin:0}.ele-blog__arrow{font-size:17px;font-family:Cormorant,serif;position:relative;display:block;margin:auto auto 0;width:fit-content;padding-right:20px}.ele-blog__arrow:before,.ele-blog__arrow:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";vertical-align:middle;transition:.3s}.ele-blog__arrow:before{right:-10px;width:18px;height:2px;background:#000}.ele-blog__arrow:after{right:-10px;width:7px;height:7px;border-top:2px solid #000;border-right:2px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (max-width: 900px){.ele-blog-wrap{width:calc(50% - 10px)}.ele-blog-item{padding:10px}.ele-blog__date{font-size:16px;margin:0 auto 10px}.ele-blog__img{overflow:hidden;aspect-ratio:228 / 140;border-radius:6px;margin-bottom:13px}.ele-blog__desc{margin-bottom:18px}.ele-blog__title{margin:0 0 12px}.ele-blog__text{-webkit-line-clamp:2}.ele-blog__arrow{font-size:16px;padding-right:20px}}@media screen and (max-width: 500px){.ele-blog-wrap{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ele-blog-list.css.map */