.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.portfolio-showcase{position:relative}.portfolio-filter{overflow:hidden;text-align:center;text-transform:uppercase;margin:30px 0}.portfolio-filter a{display:inline-block;margin:0 5px;padding:7px 15px;border:1px solid transparent;text-decoration:none;font-size:13px}.portfolio-filter a.active{border-color:#333}.portfolio-showcase .portfolio_project,.portfolio-showcase .portfolio-sizer{width:25%;float:left;overflow:hidden;text-align:center}.portfolio-showcase .portfolio-wide{width:50%}.portfolio-showcase .portfolio-detail{position:relative;overflow:hidden}.portfolio-showcase .portfolio-detail:hover h3{opacity:1;bottom:50px}.portfolio-showcase .portfolio-detail:hover .portfolio-cats{opacity:1;bottom:20px}.portfolio-showcase .portfolio-detail:hover .view-portfolio-detail{background:rgba(0,0,0,0.3)}.portfolio-showcase .portfolio_project h3,.portfolio-showcase .portfolio-cats{-webkit-transition:opacity 1s, bottom 0.5s;transition:opacity 1s, bottom 0.5s;opacity:0;width:100%;margin:0;position:absolute;bottom:-50px;text-transform:uppercase;text-align:center;color:#fff;z-index:5}.portfolio-showcase .portfolio_project img{display:block;max-width:none;width:100%;height:auto;vertical-align:middle}.portfolio-showcase .portfolio_project h3{font-size:14px}.portfolio-showcase .portfolio_project h3 a{color:#fff;text-decoration:none}.portfolio-showcase .portfolio-cats{font-size:12px}.portfolio-showcase .portfolio-cats a{color:#fff;text-decoration:none}.portfolio-showcase .view-portfolio-detail{-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-ms-transition:background 0.5s;-o-transition:background 0.5s;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-indent:-9999px;background:rgba(0,0,0,0)}.portfolio-showcase.portfolio-layout-metro .portfolio_project img{height:100%;max-height:100%}.portfolio-showcase.portfolio-layout-metro.init-completed .portfolio-detail{height:100%}.portfolio-pagination{text-align:center;margin:30px 0}.portfolio-pagination span,.portfolio-pagination a{display:inline-block;margin:0 5px;padding:5px 10px;border:1px solid #ccc}.portfolio-pagination .current{border-color:#333}.portfolio-showcase .portfolio_project{margin-bottom:0}.full-width.singular .site-content .hentry.portfolio_project.has-post-thumbnail{margin-top:0}.full-width.singular .site-content .entry-footer{max-width:474px;margin:auto;padding:30px}