/* === Post Hero Section === */
.post-hero {
    padding: 40px 0 60px;
}

.post-hero__image {
    border-radius: var(--border-radius);
    overflow: hidden;
    max-height: 420px;
}

.post-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-hero__meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 31px;
    .meta-box{
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
        img{width: 56px; height: 56px; aspect-ratio: 1/1; object-fit: contain;border-radius: 50%;
        background-color: white;}
        .meta-box__sep{
            width: 4px;
            height: 4px;
            background-color: #2AC372;
            border-radius: 50%;
        }


        .meta-box__author{
            font-weight: 600;
            font-size: 14px;
            line-height: 155%;
            color: #3A5E5D;
        }
        .meta-box__sep{
            color: #2AC372;
        }
        .meta-box__date{
            font-weight: 600;
            font-size: 14px;
            line-height: 155%;
            color: #3A5E5D;


        }
    }
}

.post-hero__eyebrow {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 16px;
    line-height: 141%;
    text-transform: uppercase;
    color: #2AC372;
}

.post-hero__title {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 46px;
    line-height: 58px;
    color: black;
    max-width: 873px;
}

section.bottom-content-single-post{
    padding-bottom: 80px;
    .meta-box{
        display: flex;
        flex-direction: row;
        gap: 40px;
        align-items: center;
        max-width: 873px;

        img{width: 162px; height: 162px; aspect-ratio: 1/1; object-fit: contain;border-radius: 50%;
            background-color: white;}
    }
    .info{
        /*display: flex;*/
        .meta-box__author{
            font-weight: 600;
            font-size: 22px;
            line-height: 137%;
            padding-right: 10px;
            color: #3A5E5D;

        }
        .meta-box__sep{
            color: #2AC372;
            padding-right: 10px;
        }
        .meta-box__role{
            font-weight: 400;
            font-size: 22px;
            line-height: 137%;
            color: #3A5E5D;


        }
    }
    .bio{
        .author-box__bio{
            font-weight: 400;
            font-size: 16px;
            line-height: 155%;
            margin-top: 20px;
            color: #153A39;
        }
    }

}
@media (max-width: 1370px) and (min-width: 910px) {
    section.bottom-content-single-post .container{
        padding-right: 20px;
        padding-left: 20px;
    }
}