/*
 Theme Name:   Hallelujah Child Theme
 Theme URI:    https://hallelujah.axiomthemes.com/
 Description:  Hallelujah Child Theme
 Author:       AxiomThemes
 Author URI:   https://axiomthemes.com/
 Template:     hallelujah
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  hallelujah
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* Related Posts Thumbnails
-------------------------------------------------------------- */
.single-post .relpost-thumb-wrapper {
    margin: 3rem 0 1rem;
    padding: 1.5rem;
    background: #fbf8f5;
    border-top: 3px solid #eeae27;
    border-radius: 10px;
}

.single-post .relpost-thumb-container > h3 {
    margin: 0 0 1.25rem;
    color: #252525;
    font-size: 1.75rem;
    line-height: 1.2;
}

.single-post #related_posts_thumbnails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.single-post #related_posts_thumbnails > li {
    display: grid;
    float: none;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: stretch;
    width: auto;
    min-height: 120px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid #e7ded6 !important;
    border-radius: 8px;
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.single-post #related_posts_thumbnails > li:hover {
    background: #ffffff !important;
    border-color: #eeae27 !important;
    box-shadow: 0 8px 22px rgba(45, 36, 29, 0.10);
    transform: translateY(-2px);
}

.single-post #related_posts_thumbnails > li > a:first-child {
    display: block;
    min-height: 120px;
    overflow: hidden;
    line-height: 0;
}

.single-post #related_posts_thumbnails .relpost-post-image {
    display: block;
    width: 120px !important;
    height: 100% !important;
    min-height: 120px;
    margin: 0 !important;
    object-fit: cover;
    aspect-ratio: 1 / 1 !important;
    transition: transform 250ms ease;
}

.single-post #related_posts_thumbnails > li:hover .relpost-post-image {
    transform: scale(1.04);
}

.single-post #related_posts_thumbnails .relpost_content {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 1rem;
    color: #252525;
    text-decoration: none;
}

.single-post #related_posts_thumbnails .relpost_card_title {
    margin: 0 !important;
    color: inherit;
    font-size: 1.05rem !important;
    font-weight: 600;
    line-height: 1.35 !important;
}

.single-post #related_posts_thumbnails .relpost_content:hover,
.single-post #related_posts_thumbnails .relpost_content:focus {
    color: #b87500;
}

.single-post #related_posts_thumbnails a:focus-visible {
    outline: 3px solid rgba(238, 174, 39, 0.55);
    outline-offset: -3px;
}

@media (max-width: 767px) {
    .single-post .relpost-thumb-wrapper {
        margin-top: 2rem;
        padding: 1rem;
    }

    .single-post .relpost-thumb-container > h3 {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }

    .single-post #related_posts_thumbnails {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .single-post #related_posts_thumbnails > li {
        grid-template-columns: 96px minmax(0, 1fr);
        min-height: 96px;
    }

    .single-post #related_posts_thumbnails > li > a:first-child,
    .single-post #related_posts_thumbnails .relpost-post-image {
        min-height: 96px;
    }

    .single-post #related_posts_thumbnails .relpost-post-image {
        width: 96px !important;
    }

    .single-post #related_posts_thumbnails .relpost_content {
        padding: 0.875rem;
    }

    .single-post #related_posts_thumbnails .relpost_card_title {
        font-size: 1rem !important;
    }
}