/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
    --nhk-font-main: "Inter", Arial, Helvetica, sans-serif;
}

html,
body,
input,
button,
select,
textarea,
.wraper,
.container,
.panel,
.panel-body,
.title,
.hometext,
.bodytext,
.tms_hometext,
#tms_bodytext,
#news-bodyhtml,
#page-bodyhtml,
#detail,
#tms_detai,
.nhk-archive-shell,
#nhk-archive-site-header,
#nhk-archive-site-footer {
    font-family: var(--nhk-font-main) !important;
}

.fa,
.fa:before {
    font-family: FontAwesome !important;
}

.glyphicon,
.glyphicon:before {
    font-family: "Glyphicons Halflings" !important;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: icomoon !important;
}

.title,
.hometext,
.bodytext,
.tms_hometext,
#tms_bodytext,
#news-bodyhtml,
#page-bodyhtml {
    color: #111827;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.68 !important;
    letter-spacing: 0;
}

.title,
#detail h1,
#detail h2,
#detail h3,
#tms_detai h1,
#tms_detai h2,
#tms_detai h3,
#tms_bodytext h1,
#tms_bodytext h2,
#tms_bodytext h3,
#news-bodyhtml h1,
#news-bodyhtml h2,
#news-bodyhtml h3,
#page-bodyhtml h1,
#page-bodyhtml h2,
#page-bodyhtml h3 {
    font-family: var(--nhk-font-main) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.bodytext p,
#tms_bodytext p,
#news-bodyhtml p,
#page-bodyhtml p {
    margin: 0 0 14px !important;
}

.bodytext img,
.bodytext a > img,
#tms_bodytext img,
#tms_bodytext a > img,
#news-bodyhtml img,
#news-bodyhtml a > img,
#page-bodyhtml img,
#page-bodyhtml a > img,
#detail .bodytext img,
#detail .bodytext a > img,
#tms_detai .bodytext img,
#tms_detai .bodytext a > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 1px;
    margin: 14px 0 !important;
    object-fit: contain;
}

.bodytext img[width],
#tms_bodytext img[width],
#news-bodyhtml img[width],
#page-bodyhtml img[width] {
    width: 100% !important;
}

.bodytext figure,
#tms_bodytext figure,
#news-bodyhtml figure,
#page-bodyhtml figure,
.bodytext .wp-caption,
#tms_bodytext .wp-caption,
#news-bodyhtml .wp-caption,
#page-bodyhtml .wp-caption {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 !important;
}

.bodytext figcaption,
#tms_bodytext figcaption,
#news-bodyhtml figcaption,
#page-bodyhtml figcaption,
.bodytext .wp-caption-text,
#tms_bodytext .wp-caption-text,
#news-bodyhtml .wp-caption-text,
#page-bodyhtml .wp-caption-text {
    color: #64748b;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}