/* Theme White - Blog */

/* Index */
.section-blog .item {
    margin-bottom: 1rem;
}

    .section-blog .item .title {
        font-weight: bold;
        margin: 0.5rem 0 0.25rem;
    }

    .section-blog .item .description {
        margin-bottom: 0.25rem;
    }

    .section-blog .item .date-wrapper {
        margin-bottom: 1rem;
    }

    .section-blog .item .date {
        color: #999999;
        font-size: 0.875rem;
    }

    .section-blog .item .link:hover {
        color: #333333;
        text-decoration: underline;
    }

/* 每一篇的分類 */
.section-blog ul.categorys {
    color: #999999;
    font-size: 0.875rem;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .section-blog ul.categorys > li {
        display: inline-block;
    }

        .section-blog ul.categorys > li + li:before {
            content: ', ';
        }

/* Detail */
.section-blog.detail .date-wrapper {
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

    .section-blog.detail .date-wrapper .title,
    .section-blog.detail .date-wrapper .date {
        margin-top: 0.25rem;
        margin-bottom: 0.5rem;
    }

/* 近期發布 */
.section-blog.detail .latest {
    padding: 1.5rem 0;
}

    .section-blog.detail .latest .title {
        font-weight: bold;
        margin-bottom: 1rem;
    }

    .section-blog.detail .latest .item {
        padding: 0;
        margin-bottom: 1rem;
        border-bottom: 0;
    }

        .section-blog.detail .latest .item .title {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-height: 1.5;
            max-height: 48px;
            font-weight: normal;
            margin-top: 1rem;
            margin-bottom: 0;
        }

    .section-blog.detail .latest .date-wrapper {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .section-blog.detail .latest .date {
        margin-top: 0;
        margin-bottom: 0;
    }

@media (min-width: 576px) {
}

@media (min-width: 768px) {

    /* 項目 */
    .section-blog .body {
        padding: 1rem;
    }

    .section-blog .item .title {
        margin-top: 0;
    }

    .section-blog .item .description {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 72px;
    }
}

@media (min-width: 992px) {
    /* 近期發布 */
    .section-blog.detail .latest .item .title {
        overflow: auto;
        -webkit-line-clamp: unset;
        max-height: unset;
        margin-top: 0.25rem;
    }
}

@media (min-width: 1200px) {

    /* 項目 */
    .section-blog .body {
        padding: 1.5rem;
    }
}