.BlogListWrapper{position:relative;padding:20px;margin:0 auto 120px}@media (min-width:1200px){.BlogListWrapper{width:1050px}}@media (min-width:1400px){.BlogListWrapper{width:1170px}}.SecTitle{color:#292929;font-size:16px;font-weight:500;font-family:Fira Sans,sans-serif;letter-spacing:.17em;position:relative;display:flex;align-items:center;justify-content:space-between}.SecTitle h2:after{content:"";width:68px;height:1px;background:#292929;display:block;margin-top:8px}.BlogCardWrapper{margin-bottom:20px;background-size:cover;background-position:50%;overflow:hidden;position:relative;transition:border-radius .5s,transform .5s;opacity:1;transform:scale(1);min-height:770px;min-width:520px}@media (max-width:575px){.BlogCardWrapper{min-height:600px;min-width:100%;margin-bottom:15px}.BlogLinkWrapper{min-width:100%}.BlogContent,.BlogTile{width:80%}.BlogPostMapIcon{height:400px!important}}@media (min-width:576px) and (max-width:768px){.BlogCardWrapper{min-height:600px;min-width:400px;margin-bottom:20px}}.BlogPreview img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.BlogDetails{position:absolute;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.8);padding:10px}.BloglistPostDate{font-size:90px;font-weight:700;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#292929;transition:all .35s ease-in-out}.BlogInfoContent{margin-bottom:20px;color:#333;overflow:hidden}.BlogTitle{font-size:16px;margin-bottom:10px;color:#333}.BlogContent{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;font-size:14px}.BlogContent p{margin:1em 0}.BlogTags{margin-top:5px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;span{font-size:12px;color:#999;margin-right:5px;&:last-child{margin-right:0}}}.BlogDateAndPreview{display:flex;align-items:center;position:relative;flex-shrink:0;overflow:hidden;width:170px;margin-right:30px}.BlogReadMore{display:inline-block;font-size:14px;color:#292929;transition:color .3s ease;font-weight:500;&:hover{color:#000}}.BlogTile h2{font-size:15px;font-weight:700;color:#292929;line-height:1.53;margin-bottom:10px;font-family:Fira Sans,sans-serif}.BlogDataWrapper{margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.BloglistPostImage{width:170px}.BlogCardborder{border:2px solid #fafafa;border-radius:20px}.BlogCardWrapper:hover{transform:scale(1.05);opacity:.9}.bloginfofeedback{display:flex;align-items:center}.blogcommentfeedback,.blogheartfeedback,.blogmapfeedback,.blogmessagefeedback{display:flex;align-items:center;margin-right:15px;height:60px}.blogtelfeedback{display:flex;align-items:center;margin-right:15px;height:50px;justify-content:center}.blogcommenticon,.bloghearticon{margin-right:5px;font-size:40px;margin-bottom:10px}.blogmessageicon{margin-left:5px;font-size:28px}.blogmessageicon,.blogtelicon{margin-right:5px;margin-bottom:10px;display:flex;justify-content:center}.blogtelicon{padding:3px}.blogmapicon,.blogtelicon{margin-left:2px;font-size:33px}.blogmapicon{margin-right:5px;margin-bottom:10px;display:flex;justify-content:center}.Bloginfodata{display:flex;flex-direction:column;margin-top:auto;margin-left:20px;margin-bottom:20px}@media (max-width:575px){.Bloginfodata{position:absolute;right:0;bottom:30px;margin-right:10px;margin-bottom:0}}.Blogpayment{font-size:20px;margin-bottom:30px}@media (max-width:575px){.Blogpayment{margin-top:5px;margin-bottom:0}}.userimage{width:80px;height:60px}.userinfo{display:flex;align-items:center}.blogcommenticon:hover,.bloghearticon:hover,.blogmapicon:hover,.blogmessageicon:hover,.blogtelicon:hover{background-color:rgba(0,0,0,.1);transform:scale(1.1);border-radius:12px}@media (max-width:575px){.blogcommentfeedback,.blogheartfeedback,.blogmapfeedback,.blogmessagefeedback,.blogpaymentfeedback,.blogtelfeedback{display:block;margin:5px;text-align:center}.blogmapfeedback{height:30px}.blogheartnumber{text-align:center;margin-top:-22px;margin-left:30px}.blogcommentnumber{text-align:center;margin-top:-9px;margin-left:30px}.blogcommenticon,.bloghearticon,.blogmapicon,.blogmessageicon{margin:0}.BlogContent{margin-bottom:10px}}.BlogDataListWrapper{margin:0 auto;padding:0}.blogcategory ul{list-style:none;display:flex;align-items:center;justify-content:center;text-align:center;-moz-column-gap:10px;column-gap:10px;padding:0;margin:20px 0}.blogcategory li{background-color:#f6f6f6;padding:10px;border-radius:12px;width:70px;cursor:pointer}.blogcategory li:hover{background-color:rgba(0,0,0,.1);transform:scale(1.1);transition:background-color .5s,border-radius .5s,transform .5s}.SecTitle h2{font-family:DM Sans,sans-serif;font-weight:700;color:#1d1d1f;font-size:25px;line-height:1.07em;letter-spacing:-.03em;-ms-word-wrap:break-word;word-wrap:break-word}.CafeTitle{margin-bottom:20px}.BlogTags a{display:inline-flex}.userspan{width:30px;height:30px;background-size:cover;border-radius:50%}.userspan,.usertag{justify-content:center;align-items:center;display:flex}.usertag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:left}.CafeBlogTile{font-size:15px;font-weight:700;color:#292929;line-height:1.53;margin-bottom:10px;font-family:Fira Sans,sans-serif;display:flex}.BlogCategory{margin-left:10px;color:gray}.categorylist{border:1px solid #000;padding:0 10px;margin:10px;border-radius:10px}.BlogPostMapIcon{display:flex;align-items:center;justify-content:center;height:500px;font-size:150px;color:#a9a9a9}