/* Small additions on top of the Industrio theme for blog + AJAX forms */

.blog-card {
    border-radius: 4px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
    box-shadow: 0 0 20px rgba(0,0,0,.06);
}
.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.blog-content img,
.project-content img,
.service-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.comment-item { border-bottom: 1px solid #eee; padding-bottom: 1rem; }
.comment-item:last-child { border-bottom: none; }

#comment-feedback .alert,
#contact-feedback .alert,
#newsletter-feedback .alert { padding: .5rem 1rem; margin-bottom: 1rem; font-size: .9rem; }

.pagination .page-link { color: var(--primary); }
.pagination .active .page-link { background-color: var(--primary); border-color: var(--primary); }

.new-comment-flash {
    animation: flashIn 1.2s ease;
}
@keyframes flashIn {
    0% { background-color: #fff3cd; }
    100% { background-color: transparent; }
}