/* Minification failed. Returning unminified contents.
(3,22): run-time error CSS1039: Token not allowed after unary operator: '-background-noibat'
(7,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-content'
(14,21): run-time error CSS1039: Token not allowed after unary operator: '-font-nho'
(25,26): run-time error CSS1039: Token not allowed after unary operator: '-widthBlock2'
(43,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(50,29): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(69,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(102,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(122,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(123,39): run-time error CSS1039: Token not allowed after unary operator: '-line'
(125,25): run-time error CSS1039: Token not allowed after unary operator: '-font-nho'
(127,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(150,24): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(171,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(185,28): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
(251,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-content'
 */
/*#region Chung*/
#content {
    background: var(--background-noibat);
}

.wrap-block-blog {
    box-shadow: var(--box-shadow-content);
    overflow: hidden;
    border-radius: 5px;
}

.title-block {
    font-weight: bold;
    font-size: var(--font-nho);
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0px;
}

.wrap-dai-dien-blog {
    display: flex;
}

    .wrap-dai-dien-blog > .left-block {
        flex-basis: var(--widthBlock2);
    }

.wrap-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .wrap-flex .item-1 {
        flex-basis: 380px;
    }

    .wrap-flex .item-2 {
        flex-basis: 780px;
    }

.header-block-blog {
    padding: var(--padding-content);
}

@media(max-width: 1200px) {
    .wrap-flex .item-1, .wrap-flex .item-2 {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: var(--padding-content);
    }
}
/*#endregion*/

/*#region Bài đại diện và bài viết mới nhất*/
.wrap-bv-ghim .owl-nav {
    display: block !important;
    position: absolute;
    right: 5px;
    bottom: 10px;
    z-index: 2;
}

    .wrap-bv-ghim .owl-nav > button {
        width: 30px;
        height: 30px;
        border-radius: 50% !important;
        background: white !important;
        color: var(--color-text) !important;
        font-size: 26px !important;
        text-align: center;
        font-weight: bold !important;
        outline: none;
        line-height: 20px !important;
    }

.wrap-bv-ghim .owl-dots {
    display: none;
}

.item-bv-ghim {
    position: relative;
}

    .item-bv-ghim > .anh-dai-dien-bv-ghim img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
        height: 520px;
    }

    .item-bv-ghim .info-bv-ghim {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0,0,0,.5);
        color: white;
        font-size: 18px;
        padding: var(--padding-content);
        padding-right: 80px;
    }

    .item-bv-ghim .ten-bv-ghim {
        height: 56px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.wrap-bv-new {
    height: 520px;
    max-height: 520px;
    display: flex;
    flex-direction: column;
}

    .wrap-bv-new > .body-bv-new > .item-bv-new {
        padding: var(--padding-content);
        border-bottom: 1px solid var(--line);
        display: flex;
        font-size: var(--font-nho);
        font-weight: bold;
        color: var(--color-text);
        cursor: pointer;
        background: white;
    }

    .wrap-bv-new > .body-bv-new {
        overflow-y: auto;
        flex: 1;
    }

        .wrap-bv-new > .body-bv-new > .item-bv-new .ten-bv-new {
            height: 44px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

.item-bv-new > .anh-dai-dien-bv-new {
    width: 40px;
    max-width: 40px;
    flex-basis: 40px;
    height: 40px;
    margin-right: var(--padding-content);
    object-fit: contain;
    object-position: center;
}

@media (max-width: 1200px) {
    .item-bv-ghim > .anh-dai-dien-bv-ghim img {
        height: 100% !important;
        max-height: 100% !important;
    }

    .item-bv-ghim .ten-bv-ghim {
        height: 45px;
    }
}
/*#endregion*/

/*#region Bài viết xem nhiều nhất và video*/
.item-bv-view-cao {
    display: flex;
    flex-wrap: wrap;
    padding: var(--padding-content);
    background: white;
}

    .item-bv-view-cao > .info-bv-view-cao {
        flex: 1;
    }

    .item-bv-view-cao .anh-dai-dien-bv-view-cao {
        flex-basis: 400px;
        width: 400px;
    }

    .item-bv-view-cao > .info-bv-view-cao {
        padding-left: var(--padding-content);
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 169px;
        max-height: 169px;
    }

        .item-bv-view-cao > .info-bv-view-cao .ten-bv-view-cao {
            font-weight: bold;
            height: 44px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin-bottom: 5px;
        }

    .item-bv-view-cao .anh-dai-dien-bv-view-cao {
        object-fit: contain;
        object-position: center;
        width: 400px !important;
    }

.body-bv-view-cao .owl-item {
    height: 200px;
}

.item-bv-view-cao .tom-tat-bv-view-cao {
    overflow: hidden;
}

.wrap-bv-view-cao .owl-dots {
    display: none;
}

.body-bv-video img {
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.item-bv-view-cao > .info-bv-view-cao > .ten-bv-view-cao,
.item-bv-view-cao .anh-dai-dien-bv-view-cao {
    cursor: pointer;
}

@media (max-width: 1200px) {
    .item-bv-view-cao > * {
        flex-basis: 100%;
        width: 100%;
    }

    .body-bv-view-cao .owl-item {
        height: auto;
    }

    .item-bv-view-cao .anh-dai-dien-bv-view-cao {
        max-height: 308px;
    }
}
/*#endregion*/

/*#region bài viết chuyên mục*/
.item-bai-viet {
    padding: var(--padding-content);
    background: white;
}

    .item-bai-viet img {
        object-fit: contain;
        object-position: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .item-bai-viet > .content-bai-viet .tieu-de-bai-viet {
        font-weight: bold;
        margin-bottom: 5px;
        height: 44px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #065fd4;
    }

    .item-bai-viet > .content-bai-viet {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

        .header-chuyen-muc-bai-viet,
        .item-bai-viet > .content-bai-viet .tieu-de-bai-viet,
        .item-bai-viet img {
            cursor: pointer;
        }
/*#endregion*/