.post-body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.post-footer {
    margin-top: auto;
}

.post-up-next {
    color: black;
    font-family: "ZCOOL XiaoWei", sans-serif !important;
    font-size: 15pt;
    font-weight: bold;
}

@media screen and (max-width: 575px) {
    .post-details-container {
        margin-top: 10px;
        width: calc(100%);
    }

    .post-details-image {
        max-width: 540px;
        width: 100%;
        height: 270px;
        object-fit: cover;
        image-rendering: high-quality;
    }

    .post-details-time {
        font-size: 10pt;
        color:darkslategray;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
    }

    .post-details-header {
        font-size: 15pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:3px !important; 
    }

    .post-details-subheader {
        font-size: 13pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:5px !important; 
    }

    .post-details-author {
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgb(100, 100, 100);
        font-size: 9pt;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .post-details-author-link{
        color: rgb(100, 100, 100);
        text-decoration: none;
    }

    .post-details-subheader-link{
        color: black;
        text-decoration: none;
    }

    .post-details-author-pin {
        margin-top:4px;
        margin-right: 4px;
    }
}

@media screen and (min-width: 640px) {
    .post-details-container {
        margin-top: 10px;
        min-width: 550px;
        width: calc(100%);
    }

    .post-details-image {
        max-width: 650px;
        width: 100%;
        height: 350px;
        object-fit: cover;
        image-rendering: high-quality;
    }

    .post-details-time {
        font-size: 10pt;
        color:darkslategray;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
    }

    .post-details-header {
        font-size: 15pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:3px !important; 
    }

    .post-details-subheader {
        font-size: 13pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:5px !important; 
    }

    .post-details-author {
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgb(100, 100, 100);
        font-size: 9pt;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .post-details-author-link{
        color: rgb(100, 100, 100);
        text-decoration: none;
    }

    .post-details-subheader-link{
        color: black;
        text-decoration: none;
    }

    .post-details-author-pin {
        margin-top:4px;
        margin-right: 4px;
    }
}

@media screen and (min-width: 576px) {
    .post-details-container {
        margin-top: 10px;
        min-width: 550px;
        width: calc(100%);
    }

    .post-details-image {
        max-width: 550px;
        width: 100%;
        height: 300px;
        object-fit: cover;
        image-rendering: high-quality;
    }

    .post-details-time {
        font-size: 10pt;
        color:darkslategray;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
    }

    .post-details-header {
        font-size: 15pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:3px !important; 
    }

    .post-details-subheader {
        font-size: 13pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:5px !important; 
    }

    .post-details-author {
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgb(100, 100, 100);
        font-size: 9pt;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .post-details-author-link{
        color: rgb(100, 100, 100);
        text-decoration: none;
    }

    .post-details-subheader-link{
        color: black;
        text-decoration: none;
    }

    .post-details-author-pin {
        margin-top:4px;
        margin-right: 4px;
    }
}

@media screen and (min-width: 640px) {
    .post-details-container {
        margin-top: 10px;
        min-width: 550px;
        width: calc(100%);
    }

    .post-details-image {
        max-width: 650px;
        width: 100%;
        height: 350px;
        object-fit: cover;
        image-rendering: high-quality;
    }

    .post-details-time {
        font-size: 10pt;
        color:darkslategray;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
    }

    .post-details-header {
        font-size: 15pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:3px !important; 
    }

    .post-details-subheader {
        font-size: 13pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:5px !important; 
    }

    .post-details-author {
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgb(100, 100, 100);
        font-size: 9pt;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .post-details-author-link{
        color: rgb(100, 100, 100);
        text-decoration: none;
    }

    .post-details-subheader-link{
        color: black;
        text-decoration: none;
    }

    .post-details-author-pin {
        margin-top:4px;
        margin-right: 4px;
    }
}

@media screen and (min-width: 992px) {
    .post-details-container {
        margin-top: 10px;
        min-width: 550px;
        width: calc(80%);
    }

    .post-details-image {
        max-width: 800px;
        width: 100%;
        height: 450px;
        object-fit: cover;
        image-rendering: high-quality;
    }

    .post-details-time {
        font-size: 10pt;
        color:darkslategray;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
    }

    .post-details-header {
        font-size: 15pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:3px !important; 
    }

    .post-details-subheader {
        font-size: 13pt;
        color:black;
        font-weight: bold;
        font-family: "ZCOOL XiaoWei", sans-serif !important;
        margin-top:5px !important;
        margin-bottom:5px !important; 
    }

    .post-details-author {
        margin-top: 10px;
        margin-bottom: 10px;
        color: rgb(100, 100, 100);
        font-size: 9pt;
        font-weight: normal;
        font-family: "Noto Sans SC", sans-serif;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .post-details-author-link{
        color: rgb(100, 100, 100);
        text-decoration: none;
    }

    .post-details-subheader-link{
        color: black;
        text-decoration: none;
    }

    .post-details-author-pin {
        margin-top:4px;
        margin-right: 4px;
    }
}