.blog-post-card{background-color:var(--vl-color-panel);border:1px solid #eee;border-radius:4px;overflow:hidden;transition:box-shadow .2s}.blog-post-card:hover{box-shadow:var(--vl-shadow-2)}.blog-post-card .blog-post-card-image{position:relative;height:200px;overflow:hidden}.blog-post-card .blog-post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-post-card .blog-post-card-image:hover img{transform:scale(1.05)}.blog-post-card .blog-post-card-content{padding:20px}.blog-post-card .blog-post-card-content .blog-post-card-title{margin:0 0 10px 0;font-size:1.3em;line-height:1.4}.blog-post-card .blog-post-card-content .blog-post-card-title a{color:#333;text-decoration:none}.blog-post-card .blog-post-card-content .blog-post-card-title a:hover{color:#342fc1}.blog-post-card .blog-post-card-content .blog-post-card-meta{margin-bottom:12px;font-size:.85em;color:#666}.blog-post-card .blog-post-card-content .blog-post-card-meta span{margin-right:15px}.blog-post-card .blog-post-card-content .blog-post-card-meta span i{margin-right:4px;color:#999}.blog-post-card .blog-post-card-content .blog-post-card-excerpt{margin:0 0 15px 0;color:#555;font-size:.95em;line-height:1.6}.blog-post-card .blog-post-card-content .blog-post-card-read-more{display:inline-block;color:#342fc1;font-weight:500;text-decoration:none}.blog-post-card .blog-post-card-content .blog-post-card-read-more:hover{text-decoration:underline}.blog-post-card .blog-post-card-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-card .blog-post-card-placeholder{display:flex;align-items:center;justify-content:center;background:var(--vl-color-panel-subtle)}.blog-post-card .blog-post-card-placeholder .placeholder-icon{color:#ccc;font-size:3em}.blog-post-card .blog-post-card-placeholder:hover .placeholder-icon{color:#bbb}.blog-post-card.blog-post-card-text-only{display:flex;flex-direction:column;justify-content:center;min-height:200px}.blog-post-card.blog-post-card-text-only .blog-post-card-content{padding:25px}.blog-post-card.blog-post-card-text-only .blog-post-card-content .blog-post-card-title{font-size:1.4em;margin-bottom:12px}.blog-post-card.blog-post-card-text-only .blog-post-card-excerpt{-webkit-line-clamp:4}@media (max-width:991px){.blog-post-card .blog-post-card-image{height:180px}.blog-post-card.blog-post-card-text-only{min-height:180px}}