.blog-post{width:25%}@media (max-width:1024px){.blog-post{width:33.3333333%}}@media (max-width:991px){.blog-post{width:50%}}@media (max-width:767px){.blog-post{width:100%}}.blog-masonry{margin:0 5px;overflow:hidden}.blog-post{margin:0;padding:0;float:left}.col-xs-12.text-center .blog-post{margin:0 auto;width:auto}.blog-post>a{display:block;padding-left:20px;padding-right:20px;margin-left:5px;margin-bottom:10px;margin-right:5px;position:relative}.blog-post .visual{margin:0 -20px;padding:0;overflow:hidden}.blog-post .visual::before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.6)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0)}.blog-post a .caption{height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2}.blog-post a .caption-wrapper{height:100%!important;display:table!important;width:100%}.blog-post a .caption-inner{height:100%!important;display:table-cell!important;vertical-align:middle}.blog-post:hover .visual img{-webkit-transform:scale(1.15);transform:scale(1.15)}.blog-post .visual.ribbon-container .ribbon-wrapper,.blog-post .visual.ribbon-container .ribbon-wrapper-date{z-index:1}.blog-post h2,.blog-post h3{z-index:2;padding:0 20px;margin:0 0 0 0;font-size:22px;line-height:24px;text-align:center;color:#fff;text-shadow:1px 0 2px rgba(0,0,0,1)}.blog-post .page-title{position:relative!important;margin:0 0 20px 0!important;font-size:28px;line-height:30px;color:#4c585c;text-shadow:none}#append-button{overflow:hidden;display:block;padding:30px;text-align:center;font-size:18px;background-color:#00b1e1;color:#fff}.blog-post,.blog-post .visual,.blog-post .visual::before,.blog-post .visual::after,.blog-post,.blog-post:hover .visual,.blog-post:hover .visual::before,.blog-post:hover .visual::after,.blog-post .visual img,.blog-post:hover .visual img,.blog-post>a h2,.blog-post>a:hover h2{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}