/* blog card */

.blog-card {
    border-radius: 16px;
    background-color: white;
    margin-bottom: 25px;
    box-shadow: 0px 4px 37.3px rgba(167, 167, 167, 0.25);
    display: flex;
    flex-direction: column;
    height: -webkit-fill-available;
}

.blog-card-thumb img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.blog-card-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.blog-card-inner-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
}

.blog-card-reading-time {
    color: rgba(195, 195, 195, 0.764706);
    margin-bottom: 8px;
}

.blog-card-reading-time::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20' width='22' height='20' fill='none'><path d='M10.65 20C9.4 20 8.22917 19.7625 7.1375 19.2875C6.04583 18.8125 5.09583 18.1708 4.2875 17.3625C3.47917 16.5541 2.8375 15.6041 2.3625 14.5125C1.8875 13.4208 1.65 12.25 1.65 11C1.65 9.74998 1.8875 8.57914 2.3625 7.48748C2.8375 6.39581 3.47917 5.44581 4.2875 4.63748C5.09583 3.82914 6.04583 3.18748 7.1375 2.71248C8.22917 2.23748 9.4 1.99998 10.65 1.99998C11.9 1.99998 13.0708 2.23748 14.1625 2.71248C15.2542 3.18748 16.2042 3.82914 17.0125 4.63748C17.8208 5.44581 18.4625 6.39581 18.9375 7.48748C19.4125 8.57914 19.65 9.74998 19.65 11C19.65 12.25 19.4125 13.4208 18.9375 14.5125C18.4625 15.6041 17.8208 16.5541 17.0125 17.3625C16.2042 18.1708 15.2542 18.8125 14.1625 19.2875C13.0708 19.7625 11.9 20 10.65 20ZM13.45 15.2L14.85 13.8L11.65 10.6V5.99998H9.65V11.4L13.45 15.2ZM4.25 0.349976L5.65 1.74998L1.4 5.99998L0 4.59998L4.25 0.349976ZM17.05 0.349976L21.3 4.59998L19.9 5.99998L15.65 1.74998L17.05 0.349976ZM10.65 18C12.6 18 14.2542 17.3208 15.6125 15.9625C16.9708 14.6041 17.65 12.95 17.65 11C17.65 9.04998 16.9708 7.39581 15.6125 6.03748C14.2542 4.67914 12.6 3.99998 10.65 3.99998C8.7 3.99998 7.04583 4.67914 5.6875 6.03748C4.32917 7.39581 3.65 9.04998 3.65 11C3.65 12.95 4.32917 14.6041 5.6875 15.9625C7.04583 17.3208 8.7 18 10.65 18Z' fill='%23C3C3C3'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    transform: translateY(-2px);
}

.blog-card-categories {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 8px;
}

.blog-card-categories .category-item {
    background-color: #F2F2F2;
    font-weight: 500;
    font-size: 14px;
    color: black;
    padding: 10px 15px;
    border-radius: 8px;
}

.blog-card-title a {
    font-size: 25px;
    font-weight: 500 !important;
    color: black;
    margin-bottom: 0px;
    line-height: 29px !important;
}

.blog-card-title {
    margin-bottom: 24px;
    line-height: 29px !important;
    font-size: 25px !important;
}

.blog-card-excerpt {
    font-size: 16px;
    color: black;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 24px;
}

.read-more-btn {
    text-transform: uppercase;
    padding: 10px 45px;
    background: #4EBD26;
    border-radius: 30px;
    font-weight: 500 !important;
    font-size: 16px;
    color: #FFFFFF;
    width: fit-content;
}

.read-more-btn:hover {
    color: #FFFFFF !important;
    background: black;
}

/* blog index page */

/* .apt-blog-index {
    background-color: #fbfbfb;
} */

.apt-blog-index h1 {
    color: #4EBD26;
    margin-top: 138px;
    margin-bottom: 72px;
    font-size: 45px !important;
}

/* blog category filter */

.blog-category-filter {
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-bottom: 100px;
    flex-wrap: wrap;
    justify-content: center;
}

.blog-category-filter a {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid #000000;
    border-radius: 25px;
    font-weight: 400 !important;
    color: #000000;
}

.blog-category-filter a.active {
    background: #E1F3EA;
    border: 1px solid #4EBD26;
    font-weight: 700 !important;
    color: #4EBD26;
}

.blog-category-filter a:hover {
    background: #E1F3EA;
    border: 1px solid #4EBD26;
    color: #4EBD26;
}

/* pagination */

.apt-blog-pagination {
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-top: 50px;
    padding-bottom: 75px;
    gap: 8px;
}

/* Single blog page */

.apt-blogpost-single-header {
    background-color: #E1F3E9;
    padding: 80px 0;
    margin-bottom: 60px;
}

.blog-single-time-cat {
    display: flex;
    flex-direction: row;
    gap: 50px;
    margin-bottom: 24px;
}

.apt-blogpost-single-header .blog-card-reading-time {
    color: #000000;
    display: flex;
    align-items: center;
    gap: 8px;
}

.apt-blogpost-single-header .blog-card-reading-time::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20' width='22' height='20' fill='none'><path d='M10.65 20C9.4 20 8.22917 19.7625 7.1375 19.2875C6.04583 18.8125 5.09583 18.1708 4.2875 17.3625C3.47917 16.5541 2.8375 15.6041 2.3625 14.5125C1.8875 13.4208 1.65 12.25 1.65 11C1.65 9.74998 1.8875 8.57914 2.3625 7.48748C2.8375 6.39581 3.47917 5.44581 4.2875 4.63748C5.09583 3.82914 6.04583 3.18748 7.1375 2.71248C8.22917 2.23748 9.4 1.99998 10.65 1.99998C11.9 1.99998 13.0708 2.23748 14.1625 2.71248C15.2542 3.18748 16.2042 3.82914 17.0125 4.63748C17.8208 5.44581 18.4625 6.39581 18.9375 7.48748C19.4125 8.57914 19.65 9.74998 19.65 11C19.65 12.25 19.4125 13.4208 18.9375 14.5125C18.4625 15.6041 17.8208 16.5541 17.0125 17.3625C16.2042 18.1708 15.2542 18.8125 14.1625 19.2875C13.0708 19.7625 11.9 20 10.65 20ZM13.45 15.2L14.85 13.8L11.65 10.6V5.99998H9.65V11.4L13.45 15.2ZM4.25 0.349976L5.65 1.74998L1.4 5.99998L0 4.59998L4.25 0.349976ZM17.05 0.349976L21.3 4.59998L19.9 5.99998L15.65 1.74998L17.05 0.349976ZM10.65 18C12.6 18 14.2542 17.3208 15.6125 15.9625C16.9708 14.6041 17.65 12.95 17.65 11C17.65 9.04998 16.9708 7.39581 15.6125 6.03748C14.2542 4.67914 12.6 3.99998 10.65 3.99998C8.7 3.99998 7.04583 4.67914 5.6875 6.03748C4.32917 7.39581 3.65 9.04998 3.65 11C3.65 12.95 4.32917 14.6041 5.6875 15.9625C7.04583 17.3208 8.7 18 10.65 18Z' fill='%23000'/></svg>");
    transform: translateY(0);
}

.apt-blogpost-single-header h1 {
    font-weight: 700;
    font-size: 45px;
    line-height: 53px;
    color: #4EBD26;
}

.avatar-about {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.avatar-about img {
    border-radius: 100%;
}

.entry-author {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #4EBD26;
    margin-bottom: 0px;
    line-height: 1;
}

.contents-title {
    font-weight: 500 !important;
    font-size: 25px;
    color: #4EBD26;
}

.contents-title-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.contents-card {
    border-left: 2px solid #E1F3EA;
    padding: 35px 35px 80px 35px;
    margin-bottom: 44px;
}

.sticky-col {
    position: sticky;
    top: 110px;
}

.post-h2-list {
    padding-left: 20px;
}

.post-h2-list a {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 22px;
    color: #000000 !important;
}

.post-h2-list li {
    list-style: initial;
    margin-bottom: 12px;
}

.apt-blogpost-single {
    /* background-color: #fbfbfb; */
}

.related-posts-title {
    font-weight: 700 !important;
    font-size: 45px;
    color: #4EBD26;
    margin-bottom: 0px;
}

.related-posts-title-container {
    margin-bottom: 70px;
    margin-top: 150px;
}

.apt-share-signup {
    background-color: white;
    padding: 24px;
    box-shadow: 0px 4px 12.1px rgba(186, 186, 186, 0.25);
    border-radius: 8px;
    margin-bottom: 44px;
}

.share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #6bbe52;
    color: #fff;
    margin-top: 2px;
}

.apt-blogpost-single .entry-content h2 {
    font-weight: 500 !important;
    font-size: 33px;
    line-height: 39px;
}

.apt-blogpost-single .entry-content h3 {
    font-weight: 500 !important;
    font-size: 24px;
    line-height: 26px;
}

.apt-blogpost-single-content .entry-content h2 {
    margin-bottom: 1.3rem;
    margin-top: 2rem;
}

.apt-blogpost-single-content .entry-content h3 {
    margin-bottom: 0.5rem;
}

.apt-blogpost-single-content .entry-content .wp-block-image .size-full {
    margin-bottom: 3rem;
}

/* author page */

/* .apt-author-page {
    background-color: #fbfbfb;
} */

.author-avatar-section {
    margin-bottom: -118px;
    margin-bottom: 100px;
}

.apt-author-page h1 {
    font-weight: 700;
    font-size: 45px;
    color: #4EBD26;
}
.author-avatar-section img {
    border-radius: 100%;
    margin-bottom: 32px;
}

.apt-author-page .apt-share-signup p {
    font-size: 15px;
}

.apt-author-page .apt-share-signup {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.apt-author-page .apt-share-signup img {
    height: 101px;
    width: 101px;
}

.apt-author-page .blog-category-filter {
    margin-top: 70px;
    margin-bottom: 70px;
}

.apt-author-page .apt-share-signup p {
    line-height: 18px;
}

@media (max-width: 600px) {
    .blog-single-time-cat {
        flex-direction: column;
        gap: 0px;
    }

    .apt-blogpost-single-header h1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .apt-blogpost-single-header {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .contents-card {
        padding: 20px;
        margin-bottom: 0px;
    }

    .sticky-col {
        top: initial;
    }
}