.blog-post__tags{width:300px;background:#fff;display:block;border:1px solid #ddd;padding:8px 12px;position:relative;max-width:100%;margin-bottom:20px;margin-left:15px}.blog-post__tags span{display:block}.blog-post__tags .tags-list{display:none;position:absolute;background:#efefef;top:100%;left:-1px;width:calc(100% + 2px);z-index:1;padding:0 12px 10px 12px}.blog-post__tags span.tag.initial{display:flex;font-weight:600;letter-spacing:2px;align-items:center;justify-content:space-between}.blog-post__tags:hover .tags-list{display:block}.blog-post__tags span.tag{width:100%}.blog-post__tags span.tag a{font-weight:300;text-transform:capitalize;text-decoration:none;padding:2px 10px;width:100%;display:block;font-size:16px;color:#000;transition:.2s}.blog-post__tags span.tag a:hover{background:#f8f8f8}.blog-post__tags:hover{background:#efefef;border-color:#efefef}.blog-post-snippet{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:50px 15px;gap:50px;position:relative}a.blog-post-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.blog-post-left{flex:2;display:flex;gap:30px;align-items:flex-start}.blog-post-left .publish-date{border:2px solid #000;padding:5px 10px;width:65px;text-align:center;font-weight:500;background:#fff;{# #fff5f1 #}}.blog-post-left .post-content{flex:1}.blog-post-left .publish-date span{display:block;text-align:center;text-transform:uppercase;line-height:1.5em}.blog-post-left h2{color:#000;font-size:20px;letter-spacing:1px;font-weight:600;margin:0}.blog-post-left .author-date{margin:5px 0 10px 0;font-weight:400;font-size:13px;text-transform:uppercase;color:#ccc;letter-spacing:1px}.blog-post-left .read-more{font-weight:500;text-transform:uppercase;border-bottom:2px solid #000;padding-bottom:0;color:#000;font-size:12px;line-height:13px;text-decoration:none;letter-spacing:2px;display:inline-block}.blog-post-right{flex:1;background-size:cover !important}.blog-pagination{display:block;margin:30px 0 100px 0;display:flex;gap:7px;padding:0 15px}.blog-pagination__link{border:1px solid #000;color:#000;background:#fff;text-decoration:none;font-weight:600;font-size:17px;padding:4px 10px}.blog-pagination__link:hover{text-decoration:none;font-weight:600;color:#fff;background:#000}.blog-pagination__link:focus{text-decoration:none;font-weight:600}.blog-pagination__link--active{background:#000;color:#fff}@media(max-width:767px){.blog-post__tags{margin-left:30px}.blog-post-snippet{flex-direction:column-reverse;gap:0;padding:30px 15px}.blog-post-right{min-height:200px;margin-bottom:25px}.blog-post-left{gap:15px}.blog-pagination{padding:0 30px}}