.related-posts-2 .related-posts-title {
color: var(--ahura-c-text-primary);
padding: 0 0 12px;
margin-bottom: 16px;
border: none;
border-bottom: none;
font-size: 1.125rem;
font-weight: 600;
display: block;
width: 100%;
}
.related-posts-2 .post-item {
height: 100%;
}
.related-posts-2 .post-item > a {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
color: inherit;
border: 1px solid color-mix(in srgb, var(--ahura-c-bg-secondary, #e8e8e8) 50%, transparent);
border-radius: 10px;
padding: 10px;
background: var(--ahura-c-bg-primary, #fff);
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.related-posts-2 .post-item > a:hover {
box-shadow: var(--main_soft_shadow);
border-color: color-mix(in srgb, var(--ahura-c-accent, #fed700) 50%, transparent);
}
.related-posts-2 .post-item .post-cover {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: var(--ahura-related-thumb-height, 140px);
border-radius: 8px;
overflow: hidden;
background: var(--ahura-c-bg-secondary, #f5f5f5);
margin-bottom: 10px;
}
.related-posts-2 .post-item img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 0;
}
.related-posts-2 .post-item .post-title {
font-size: 15px;
text-align: center;
width: 100%;
margin: 0;
font-weight: 600;
color: var(--ahura-c-text-primary);
}
.related-posts-2 .post-item > a:hover .post-title {
color: var(--ahura-c-accent, #c9a000);
}