/* Theme White - News */

/* Index */
.section-news .item {
    padding: 1rem 0;
    margin-top: -1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
}

    .section-news .item .title {
        color: #3F4756;
        margin-bottom: 0.5rem;
    }

    .section-news .item .date-wrapper {
        font-weight: bold;
        margin-bottom: 0.5rem;
    }

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

    .section-news .item .description {
        margin-bottom: 0;
    }

    .section-news .item img {
        border-radius: 0.25rem;
    }

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

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

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

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

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

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

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

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

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

    .section-news.detail .latest .date-wrapper {
        margin-top: 0.25rem;
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .section-news.detail .latest .date {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
    }

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

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

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

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