@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');

.single_post {
    position: relative;
    margin-top: 149px;
}

.single_post img {
    max-width: 100%;
}

.single_post img.emoji {
    display: inline-block !important;
}

.single_post .container {
    max-width: 1216px;
    margin: 0 auto;
    padding: 0 1rem;
}

.single_post .date {
    text-align: center;
    color: rgba(34, 96, 184, 1);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: block;
    padding-bottom: 32px;
}

.single_post .single_post_title {
    font-family: "Saira", sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    line-height: 28px;
    max-width: 1002px;
    padding: 0 1rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.single_post .single_post_thumb {
    margin-top: 32px;
}

.single_post .single_post_thumb img {
    width: 100vw;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.single_post .single_post_content {
    margin-top: 31px;
    position: relative;
    z-index: 2;
    padding-bottom: 30px;
}


.single_post .single_post_content h1:has(img:not(.emoji)),
.single_post .single_post_content h2:has(img:not(.emoji)),
.single_post .single_post_content h3:has(img:not(.emoji)),
.single_post .single_post_content h4:has(img:not(.emoji)),
.single_post .single_post_content h5:has(img:not(.emoji)),
.single_post .single_post_content h6:has(img:not(.emoji)),
.single_post .single_post_content p:has(img:not(.emoji)) {
    max-width: 1170px;
    padding: 56px 0 40px;
}

.single_post .single_post_content p img {
    max-width: 100%;
    width: 100%;
    display: block;
}

.single_post .single_post_content p:first-of-type {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
}

.single_post .single_post_content p,
.single_post .single_post_content li{
    max-width: 1002px;
    margin: 0 auto;
    padding: 0 16px;
    padding-bottom: 24px;
}

.single_post .single_post_content table{
    max-width: 1002px;
    margin: 32px auto;
    width: 100%;
}

.single_post .single_post_content table td,
.single_post .single_post_content table th{
    padding: 8px 16px;
}

.single_post .single_post_content table th{
    background: #e8e8e8;
}

.single_post .single_post_content ul {
    list-style-position: inside;
}

.single_post .single_post_content h1,
.single_post .single_post_content h2,
.single_post .single_post_content h3,
.single_post .single_post_content h4,
.single_post .single_post_content h5,
.single_post .single_post_content h6 {
    font-family: "Saira", sans-serif;
    max-width: 1002px;
    margin: 0 auto;
    padding: 0 16px;
    font-size: 24px;
    font-weight: 400;
    padding-top: 24px;
    padding-bottom: 24px;
}

.single_post .blog_lastest {
    padding: 28px 0 60px;
}

.single_post .blog_lastest h3 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 40px;
    text-align: center;
}

.single_post .blog_lastest .blog_lastest_items {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    padding-bottom: 32px;
    align-items: stretch;
}

.single_post .blog_lastest .blog_lastest_item {
    flex-basis: 100%;
    position: relative;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .08);
}

.single_post .blog_lastest .blog_lastest_item img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.single_post .blog_lastest .blog_lastest_item_content {
    padding: 12px;
}

.single_post .blog_lastest h4 {
    font-size: 18px;
    font-weight: 400;
    padding-bottom: 24px;
}

.single_post .blog_lastest h4 a {
    color: #000;
}

.single_post .blog_lastest .blog_lastest_item_content_bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 500;
}

.single_post .blog_lastest .blog_lastest_item_content_bottom a {
    color: rgba(34, 96, 184, 1);
    transition: .3s all;
}

.single_post .blog_lastest .blog_lastest_item_content_bottom a:hover {
    color: rgba(122, 122, 122, 1)
}

.single_post .blog_lastest .blog_lastest_item_content_bottom .date {
    color: rgba(122, 122, 122, 1);
    margin: 0;
    padding: 0;
}


@media only screen and (min-width: 760px) {

    .single_post .single_post_title {
        font-size: 48px;
        line-height: 56px;
    }

    .single_post .blog_lastest {
        padding: 58px 0 120px;
    }

    .single_post .blog_lastest .blog_lastest_item {
        flex-basis: calc((100% - 64px) / 3);
    }

    .single_post .blog_lastest .blog_lastest_item_content {
        padding: 24px;
    }

    .single_post .single_post_content p:first-of-type {
        font-size: 24px;
        line-height: 32px;
    }

    .single_post .single_post_content h1,
    .single_post .single_post_content h2,
    .single_post .single_post_content h3,
    .single_post .single_post_content h4,
    .single_post .single_post_content h5,
    .single_post .single_post_content h6 {
        font-size: 32px;
        padding-top: 40px;
    }
}