/* Bo sung cho ban dung lai. Khong sua style.css goc, de con doi chieu duoc. */

#main { margin-bottom: 40px; }
.site-logo img { max-width: 100%; height: auto; display: block; }
#header-line-2.header-bg { background-image: url('/wp-content/uploads/2014/05/bg.jpg'); background-repeat: repeat; }

#nav-main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
#nav-main-menu li { list-style: none; }
#nav-main-menu a { display: block; padding: 0 14px; line-height: 50px; color: #333; text-decoration: none; font-weight: 600; }
#nav-main-menu a:hover { color: #00aeef; }

#nav-top-menu { margin: 0; padding: 0; list-style: none; display: flex; }
#nav-top-menu a { display: block; padding: 0 12px; line-height: 34px; color: #ccc; font-size: 12px; text-decoration: none; }

/* Khung giu cho anh da mat. Chu site chon giu cho thay vi go the <img>,
   de con doi chieu ve sau — duong dan goc nam trong data-anh-goc. */
.anh-mat {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 120px; min-height: 90px; padding: 12px 16px;
    border: 1px dashed #c3c8bf; border-radius: 3px;
    background: repeating-linear-gradient(45deg, #f2f3f0, #f2f3f0 8px, #eaece7 8px, #eaece7 16px);
    color: #6d766f; font-size: 13px; font-style: italic; text-align: center; vertical-align: middle;
}
.anh-mat-ngoai { border-style: dotted; }
.item-thumbnail .anh-mat { min-height: 70px; width: 100%; }

.entry-content img, .single-content img { max-width: 100%; height: auto; }
.su-row { display: flex; flex-wrap: wrap; gap: 16px; }
.su-col-1-2 { flex: 1 1 calc(50% - 8px); min-width: 220px; }
.su-col-1-3 { flex: 1 1 calc(33.333% - 11px); min-width: 180px; }
.su-col-2-3 { flex: 1 1 calc(66.666% - 6px); min-width: 260px; }
.su-col-1-4 { flex: 1 1 calc(25% - 12px); min-width: 160px; }
.su-note { background: var(--note-bg, #f2f3f0); padding: 12px 16px; border-radius: 3px; margin: 12px 0; }
.su-divider { border: 0; border-top: 1px solid #ddd; margin: 20px 0; }
.su-box { border: 1px solid #e2e2e2; border-radius: 3px; margin: 16px 0; }
.su-box-title { margin: 0; padding: 10px 14px; background: #f2f3f0; font-size: 15px; }
.su-box-body { padding: 12px 14px; }
.su-table { overflow-x: auto; }
.su-table table { width: 100%; border-collapse: collapse; }
.wp-gallery, .su-carousel { display: flex; flex-wrap: wrap; gap: 10px; }
.wp-gallery figure, .su-carousel figure { margin: 0; flex: 0 1 auto; }
figure.wp-caption { margin: 12px 0; }
figure.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { font-size: 13px; color: #777; padding-top: 6px; }
details.expand, details.tab { margin: 10px 0; border: 1px solid #e2e2e2; border-radius: 3px; padding: 8px 12px; }
details summary { cursor: pointer; font-weight: 600; }

.pagination-index { margin: 24px 0; display: flex; gap: 6px; flex-wrap: wrap; }
.pagination-index a, .pagination-index span { padding: 6px 11px; border: 1px solid #ddd; text-decoration: none; color: #333; }
.pagination-index [aria-current] { background: #333; color: #fff; }

/* Khung giu cho khi nam trong o anh cua khoi tin: o anh cao co dinh 250px va
   overflow:hidden, nen khung phai lap day thay vi giu kich thuoc rieng. */
.item-thumbnail .anh-mat { width: 100%; height: 100%; min-height: 0; border: 0; border-radius: 0; }
.news-box .item { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.08); overflow: hidden; }
.news-box .item .title a { color: #222; text-decoration: none; }
.news-box .meta { font-size: 12px; padding: 0 10px 10px; }
.news-box .meta a.cate { display: inline-block; padding: 2px 7px; border-radius: 2px; text-decoration: none; margin-right: 6px; }
.news-box .meta .date { color: #888; }

/* Khoi tabs: theme goc dua vao JS de bat/tat tab. O day moi khoi chi co mot
   chuyen muc nen tab luon mo — dat hien san, khong can JS. */
.news-box.tabs .tabs-content-outer { display: none; }
.news-box.tabs .tabs-content-outer.active { display: block; }
.news-box.tabs ul.tabs-header { margin: 0; padding: 0; list-style: none; display: flex; }
.news-box.tabs .tab-header a { display: block; padding: 8px 16px; text-decoration: none; }
.news-box.tabs ul.tabs-content { margin: 0; padding: 0; list-style: none; }