.blog-card{border:2px solid #f5f5f5;position:relative;word-wrap:break-word;box-sizing:border-box;margin:1em 0;max-width:100%;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.blog-card:hover{box-shadow:0 10px 20px -5px rgba(0,0,0,.2);cursor:pointer;-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.blog-card a{display:block;text-decoration:none;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.blog-card a:hover{background:hsla(0,0%,92%,.8);color:#333;text-decoration:none}.blog-card-thumbnail{display:table-cell;vertical-align:middle;width:200px}.blog-card-thumbnail img{max-width:100%;padding:0}.blog-card-content{border-left:2px solid #f5f5f5;display:table-cell;padding:.4em;vertical-align:middle}.blog-card h5.blog-card-title{color:#333;display:-webkit-box;font-size:1em;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0;overflow:hidden;text-overflow:ellipsis}.blog-card .clear{clear:both}@media screen and (max-width:768px){.blog-card-title{font-size:.85em}.blog-card-thumbnail{width:160px}}