.blog-post-wrapper a figure{height:250px;margin:10px auto;max-width:400px;overflow:hidden;position:relative;width:100%}.blog-section{position:relative;top:-160px}@media screen and (min-width:768px){.blog-post-wrapper a figure{display:inline-block;margin:10px;width:calc(50% - 25px)}}@media screen and (min-width:1024px){.blog-post-wrapper a figure{background:#fff;cursor:pointer;min-width:300px;text-align:center;width:calc(25% - 25px)}}.blog-post-wrapper a figure img{display:block;height:100%;opacity:.2;position:relative;width:100%}.blog-post-wrapper a figure:active h2,.blog-post-wrapper a figure:focus h2,.blog-post-wrapper a figure:hover h2{opacity:0;transition:.35s ease-in-out;visibility:hidden}.blog-post-wrapper a figure h2{font-size:22px;font-weight:700;left:0;line-height:28px;margin:0 auto;opacity:1;position:relative;text-align:center;text-transform:capitalize;top:20px;transition:.35s ease-in-out;visibility:visible;width:90%}.blog-post-wrapper a figure h2.tag-name{top:50px}.blog-post-wrapper a figure .tag-section{bottom:10px;display:block;margin:0 auto;position:absolute;width:100%}.blog-post-wrapper a figure h5{color:purple;display:inline-block;font-size:13px;font-weight:700;left:0;line-height:18px;margin:0;opacity:1;padding:5px;position:relative;text-align:center;text-transform:uppercase;transition:.35s ease-in-out;visibility:visible}.blog-post-wrapper a figure:active h5,.blog-post-wrapper a figure:focus h5,.blog-post-wrapper a figure:hover h5{opacity:0;transition:.35s ease-in-out;visibility:hidden}.blog-post-wrapper a figure figcaption:before,.blog-post-wrapper a figure p{transition:.35s ease-in-out}.blog-post-wrapper a figure p{color:#fff;font-size:16px;left:0;line-height:24px;margin:0 auto;opacity:0;position:absolute;text-align:center;top:30px;transition:.35s ease-in-out;visibility:hidden;width:100%}.blog-post-wrapper a figure p.article-count{top:100px}.blog-post-wrapper a figure:active figcaption:before,.blog-post-wrapper a figure:active p,.blog-post-wrapper a figure:focus figcaption:before,.blog-post-wrapper a figure:focus p,.blog-post-wrapper a figure:hover figcaption:before,.blog-post-wrapper a figure:hover p{opacity:1;transition:.35s ease-in-out;visibility:visible}.blog-post-wrapper a figure figcaption{backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;width:100%}.blog-post-wrapper a figure figcaption:before{background:linear-gradient(rgba(61,25,81,.9),rgba(61,25,81,.3));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.35s ease-in-out;width:100%}.blog-post-wrapper a figure figcaption:after,.blog-post-wrapper a figure figcaption:before{pointer-events:none}.blog-feed-main .taglist{background-color:#f7f7f7;padding:50px 0}