/* ========================================
   EMPATHY LIVING — ARTICLE TYPOGRAPHY
   ======================================== */

.single-post .entry-content > p,
.single-post .post_content_single > p,
.single-post .entry-content > ul,
.single-post .entry-content > ol,
.single-post .entry-content > ul li,
.single-post .entry-content > ol li {
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #45413F !important;
}


/* Bold text within article content */

.single-post .entry-content strong,
.single-post .entry-content b,
.single-post .post_content_single strong,
.single-post .post_content_single b {
    font-family: inherit !important;
    font-weight: 600 !important;
    color: #393431 !important;
    line-height: inherit;
}


/* Paragraph spacing */

.single-post .entry-content > p,
.single-post .post_content_single > p {
    margin-bottom: 18px !important;
}


/* ========================================
   EMPATHY LIVING — ARTICLE LINKS
   Editorial magazine treatment
   ======================================== */

/*
   Inline links stay the same charcoal family
   as the article copy, but use a fine underline.
   This gives them a print/editorial appearance
   instead of a traditional bright web-link color.
*/

.single-post .entry-content p a,
.single-post .post_content_single p a {
    color: #45413F !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    text-decoration-color: #93645D !important;
}


/* Dusty mauve interaction on hover */

.single-post .entry-content p a:hover,
.single-post .post_content_single p a:hover {
    color: #93645D !important;
    text-decoration-color: #93645D !important;
}


/* ========================================
   EMPATHY LIVING — AUTHOR AVATAR
   ======================================== */

.author_info .author_avatar img.sab-custom-avatar {
    width: 75px !important;
    height: 75px !important;
    max-width: 75px !important;
    object-fit: cover !important;
    object-position: center center !important;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
}


/* ========================================
   EMPATHY LIVING — MOBILE SINGLE-POST HERO
   ======================================== */

@media (max-width: 767px) {

    .post_header_wrap_style_style-2.with_featured_image
    .post_featured.post_featured_bg {
        height: 70vh !important;
        max-height: 70vh !important;
    }

}


/* ========================================
   EMPATHY LIVING — ARTICLE BLOCKQUOTES
   ======================================== */

.single-post .entry-content blockquote {
    position: relative;

    /* Neutral warm editorial background */
    background: #F7F3F1;

    margin: 40px 0 !important;
    padding: 28px 30px 28px 54px !important;

    border: 0 !important;
}


/* Quotation mark */

.single-post .entry-content blockquote:before {
    position: absolute;
    top: 18px !important;
    left: 18px !important;

    font-size: 32px !important;
    line-height: 1 !important;

    color: #93645D !important;
}


/* Quote text */

.single-post .entry-content blockquote p {
    margin: 0 0 14px 18px !important;
    padding: 0 !important;

    color: #45413F !important;
}


/* Attribution */

.single-post .entry-content blockquote cite {
    display: block;

    margin: 0 0 0 18px !important;
    padding: 0 !important;

    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 500 !important;

    color: #6A625E !important;
}


/* Article drop cap */

.single-post .entry-content p.has-drop-cap::first-letter {
    color: #252120 !important;
    font-weight: 600 !important;
}


/* Don't add extra space after quote text */

.single-post .entry-content blockquote p:last-of-type {
    margin-bottom: 14px !important;
}


/* Article headings */

.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5 {
    color: #252120 !important;
    font-weight: 600 !important;
}


/* ========================================
   EMPATHY LIVING — CONTINUE EXPLORING TAGS
   Editorial magazine treatment
   ======================================== */


/* Continue Exploring container */

.single-post .post_tags_single {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 8px !important;

    background: transparent !important;

    padding: 20px 22px !important;

    border: 4px double #DED8D5 !important;
}


/* Hide original "Tags:" and create heading row */

.single-post .post_tags_single .post_meta_label {
    display: block !important;

    flex-basis: 100% !important;
    width: 100% !important;

    margin: 0 0 5px 0 !important;

    font-size: 0 !important;
}


/* Continue Exploring heading */

.single-post .post_tags_single .post_meta_label::after {
    content: "Continue Exploring";

    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    color: #1D2027 !important;
}


/* ========================================
   EMPATHY LIVING — RELATED POSTS
   Premium editorial treatment
   ======================================== */


/* ========================================
   FULL-WIDTH SECTION
   ======================================== */

.single-post .related_wrap.related_position_below_content {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 60px !important;
    margin-bottom: 0 !important;

    padding: 70px 0 78px !important;

    background: #F9F5F5 !important;

    border: 0 !important;

    box-sizing: border-box !important;
}


/* ========================================
   SECTION HEADING
   ======================================== */

.single-post .related_wrap .related_wrap_title {
    position: relative !important;
    display: block !important;

    width: calc(100vw - 80px) !important;
    max-width: 1320px !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 0 48px !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-align: center !important;

    border: 0 !important;

    box-sizing: border-box !important;
}


/* Replacement heading */

.single-post .related_wrap .related_wrap_title::before {
    content: "You May Also Like" !important;

    position: relative !important;
    z-index: 2 !important;

    display: inline-block !important;

    margin: 0 !important;
    padding: 0 30px !important;

    background: #F9F5F5 !important;

    font-family: 'Playfair Display', serif !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    color: #252120 !important;
}


/* Horizontal editorial rule */

.single-post .related_wrap .related_wrap_title::after {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    top: 50% !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 1px !important;

    background: #E8E3E1 !important;

    border: 0 !important;

    transform: translateY(-50%) !important;
}


/* ========================================
   RELATED POSTS GRID
   ======================================== */

.single-post .related_wrap .columns_wrap.posts_container {
    position: relative !important;

    width: calc(100vw - 80px) !important;
    max-width: 1320px !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    column-gap: 28px !important;
    row-gap: 40px !important;

    box-sizing: border-box !important;
}


/* ========================================
   REMOVE KICKER COLUMN SYSTEM
   ======================================== */

.single-post
.related_wrap
.columns_wrap.posts_container
> [class*="column-"],

.single-post
.related_wrap
.columns_wrap.posts_container
> div {

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/* ========================================
   POST CARD
   ======================================== */

.single-post .related_wrap .post_item {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/* ========================================
   FEATURED IMAGE
   ======================================== */

.single-post .related_wrap .post_featured {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 17px !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* Standard image */

.single-post .related_wrap .post_featured img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    aspect-ratio: 1.42 / 1 !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
}


/* Kicker background-image version */

.single-post
.related_wrap
.post_featured
.featured_bg_wrapper {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    aspect-ratio: 1.42 / 1 !important;

    background-size: cover !important;
    background-position: center center !important;
}


/* ========================================
   POST CONTENT
   ======================================== */

.single-post .related_wrap .post_header,
.single-post .related_wrap .post_content,
.single-post .related_wrap .post_data,
.single-post .related_wrap .post_info {

    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    text-align: left !important;
}


/* ========================================
   DATE / META
   Hide completely
   ======================================== */

.single-post .related_wrap .post_meta {
    display: none !important;
}


/* ========================================
   POST TITLE
   ======================================== */

.single-post .related_wrap .post_title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    color: #252120 !important;

    text-align: left !important;
}


/*
   Related-post links intentionally remain
   un-underlined. The editorial underline
   treatment applies only inside article copy.
*/

.single-post .related_wrap .post_title a {
    color: #252120 !important;
    text-decoration: none !important;
}


/* Subtle hover */

.single-post .related_wrap .post_title a:hover {
    opacity: .7 !important;
}


/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1024px) {

    .single-post
    .related_wrap.related_position_below_content {

        margin-top: 50px !important;

        padding-top: 58px !important;
        padding-right: 0 !important;
        padding-bottom: 62px !important;
        padding-left: 0 !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title,

    .single-post
    .related_wrap
    .columns_wrap.posts_container {

        width: calc(100vw - 50px) !important;
        max-width: none !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title {

        margin-bottom: 40px !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title::before {

        padding-left: 24px !important;
        padding-right: 24px !important;

        font-size: 30px !important;
    }


    .single-post
    .related_wrap
    .columns_wrap.posts_container {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 24px !important;
        row-gap: 38px !important;
    }
}


/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767px) {

    .single-post
    .related_wrap.related_position_below_content {

        margin-top: 40px !important;

        padding-top: 45px !important;
        padding-right: 0 !important;
        padding-bottom: 50px !important;
        padding-left: 0 !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title,

    .single-post
    .related_wrap
    .columns_wrap.posts_container {

        width: calc(100vw - 40px) !important;
        max-width: none !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title {

        margin-bottom: 32px !important;
    }


    .single-post
    .related_wrap
    .related_wrap_title::before {

        padding-left: 18px !important;
        padding-right: 18px !important;

        font-size: 27px !important;
    }


    .single-post
    .related_wrap
    .columns_wrap.posts_container {

        grid-template-columns: 1fr !important;

        column-gap: 0 !important;
        row-gap: 34px !important;
    }


    .single-post
    .related_wrap
    .post_featured {

        margin-bottom: 14px !important;
    }


    .single-post
    .related_wrap
    .post_title {

        text-align: left !important;
    }
}


/* ========================================
   REMOVE GAP BETWEEN RELATED POSTS + FOOTER
   ======================================== */

.single-post .related_wrap.related_position_below_content {
    margin-bottom: 0 !important;
}


/* Remove bottom spacing from main single-post content wrapper */

.single-post .content_wrap,
.single-post .content,
.single-post .content > article,
.single-post .post_item_single {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* Remove spacing immediately following related posts */

.single-post .related_wrap.related_position_below_content + * {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Remove theme spacing before footer */

.single-post .page_content_wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}


/* Footer should begin immediately */

.single-post footer,
.single-post .footer_wrap {
    margin-top: 0 !important;
}


/* ========================================
   MAKE RELATED POST IMAGES CLICKABLE
   ======================================== */

.single-post .related_wrap .post_featured {
    position: relative !important;
}


/* Stretch Kicker's existing post link
   across the entire featured image */

.single-post .related_wrap .post_featured > a.icons {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 10 !important;

    opacity: 0 !important;

    cursor: pointer !important;
}


/* Keep image itself filling the card */

.single-post .related_wrap .post_featured img {
    position: relative !important;
    z-index: 1 !important;
}


/* Don't let Kicker's decorative mask
   interfere with the link */

.single-post .related_wrap .post_featured .mask {
    pointer-events: none !important;
}


/* ========================================
   RELATED POSTS — SUBTLE HOVER
   ======================================== */


/* Smooth image movement */

.single-post .related_wrap .post_featured img {
    transition: transform 0.45s ease !important;
}


/* Gentle editorial zoom */

.single-post .related_wrap .post_featured:hover img {
    transform: scale(1.035) !important;
}


/* Smooth title transition */

.single-post .related_wrap .post_title a {
    transition: opacity 0.25s ease !important;
}


/* Slight title fade when hovered */

.single-post .related_wrap .post_title a:hover {
    opacity: 0.65 !important;
}


/* Respect reduced-motion preference */

@media (prefers-reduced-motion: reduce) {

    .single-post .related_wrap .post_featured img {
        transition: none !important;
    }

    .single-post .related_wrap .post_featured:hover img {
        transform: none !important;
    }
}


/* ========================================
   EMPATHY LIVING — SINGLE POST NAV STATES
   Individual articles should not make
   parent/ancestor menu items look selected
   ======================================== */


/* ========================================
   MAIN NAVIGATION
   ======================================== */

/* Remove false current/ancestor accent
   on individual blog posts */
.single-post .menu_main_nav > li.current-menu-parent > a,
.single-post .menu_main_nav > li.current-menu-ancestor > a,
.single-post .menu_main_nav > li.current_page_parent > a,
.single-post .menu_main_nav > li.current_page_ancestor > a {
    color: #1D2027 !important;
}


/* Main navigation hover */
.menu_main_nav > li > a:hover,
.single-post .menu_main_nav > li > a:hover {
    color: #B97962 !important;
}


/* ========================================
   SLIDEOUT / PANEL STANDARD MENU LINKS
   ======================================== */

/* Remove false current/ancestor accent
   on individual blog posts */
.single-post .menu_mobile_nav_area li.current-menu-parent > a,
.single-post .menu_mobile_nav_area li.current-menu-ancestor > a,
.single-post .menu_mobile_nav_area li.current_page_parent > a,
.single-post .menu_mobile_nav_area li.current_page_ancestor > a {
    color: #FFFFFF !important;
}


/* Standard slideout menu hover */
.menu_mobile_nav_area li > a:hover,
.single-post .menu_mobile_nav_area li > a:hover {
    color: #B97962 !important;
}


/* ========================================
   SLIDEOUT JOURNEY CATEGORY LINKS
   ======================================== */

/* Normal state */
.categories_list_link {
    color: #FFFFFF !important;
}


/* Hover / keyboard focus */
.categories_list_link:hover,
.categories_list_link:focus {
    color: #B97962 !important;
}

/* Slideout Elementor heading links */
.elementor-element-eb966fe .elementor-heading-title a {
    color: #FFFFFF !important;
}

.elementor-element-eb966fe .elementor-heading-title a:hover,
.elementor-element-eb966fe .elementor-heading-title a:focus {
    color: #B97962 !important;
}

/* ========================================
   EMPATHY LIVING — KADENCE GALLERY FIX
   Prevent old intrinsic-ratio containers
   from creating excessive vertical space
   ======================================== */

.single-post .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic {
    padding-bottom: 0 !important;
    height: auto !important;
}

.single-post .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
}


/* Remove stray gallery list marker */

.single-post .kb-gallery-ul {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.single-post .kb-gallery-ul > li,
.single-post .kadence-blocks-gallery-item {
    list-style: none !important;
}

.single-post .kb-gallery-ul > li::marker,
.single-post .kadence-blocks-gallery-item::marker {
    content: "" !important;
    font-size: 0 !important;
}

/* ========================================
   EMPATHY LIVING — KADENCE 2-COLUMN GALLERY
   Restore original Kicker gallery layout
   ======================================== */

/* Desktop / tablet: two images side-by-side */
.single-post .kb-gallery-type-grid[data-columns-xxl="2"],
.single-post .kb-gallery-type-grid[data-columns-xl="2"],
.single-post .kb-gallery-type-grid[data-columns-lg="2"],
.single-post .kb-gallery-type-grid[data-columns-md="2"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
}

/* Remove Kadence's old item sizing */
.single-post .kb-gallery-type-grid > .kadence-blocks-gallery-item {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep images filling their column */
.single-post .kb-gallery-type-grid .kb-gal-image-radius,
.single-post .kb-gallery-type-grid .kb-gallery-image-contain {
    width: 100% !important;
    max-width: none !important;
}

/* Mobile: stack like the original block settings */
@media (max-width: 767px) {
    .single-post .kb-gallery-type-grid {
        grid-template-columns: 1fr !important;
    }
}