/*!
Theme Name: Diiho
Theme URI: https://wptop.top
Update URI: https://wptop.top
Author: Foxtheme
Author URI: https://wptop.top/user/admin/
Version: 2.0.9
License: GNU General Public License v2.0
License URI: LICENSE
Text Domain: diiho
*/
/*--------------------------------------------------------------
# Color Tokens
--------------------------------------------------------------*/
:root {
	color-scheme: dark;
	--diiho-color-000: #000;
	--diiho-color-001b4e: #001b4e;
	--diiho-color-004784: #004784;
	--diiho-color-0053bb: #0053bb;
	--diiho-color-006df5: #006df5;
	--diiho-color-00b70e: #00b70e;
	--diiho-color-00d0ff: #00d0ff;
	--diiho-color-00ff89: #00ff89;
	--diiho-color-06c: #06c;
	--diiho-color-0d2333: #0d2333;
	--diiho-color-0f161a: #0f161a;
	--diiho-color-111: #111;
	--diiho-color-142d4c: #142d4c;
	--diiho-color-151515: #151515;
	--diiho-color-171717: #171717;
	--diiho-color-191919: #191919;
	--diiho-color-1a1a1a: #1a1a1a;
	--diiho-color-21759b: #21759b;
	--diiho-color-222: #222;
	--diiho-color-222222: #222222;
	--diiho-color-222222b8: #222222b8;
	--diiho-color-222222d4: #222222d4;
	--diiho-color-232323: #232323;
	--diiho-color-233440: #233440;
	--diiho-color-263238: #263238;
	--diiho-color-270f4e: #270f4e;
	--diiho-color-292929: #292929;
	--diiho-color-2c2c2c: #2c2c2c;
	--diiho-color-333: #333;
	--diiho-color-333333f5: #333333f5;
	--diiho-color-3c3c3c: #3c3c3c;
	--diiho-color-404040eb: #404040eb;
	--diiho-color-444: #444;
	--diiho-color-464646: #464646;
	--diiho-color-4a4a4a: #4a4a4a;
	--diiho-color-4c4c4c: #4c4c4c;
	--diiho-color-53cfff: #53cfff;
	--diiho-color-555: #555;
	--diiho-color-586674: #586674;
	--diiho-color-666: #666;
	--diiho-color-6f8590: #6f8590;
	--diiho-color-777: #777;
	--diiho-color-777777: #777777;
	--diiho-color-858585: #858585;
	--diiho-color-888: #888;
	--diiho-color-8ab4f8: #8ab4f8;
	--diiho-color-979797: #979797;
	--diiho-color-97f5ff: #97f5ff;
	--diiho-color-999: #999;
	--diiho-color-a48a00: #a48a00;
	--diiho-color-a61111: #a61111;
	--diiho-color-aaa: #aaa;
	--diiho-color-bbb: #bbb;
	--diiho-color-bdbdbd: #bdbdbd;
	--diiho-color-bfbfbf: #bfbfbf;
	--diiho-color-black: #000;
	--diiho-color-c0c0c0: #c0c0c0;
	--diiho-color-c2ccd0: #c2ccd0;
	--diiho-color-c30000: #c30000;
	--diiho-color-cc99ff: #cc99ff;
	--diiho-color-ccc: #ccc;
	--diiho-color-dbdbdb: #dbdbdb;
	--diiho-color-dcdcdc: #dcdcdc;
	--diiho-color-ddd: #ddd;
	--diiho-color-dfdfdf: #dfdfdf;
	--diiho-color-e1ffe4: #e1ffe4;
	--diiho-color-e2e6e9: #e2e6e9;
	--diiho-color-eee: #eee;
	--diiho-color-f1f1f1: #f1f1f1;
	--diiho-color-f48a8a: #f48a8a;
	--diiho-color-f5f5f5: #f5f5f5;
	--diiho-color-ff0: #ff0;
	--diiho-color-ff0000: #ff0000;
	--diiho-color-ff3333: #ff3333;
	--diiho-color-ff4444: #ff4444;
	--diiho-color-ff6633: #ff6633;
	--diiho-color-ff6666: #ff6666;
	--diiho-color-ffc800: #ffc800;
	--diiho-color-ffe78f: #ffe78f;
	--diiho-color-fff: #fff;
	--diiho-color-fff333: #fff333;
	--diiho-color-fff444: #fff444;
	--diiho-color-fff9c0: #fff9c0;
	--diiho-color-ffffff: #ffffff;
	--diiho-color-ffffffc7: #ffffffc7;
	--diiho-color-rgb-0-0-0: rgb(0, 0, 0);
	--diiho-color-rgb-0-145-54: rgb(0 145 54);
	--diiho-color-rgb-0-147-146: rgb(0 147 146);
	--diiho-color-rgb-68-68-68: rgb(68 68 68);
	--diiho-color-rgb-73-14-0: rgb(73, 14, 0);
	--diiho-color-rgba-0-0-0-0-0980392: rgba(0, 0, 0, 0.0980392);
	--diiho-color-rgba-0-0-0-0-3: rgba(0, 0, 0, 0.3);
	--diiho-color-rgba-0-0-0-0-4: rgba(0, 0, 0, 0.4);
	--diiho-color-rgba-0-0-0-0-6: rgba(0, 0, 0, 0.6);
	--diiho-color-rgba-0-0-0-0-8: rgba(0, 0, 0, 0.8);
	--diiho-color-rgba-0-94-116-1: rgba(0, 94, 116, 1);
	--diiho-color-rgba-175-114-217-1: rgba(175, 114, 217, 1);
	--diiho-color-rgba-201-226-255-1: rgba(201, 226, 255, 1);
	--diiho-color-rgba-255-216-233-1: rgba(255, 216, 233, 1);
	--diiho-color-rgba-30-83-0-1: rgba(30, 83, 0, 1);
	--diiho-color-rgba-38-50-56-0-05: rgba(38, 50, 56, 0.05);
	--diiho-color-rgba-38-50-56-0-07: rgba(38, 50, 56, 0.07);
	--diiho-color-rgba-38-50-56-0-1: rgba(38, 50, 56, 0.1);
	--diiho-color-rgba-73-14-0-1: rgba(73, 14, 0, 1);
	--diiho-color-rgba-86-151-219-1: rgba(86, 151, 219, 1);
	--diiho-color-transparent: transparent;
	--diiho-color-white: #fff;
	--border-light: var(--diiho-color-444);
	--diiho-color-000000bf: #000000bf;
	--diiho-color-0071478c: #0071478c;
	--diiho-color-00b0cc: #00b0cc;
	--diiho-color-00cc0005: #00cc0005;
	--diiho-color-00ff1352: #00ff1352;
	--diiho-color-00ffb857: #00ffb857;
	--diiho-color-252525: #252525;
	--diiho-color-3e3e3e: #3e3e3e;
	--diiho-color-424242: #424242;
	--diiho-color-737373: #737373;
	--diiho-color-719b97: #719b97;
	--diiho-color-868686: #868686;
	--diiho-color-86868600: #86868600;
	--diiho-color-8effe0: #8effe0;
	--diiho-color-8ffff5: #8ffff5;
	--diiho-color-97b6f2: #97b6f2;
	--diiho-color-a7bb00: #a7bb00;
	--diiho-color-c8ddff: #c8ddff;
	--diiho-color-rgb-0-0-0-40: rgb(0 0 0 / 40%);
	--diiho-color-rgb-0-154-83-92: rgb(0 154 83 / 92%);
	--diiho-color-rgb-138-180-248: rgb(138 180 248);
	--diiho-color-rgb-167-201-255: rgb(167 201 255);
	--diiho-color-rgb-202-202-202-202: rgb(202, 202, 202, 202);
	--diiho-color-rgb-226-115-0-92: rgb(226 115 0 / 92%);
	--diiho-color-rgb-255-255-255-28: rgb(255 255 255 / 28%);
	--diiho-color-rgb-51-51-51: rgb(51 51 51);
	--diiho-color-rgb-56-252-0-22: rgb(56 252 0 / 22%);
	--diiho-color-rgb-64-64-64: rgb(64 64 64);
	--diiho-color-rgba-0-0-0-0-1: rgba(0, 0, 0, 0.1);
	--diiho-color-rgba-0-0-0-0-2: rgba(0, 0, 0, 0.2);
	--diiho-color-rgba-131-133-218-0: rgba(131, 133, 218, 0);
	--diiho-color-rgba-75-75-75-0: rgba(75, 75, 75, 0);

}

html[data-theme=light],
body.diiho-light-mode {
	color-scheme: light;
	--diiho-color-000: #fff;
	--diiho-color-001b4e: #dbeafe;
	--diiho-color-004784: #bfdbfe;
	--diiho-color-0053bb: #2563eb;
	--diiho-color-006df5: #2563eb;
	--diiho-color-00b70e: #15803d;
	--diiho-color-00d0ff: #0284c7;
	--diiho-color-00ff89: #047857;
	--diiho-color-06c: #0b63ce;
	--diiho-color-0d2333: #e0f2fe;
	--diiho-color-0f161a: #111827;
	--diiho-color-111: #f8fafc;
	--diiho-color-142d4c: #bfdbfe;
	--diiho-color-151515: #f3f4f6;
	--diiho-color-171717: #f1f5f9;
	--diiho-color-191919: #f3f4f6;
	--diiho-color-1a1a1a: #f5f5f5;
	--diiho-color-21759b: #0f6e9f;
	--diiho-color-222: #f8fafc;
	--diiho-color-222222: #f8fafc;
	--diiho-color-222222b8: #f5f5f5b8;
	--diiho-color-222222d4: #f5f5f5d4;
	--diiho-color-232323: #fff;
	--diiho-color-233440: #e2e8f0;
	--diiho-color-263238: #1f2937;
	--diiho-color-270f4e: #ede9fe;
	--diiho-color-292929: #f1f5f9;
	--diiho-color-2c2c2c: #f3f4f6;
	--diiho-color-333: #e5e7eb;
	--diiho-color-333333f5: #e8e8e8f5;
	--diiho-color-3c3c3c: #e8e8e8;
	--diiho-color-404040eb: #c7c7c7eb;
	--diiho-color-444: #cbd5e1;
	--diiho-color-464646: #c7c7c7;
	--diiho-color-4a4a4a: #c7c7c7;
	--diiho-color-4c4c4c: #475569;
	--diiho-color-53cfff: #0284c7;
	--diiho-color-555: #94a3b8;
	--diiho-color-586674: #475569;
	--diiho-color-666: #64748b;
	--diiho-color-6f8590: #64748b;
	--diiho-color-777: #64748b;
	--diiho-color-777777: #64748b;
	--diiho-color-858585: #64748b;
	--diiho-color-888: #64748b;
	--diiho-color-8ab4f8: #1d4ed8;
	--diiho-color-979797: #64748b;
	--diiho-color-97f5ff: #0369a1;
	--diiho-color-999: #64748b;
	--diiho-color-a48a00: #a16207;
	--diiho-color-a61111: #b91c1c;
	--diiho-color-aaa: #475569;
	--diiho-color-bbb: #cbd5e1;
	--diiho-color-bdbdbd: #cbd5e1;
	--diiho-color-bfbfbf: #cbd5e1;
	--diiho-color-black: #fff;
	--diiho-color-c0c0c0: #cbd5e1;
	--diiho-color-c2ccd0: #64748b;
	--diiho-color-c30000: #b91c1c;
	--diiho-color-cc99ff: #7e22ce;
	--diiho-color-ccc: #475569;
	--diiho-color-dbdbdb: #334155;
	--diiho-color-dcdcdc: #cbd5e1;
	--diiho-color-ddd: #334155;
	--diiho-color-dfdfdf: #1f2937;
	--diiho-color-e1ffe4: #dcfce7;
	--diiho-color-e2e6e9: #334155;
	--diiho-color-eee: #1f2937;
	--diiho-color-f1f1f1: #111827;
	--diiho-color-f48a8a: #be123c;
	--diiho-color-f5f5f5: #111827;
	--diiho-color-ff0: #8a6d00;
	--diiho-color-ff0000: #dc2626;
	--diiho-color-ff3333: #dc2626;
	--diiho-color-ff4444: #dc2626;
	--diiho-color-ff6633: #c2410c;
	--diiho-color-ff6666: #b91c1c;
	--diiho-color-ffc800: #92400e;
	--diiho-color-ffe78f: #6b4f00;
	--diiho-color-fff: #0f172a;
	--diiho-color-fff333: #8a6d00;
	--diiho-color-fff444: #8a6d00;
	--diiho-color-fff9c0: #6b4f00;
	--diiho-color-ffffff: #0f172a;
	--diiho-color-ffffffc7: rgba(255, 255, 255, 0.9);
	--diiho-color-rgb-0-0-0: rgb(255, 255, 255);
	--diiho-color-rgb-0-145-54: rgb(0 145 54);
	--diiho-color-rgb-0-147-146: rgb(0 147 146);
	--diiho-color-rgb-68-68-68: rgb(68 68 68);
	--diiho-color-rgb-73-14-0: rgb(73, 14, 0);
	--diiho-color-rgba-0-0-0-0-0980392: rgba(15, 23, 42, 0.0980392);
	--diiho-color-rgba-0-0-0-0-3: rgba(15, 23, 42, 0.24);
	--diiho-color-rgba-0-0-0-0-4: rgba(15, 23, 42, 0.24);
	--diiho-color-rgba-0-0-0-0-6: rgba(15, 23, 42, 0.24);
	--diiho-color-rgba-0-0-0-0-8: rgba(15, 23, 42, 0.24);
	--diiho-color-rgba-0-94-116-1: rgba(0, 94, 116, 1);
	--diiho-color-rgba-175-114-217-1: rgba(175, 114, 217, 1);
	--diiho-color-rgba-201-226-255-1: rgba(201, 226, 255, 1);
	--diiho-color-rgba-255-216-233-1: rgba(255, 216, 233, 1);
	--diiho-color-rgba-30-83-0-1: rgba(30, 83, 0, 1);
	--diiho-color-rgba-38-50-56-0-05: rgba(15, 23, 42, 0.05);
	--diiho-color-rgba-38-50-56-0-07: rgba(15, 23, 42, 0.07);
	--diiho-color-rgba-38-50-56-0-1: rgba(15, 23, 42, 0.1);
	--diiho-color-rgba-73-14-0-1: rgba(73, 14, 0, 1);
	--diiho-color-rgba-86-151-219-1: rgba(86, 151, 219, 1);
	--diiho-color-transparent: transparent;
	--diiho-color-white: #0f172a;
	--border-light: var(--diiho-color-bbb);
	--diiho-color-000000bf: rgba(15, 23, 42, 0.18);
	--diiho-color-0071478c: rgba(13, 148, 136, 0.18);
	--diiho-color-00b0cc: #0284c7;
	--diiho-color-00cc0005: rgba(22, 163, 74, 0.04);
	--diiho-color-00ff1352: rgba(22, 163, 74, 0.22);
	--diiho-color-00ffb857: rgba(13, 148, 136, 0.22);
	--diiho-color-252525: #f1f5f9;
	--diiho-color-3e3e3e: #e2e8f0;
	--diiho-color-424242: #e5e7eb;
	--diiho-color-737373: #94a3b8;
	--diiho-color-719b97: #64748b;
	--diiho-color-868686: #94a3b8;
	--diiho-color-86868600: rgba(148, 163, 184, 0);
	--diiho-color-8effe0: #047857;
	--diiho-color-8ffff5: #0f766e;
	--diiho-color-97b6f2: #2563eb;
	--diiho-color-a7bb00: #a16207;
	--diiho-color-c8ddff: #1d4ed8;
	--diiho-color-rgb-0-0-0-40: rgba(15, 23, 42, 0.08);
	--diiho-color-rgb-0-154-83-92: rgba(5, 150, 105, 0.18);
	--diiho-color-rgb-138-180-248: rgb(37 99 235);
	--diiho-color-rgb-167-201-255: rgb(96 165 250);
	--diiho-color-rgb-202-202-202-202: rgb(226 232 240);
	--diiho-color-rgb-226-115-0-92: rgba(194, 65, 12, 0.18);
	--diiho-color-rgb-255-255-255-28: rgba(15, 23, 42, 0.08);
	--diiho-color-rgb-51-51-51: rgb(226 232 240);
	--diiho-color-rgb-56-252-0-22: rgba(22, 163, 74, 0.16);
	--diiho-color-rgb-64-64-64: rgb(203 213 225);
	--diiho-color-rgba-0-0-0-0-1: rgba(15, 23, 42, 0.1);
	--diiho-color-rgba-0-0-0-0-2: rgba(15, 23, 42, 0.12);
	--diiho-color-rgba-131-133-218-0: rgba(99, 102, 241, 0);
	--diiho-color-rgba-75-75-75-0: rgba(15, 23, 42, 0);
}


/*--------------------------------------------------------------
# NOI DUNG CUA CSS
--------------------------------------------------------------*/
html {
	font-family: var(--diiho-font-body, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {

	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	--diiho-local-a-background-color: transparent;

	background-color: var(--diiho-local-a-background-color);
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	--diiho-local-mark-background-2: #ff0;

	background: var(--diiho-local-mark-background-2);
	--diiho-local-mark-color: #000;

	color: var(--diiho-local-mark-color);
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
.site-main #infinite-handle span button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button,
.site-main #infinite-handle span button {
	overflow: visible;
}

button,
.site-main #infinite-handle span button,
select {
	text-transform: none;
}

button,
.site-main #infinite-handle span button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
.site-main #infinite-handle span button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
.site-main #infinite-handle span button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	--diiho-local-fieldset-border: #c0c0c0;

	border: 1px solid var(--diiho-local-fieldset-border);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	--diiho-local-body-color: #263238;

	color: var(--diiho-local-body-color);
	font-family: var(--diiho-font-body, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif);
	font-size: var(--diiho-font-size-base, 1.25rem);
	line-height: var(--diiho-line-height-base, 1.6);
	font-weight: var(--diiho-body-weight, 400);
}

body a {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--diiho-font-heading, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif);
	font-weight: var(--diiho-heading-weight, 700);
	text-transform: var(--diiho-heading-transform, none);
	--diiho-local-h1-color: #0f161a;

	color: var(--diiho-local-h1-color);
	line-height: 1.25;
	clear: both;
	margin: 1.5em 0 .5em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

h1 {
	font-size: 2.4em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h5 {
	font-size: .8em;
}

h6 {
	font-size: .7em;
}

p {
	margin: 0 0 1.6em;
}

p:last-child {
	margin-bottom: 0;
}

blockquote {
	font-size: 1.2em;
	font-style: italic;
	border-top: 3px solid rgb(107 107 107 / 32%);
	padding: 1em 0 0 2.5em;
	margin: 0 0 1.6em;
	position: relative;
}

blockquote:before {
	content: "\201C";
	position: absolute;
	left: 0;
	top: .06em;
	font-size: 3em;
	font-style: normal;
}

blockquote cite {
	display: block;
	margin-top: .8em;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-style: normal;
	--diiho-local-blockquote-cite-color: #6f8590;

	color: var(--diiho-local-blockquote-cite-color);
}

blockquote cite:before {
	content: '\2014';
	margin-right: .5rem;
}

address {
	margin: 0 0 1.6em;
}

pre,
.diiho-code-window,
.entry-content code,
.comment-content code {
	--diiho-local-code-window-background: #f8fafc;
	--diiho-local-code-window-header-background: #f1f5f9;
	--diiho-local-code-window-border: #e2e8f0;
	--diiho-local-code-window-color: #1e293b;
	--diiho-local-code-window-muted: #64748b;
	--diiho-local-code-window-shadow: rgba(15, 23, 42, 0.08);
	--diiho-local-code-inline-background: #f1f5f9;
	--diiho-local-code-inline-border: #e2e8f0;
	--diiho-local-code-inline-color: #be123c;
	--diiho-local-pre-color: #1e293b;
}

pre {
	background: var(--diiho-local-code-window-background);
	border: 1px solid var(--diiho-local-code-window-border);
	border-radius: 8px;
	box-shadow: 0 12px 30px var(--diiho-local-code-window-shadow);
	color: var(--diiho-local-pre-color);
	display: block;
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 1.6em;
	max-height: 72vh;
	max-width: 100%;
	overflow: auto;
	padding: 56px 18px 18px;
	position: relative;
	scrollbar-color: #e2e8f0 var(--diiho-local-code-window-background);
	scrollbar-width: thin;
	tab-size: 4;
	overflow-wrap: anywhere;
	white-space: pre-wrap;
	word-break: normal;
}

pre::before {
	background: #ff5f57;
	border-radius: 50%;
	box-shadow: 18px 0 0 #ffbd2e, 36px 0 0 #28c840;
	content: "";
	height: 12px;
	left: 18px;
	position: absolute;
	top: 18px;
	width: 12px;
}

pre[data-language]::after {
	color: var(--diiho-local-code-window-muted);
	content: attr(data-language);
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1;
	position: absolute;
	right: 18px;
	text-transform: uppercase;
	top: 18px;
}

code,
kbd,
tt,
var {
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

.entry-content code,
.comment-content code {
	background: var(--diiho-local-code-inline-background, #f1f5f9);
	border: 1px solid var(--diiho-local-code-inline-border, #e2e8f0);
	border-radius: 6px;
	color: var(--diiho-local-code-inline-color, #be123c);
	font-size: 0.88em;
	overflow-wrap: anywhere;
	padding: 0.12em 0.38em;
	white-space: break-spaces;
}

pre code,
.entry-content pre code,
.comment-content pre code {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	display: block;
	font-size: inherit;
	line-height: inherit;
	overflow-wrap: inherit;
	padding: 0;
	white-space: inherit;
}

.entry-content pre,
.comment-content pre,
.diiho-code-window pre,
.entry-content pre code,
.comment-content pre code,
.diiho-code-window pre code {
	overflow-wrap: anywhere !important;
	white-space: pre-wrap !important;
	word-break: break-word;
}

kbd {
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	box-shadow: inset 0 -2px 0 #e2e8f0;
	color: #334155;
	display: inline-block;
	font-size: 0.78em;
	line-height: 1.2;
	padding: 0.18em 0.42em 0.28em;
	vertical-align: text-bottom;
}

.diiho-code-window {
	background: var(--diiho-local-code-window-background);
	border: 1px solid var(--diiho-local-code-window-border);
	border-radius: 8px;
	box-shadow: 0 12px 30px var(--diiho-local-code-window-shadow);
	color: var(--diiho-local-code-window-color);
	margin: 0 0 1.6em;
	overflow: hidden;
}

.diiho-code-window pre {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	max-height: 72vh;
	padding: 18px;
}

.diiho-code-window pre::before,
.diiho-code-window pre::after {
	display: none;
}

.diiho-code-window__header {
	align-items: center;
	background: var(--diiho-local-code-window-header-background);
	border-bottom: 1px solid var(--diiho-local-code-window-border);
	display: grid;
	gap: 12px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-height: 42px;
	padding: 0 12px;
}

.diiho-code-window__dots {
	align-items: center;
	display: flex;
	gap: 7px;
}

.diiho-code-window__dot {
	border-radius: 50%;
	display: block;
	height: 12px;
	width: 12px;
}

.diiho-code-window__dot--red {
	background: #ff5f57;
}

.diiho-code-window__dot--yellow {
	background: #ffbd2e;
}

.diiho-code-window__dot--green {
	background: #28c840;
}

.diiho-code-window__language {
	color: var(--diiho-local-code-window-muted);
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1;
	min-width: 0;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.diiho-code-window__copy {
	background: #fff;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	color: #334155;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	min-height: 28px;
	padding: 6px 10px;
}

.diiho-code-window__copy:hover,
.diiho-code-window__copy:focus {
	background: #eef6ff;
	border-color: #93c5fd;
	color: #1d4ed8;
	outline: none;
}

.diiho-code-window__copy.is-copied {
	background: #dcfce7;
	border-color: #bbf7d0;
	color: #166534;
}

pre .diiho-code-token--comment,
pre .token.comment,
pre .token.prolog,
pre .token.doctype,
pre .token.cdata,
pre .hljs-comment,
pre .hljs-quote {
	color: #64748b;
	font-style: italic;
}

pre .diiho-code-token--keyword,
pre .token.keyword,
pre .token.atrule,
pre .token.selector,
pre .hljs-keyword,
pre .hljs-selector-tag,
pre .hljs-built_in {
	color: #2563eb;
	font-weight: bold;
}

pre .diiho-code-token--string,
pre .token.string,
pre .token.attr-value,
pre .token.char,
pre .hljs-string,
pre .hljs-regexp {
	color: #15803d;
}

pre .diiho-code-token--number,
pre .token.number,
pre .token.boolean,
pre .token.constant,
pre .hljs-number,
pre .hljs-literal {
	color: #7e22ce;
}

pre .diiho-code-token--function,
pre .token.function,
pre .hljs-title,
pre .hljs-title.function_ {
	color: #0f766e;
	font-weight: bold;
}

pre .diiho-code-token--variable,
pre .token.variable,
pre .hljs-variable,
pre .hljs-template-variable {
	color: #be123c;
}

pre .diiho-code-token--property,
pre .diiho-code-token--attr,
pre .token.property,
pre .token.attr-name,
pre .hljs-property,
pre .hljs-attribute {
	color: #b45309;
}

pre .diiho-code-token--tag,
pre .token.tag,
pre .hljs-tag,
pre .hljs-name {
	color: #dc2626;
}

pre .diiho-code-token--color {
	color: #9333ea;
	font-weight: bold;
}

pre .diiho-code-token--punctuation,
pre .token.punctuation,
pre .token.operator,
pre .hljs-operator,
pre .hljs-punctuation {
	color: #475569;
}

pre::selection,
pre ::selection {
	background: #bfdbfe;
	color: #0f172a;
}

pre::-webkit-scrollbar {
	height: 12px;
	width: 12px;
}

pre::-webkit-scrollbar-track {
	background: var(--diiho-local-code-window-background);
}

pre::-webkit-scrollbar-thumb {
	background: #e2e8f0;
	border: 3px solid var(--diiho-local-code-window-background);
	border-radius: 0px;
}

pre::-webkit-scrollbar-thumb:hover {
	background: #cbd5e1;
}

html[data-theme=light] pre,
body.diiho-light-mode pre,
html[data-theme=light] .diiho-code-window,
body.diiho-light-mode .diiho-code-window {
	--diiho-local-code-window-background: #f8fafc;
	--diiho-local-code-window-header-background: #f1f5f9;
	--diiho-local-code-window-border: #e2e8f0;
	--diiho-local-code-window-color: #1e293b;
	--diiho-local-code-window-muted: #64748b;
	--diiho-local-code-window-shadow: rgba(15, 23, 42, 0.08);
	--diiho-local-code-inline-background: #f1f5f9;
	--diiho-local-code-inline-border: #e2e8f0;
	--diiho-local-code-inline-color: #be123c;
	--diiho-local-pre-color: #1e293b;
}

html[data-theme=light] .entry-content code,
body.diiho-light-mode .entry-content code,
html[data-theme=light] .comment-content code,
body.diiho-light-mode .comment-content code {
	--diiho-local-code-inline-background: #f1f5f9;
	--diiho-local-code-inline-border: #e2e8f0;
	--diiho-local-code-inline-color: #be123c;
}

@media (max-width: 600px) {
	pre {
		font-size: 13px;
		padding: 52px 14px 14px;
	}

	pre::before {
		left: 14px;
		top: 16px;
	}

	pre[data-language]::after {
		right: 14px;
		top: 17px;
	}

	.diiho-code-window pre {
		padding: 14px;
	}

	.diiho-code-window__header {
		gap: 8px;
		min-height: 40px;
		padding: 0 10px;
	}

	.diiho-code-window__copy {
		font-size: 11px;
		min-height: 26px;
		padding: 6px 8px;
	}
}

abbr,
acronym {
	--diiho-local-abbr-border-bottom: #666;

	border-bottom: 1px dotted var(--diiho-local-abbr-border-bottom);
	cursor: help;
}

mark,
ins {
	--diiho-local-mark-background: #fff9c0;

	background: var(--diiho-local-mark-background);
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

/* mau nen */
body {
	--diiho-local-body-background: #000;

	background: var(--diiho-local-body-background);
	/* Fallback for when there is no custom background color defined. */
}

hr {
	--diiho-local-hr-background-color: rgba(38, 50, 56, 0.1);

	background-color: var(--diiho-local-hr-background-color);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul,
ol {
	margin: 0 0 1.6em;
}

li>ul,
li>ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.6em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 0 0 1.6em;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.6em;
	width: 100%;
	font-size: 16px;
	font-size: 1rem;
}

th,
td {
	padding: .5rem .75rem;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

tr {
	--diiho-local-tr-border-bottom: rgba(38, 50, 56, 0.1);

	border-bottom: 1px solid var(--diiho-local-tr-border-bottom);
}

thead tr {
	border-width: .25rem;
}

thead th {
	text-transform: uppercase;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 1rem;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button,
.wp-block-button__link,
button,
.site-main #infinite-handle span button,
input[type="button"],
input[type="reset"],
input[type="submit"] {

	border: 1px solid;
	--diiho-local-button-border-color: #333;

	border-color: var(--diiho-local-button-border-color);
	border-radius: 25px;
	--diiho-local-button-background: #333;

	background: var(--diiho-local-button-background);
	--diiho-local-button-color: #fff;

	color: var(--diiho-local-button-color);
	font-size: 14px;
	font-size: 14px;
	line-height: 1;
	padding: .75rem 1.25rem;
	transition: all .3s ease;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-weight: bold;
}

.button:hover,
.wp-block-button__link:hover,
button:hover,
.site-main #infinite-handle span button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: .8;
	background: var(--diiho-accent);
	border-color: var(--diiho-accent);
	color: #fff;
}

.button:hover {
	text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	--diiho-local-input-type-text-color: #666;

	color: var(--diiho-local-input-type-text-color);
	--diiho-local-input-type-text-border: rgba(38, 50, 56, 0.1);

	border: 0px solid var(--diiho-local-input-type-text-border);
	border-radius: 3px;
	padding: .6875rem 1rem;
	line-height: 1;
	font-size: 16px;
	font-size: 1rem;
}

.diiho-weather-date-input,
.diiho-weather-search-input {
	border-radius: 10px 0px 0px 10px !important;
}

/*hop binh luan*/
.comment-notes {
	--diiho-local-comment-notes-color: #ff6633;

	color: var(--diiho-local-comment-notes-color);
	font-weight: bold;
	border-radius: 25px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
}

/*hop binh luan*/
.comment-reply-title {
	--diiho-local-comment-reply-title-color: #666;

	color: var(--diiho-local-comment-reply-title-color);
	font-size: 12px;
}

#reply-title {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

#reply-title a {
	text-decoration: none;
	--diiho-local-reply-title-a-color: #f48a8a;

	color: var(--diiho-local-reply-title-a-color);
}

#reply-title small {
	text-align: right
}

#commentform {
	--diiho-local-commentform-color: #777;

	color: var(--diiho-local-commentform-color);
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
}

#comment {
	--diiho-local-comment-color: #eee;

	color: var(--diiho-local-comment-color);
	--diiho-local-comment-background: #292929;

	background: var(--diiho-local-comment-background);
	--diiho-local-comment-border-bottom: #777;

	border-bottom: 3px solid var(--diiho-local-comment-border-bottom);
	height: 100px;
	width: 100%;
	padding: 15px;
	line-height: 1.5em;
	font-size: 16px;
	font-size: 1rem;
	outline: none;
}

#author {
	margin-top: -20px;
	--diiho-local-author-background: #111;
	width: 100%;
	background: var(--diiho-local-author-background);
	background-image: var(--diiho-asset-images-ten-svg, url(images/ten.svg));
	background-position: 6px 12px;
	background-size: 15px;
	background-repeat: no-repeat;
	--diiho-local-author-color: #eee;

	color: var(--diiho-local-author-color);
	--diiho-local-author-border: #777;

	border: 1px solid var(--diiho-local-author-border);
	border-radius: 5px;
	height: 20px;
	padding: 20px 20px 20px 30px;
	line-height: 1;
	font-size: 16px;
	font-size: 1rem;
	outline: none;
}

#email {
	margin-top: -10px;
	--diiho-local-email-background: #111;
	width: 100%;
	background: var(--diiho-local-email-background);
	background-image: var(--diiho-asset-images-mail-svg, url(images/mail.svg));
	background-position: 6px 12px;
	background-size: 15px;
	background-repeat: no-repeat;
	--diiho-local-email-border: #777;

	border: 1px solid var(--diiho-local-email-border);
	--diiho-local-email-color: #eee;

	color: var(--diiho-local-email-color);
	border-radius: 5px;
	height: 20px;
	padding: 20px 20px 20px 30px;
	line-height: 1;
	font-size: 16px;
	font-size: 1rem;
	outline: none;
}

#url {
	margin-top: -10px;
	--diiho-local-url-background: #111;

	background: var(--diiho-local-url-background);
	--diiho-local-url-color: #eee;

	color: var(--diiho-local-url-color);
	border: 1px solid var(--diiho-accent);
	border-radius: 25px;
	height: 20px;
	padding: 15px 15px 15px 30px;
	line-height: 1;
	font-size: 16px;
	font-size: 1rem;
	outline: none;
}

@media (max-width: 700px) {

	#author,
	#email,
	#url {
		width: 100%;
	}
}

input[type="search"] {
	-webkit-appearance: textfield;
}

select {
	--diiho-local-select-border: rgba(38, 50, 56, 0.1);

	border: 1px solid var(--diiho-local-select-border);
	padding: .4rem .5rem;
}

textarea {
	width: 100%;
	line-height: inherit;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	--diiho-local-a-color: #06c;

	color: var(--diiho-local-a-color);
	text-decoration: none;
	transition: all .3s;
}

a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* Main navigation */
.main-navigation {
	/* text-transform: uppercase; */
	font-size: 12px;
	/*	font-size: 14px; */
	letter-spacing: .1em;
	font-weight: bold;
}

@media (max-width: 767px) {
	.main-navigation {
		font-size: 16px;
		letter-spacing: 0;
	}
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 101%;
	left: 0;
	z-index: 99999;
	--diiho-local-main-navigation-ul-ul-background: #222;

	background: var(--diiho-local-main-navigation-ul-ul-background);
	width: 220px;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	border-bottom: 4px solid var(--diiho-accent);
	font-size: 14px;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation ul ul a {
	--diiho-local-main-navigation-ul-ul-a-border-bottom: #444;

	border-bottom: 1px solid var(--diiho-local-main-navigation-ul-ul-a-border-bottom);
	padding-top: .75rem;
	padding-bottom: .75rem;
}

.main-navigation ul ul li:last-child>a {
	--diiho-local-main-navigation-ul-ul-li-last-child-a-border-bottom: rgba(38, 50, 56, 0.1);

	border-bottom: 0px solid var(--diiho-local-main-navigation-ul-ul-li-last-child-a-border-bottom);
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

.main-navigation :is(.menu-item-has-children, .diiho-has-mega-menu)>a::after,
.main-navigation .page_item_has_children>a::after {
	content: "";
	display: block;
	background: var(--diiho-asset-images-angle-down-svg, url(images/angle-down.svg)) center right no-repeat;
	background-size: 12px 12px;
	--diiho-local-main-navigation-menu-item-has-children-a-after-color: #333;

	color: var(--diiho-local-main-navigation-menu-item-has-children-a-after-color);
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 1001;
	right: 0;
	top: 50%;
	margin-top: -6px;
}

.main-navigation li .menu-item-has-children>a::after,
.main-navigation li .page_item_has_children>a::after {
	background-image: var(--diiho-asset-images-angle-right-svg, url(images/angle-right.svg));
	right: .75rem;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation li:hover>a,
.main-navigation li.focus>a {
	--diiho-local-main-navigation-li-hover-a-color: #fff;

	color: var(--diiho-local-main-navigation-li-hover-a-color);
	--diiho-local-main-navigation-li-hover-a-background: #5f5f5f85;

	background: var(--diiho-local-main-navigation-li-hover-a-background);
	border-radius: 0px;
}

@media (max-width: 768px) {

	.main-navigation li:hover a,
	.main-navigation li.focus a {
		border-radius: 0px;
	}

	.main-navigation ul ul {
		--diiho-local-main-navigation-ul-ul-border-bottom: #333;

		border-bottom: 2px solid var(--diiho-local-main-navigation-ul-ul-border-bottom)
	}

	.main-navigation li:hover>a,
	.main-navigation li.focus>a {
		background: none;
	}
}

.main-navigation li li:hover>a,
.main-navigation li li.focus>a {
	--diiho-local-main-navigation-li-li-hover-a-color: #fff;

	color: var(--diiho-local-main-navigation-li-li-hover-a-color);
	background: var(--diiho-accent);
	--diiho-local-main-navigation-li-li-hover-a-border-color: #333;

	border-color: var(--diiho-local-main-navigation-li-li-hover-a-border-color);
	border-radius: 0px;
}

@media (max-width: 768px) {

	.main-navigation li li:hover>a,
	.main-navigation li li.focus>a {
		background: none;
	}
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 24px 16px 21px;
	--diiho-local-main-navigation-a-color: #fff;

	color: var(--diiho-local-main-navigation-a-color);
	--diiho-local-main-navigation-a-border-bottom: transparent;

	border-bottom: 3px solid var(--diiho-local-main-navigation-a-border-bottom);
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {
	--diiho-local-main-navigation-current-page-item-a-color: #fff;

	color: var(--diiho-local-main-navigation-current-page-item-a-color);
	background: var(--diiho-accent);
	border-radius: 0px;
}

.main-navigation li .current_page_item>a,
.main-navigation li .current-menu-item>a,
.main-navigation li .current_page_ancestor>a,
.main-navigation li .current-menu-ancestor>a {
	--diiho-local-main-navigation-li-current-page-item-a-background: #333;

	background: var(--diiho-local-main-navigation-li-current-page-item-a-background);
	color: var(--diiho-accent);
	border-radius: 0px;
}

.main-navigation li li .current_page_item>a,
.main-navigation li li .current-menu-item>a,
.main-navigation li li .current_page_ancestor>a,
.main-navigation li li .current-menu-ancestor>a {
	border-radius: 0px;
}

@media (max-width: 768px) {

	.main-navigation .current_page_item a,
	.main-navigation .current-menu-item a,
	.main-navigation .current_page_ancestor a,
	.main-navigation .current-menu-ancestor a {
		border-radius: 0px;
	}
}

li .main-navigation .current_page_item>a,
li .main-navigation .current-menu-item>a,
li .main-navigation .current_page_ancestor>a,
li .main-navigation .current-menu-ancestor>a {
	--diiho-local-li-main-navigation-current-page-item-a-border-color: rgba(38, 50, 56, 0.1);

	border-color: var(--diiho-local-li-main-navigation-current-page-item-a-border-color);
}

.main-navigation li .current_page_item>a,
.main-navigation li .current-menu-item>a,
.main-navigation li .current_page_ancestor>a,
.main-navigation li .current-menu-ancestor>a {
	--diiho-local-main-navigation-li-current-page-item-a-border-color: rgba(38, 50, 56, 0.1);

	border-color: var(--diiho-local-main-navigation-li-current-page-item-a-border-color);
}

@media (min-width: 769px) {

	body.diiho-pc-menu-active-style-background .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-background .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-background .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-background .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible,
	body.diiho-pc-menu-active-style-background .diiho-header-builder-menu__list a[aria-current="page"] {
		background: var(--diiho-accent);
		border-bottom-color: transparent;
		border-radius: 0;
		color: #fff;
	}

	body.diiho-pc-menu-active-style-background .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a::after {
		background-image: var(--diiho-asset-images-angle-down-svg, url(images/angle-down.svg)) !important;
	}

	body.diiho-pc-menu-active-style-underline .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor):hover>a,
	body.diiho-pc-menu-active-style-underline .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor).focus>a {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-underline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-underline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-underline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-underline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible {
		background: transparent;
		border-bottom-color: var(--diiho-accent);
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-underline .diiho-header-builder-menu__list a {
		border-bottom: 3px solid transparent;
		box-sizing: border-box;
	}

	body.diiho-pc-menu-active-style-underline .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-underline .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-underline .diiho-header-builder-menu__list a[aria-current="page"] {
		background: transparent;
		border-bottom: 3px solid var(--diiho-accent);
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor):hover>a,
	body.diiho-pc-menu-active-style-pill .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor).focus>a {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-pill .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-pill .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible {
		background: transparent;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: #fff;
		isolation: isolate;
		position: relative;
		z-index: 0;
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a {
		padding-right: 34px;
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a::before {
		background: var(--diiho-accent);
		border-radius: 30px;
		bottom: 13px;
		content: "";
		left: 8px;
		pointer-events: none;
		position: absolute;
		right: 8px;
		top: 14px;
		z-index: -1;
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a::before {
		right: 8px;
	}

	body.diiho-pc-menu-active-style-pill .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a::after {
		background-image: var(--diiho-asset-images-angle-down-svg, url(images/angle-down.svg)) !important;
		right: 17px;
	}

	body.diiho-pc-menu-active-style-pill .diiho-header-builder-menu__list a[aria-current="page"] {
		background: var(--diiho-accent);
		border-bottom-color: transparent;
		border-radius: 30px;
		color: #fff;
	}

	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor):hover>a,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor).focus>a {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
		isolation: isolate;
		position: relative;
		z-index: 0;
	}

	body.diiho-pc-menu-active-style-outline .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-outline .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible {
		background: transparent;
		box-shadow: inset 0 0 0 2px var(--diiho-accent);
		border-radius: 30px;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible,
	body.diiho-pc-menu-active-style-outline .diiho-header-builder-menu__list a[aria-current="page"] {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 30px;
		color: var(--diiho-accent);
		isolation: isolate;
		position: relative;
		z-index: 0;
	}

	body.diiho-pc-menu-active-style-outline .diiho-header-builder-menu__list a[aria-current="page"] {
		box-shadow: inset 0 0 0 2px var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:hover>a::before,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li.focus>a::before,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a::before {
		border-radius: 30px;
		bottom: 13px;
		box-shadow: inset 0 0 0 2px var(--diiho-accent);
		content: "";
		left: 8px;
		pointer-events: none;
		position: absolute;
		right: 8px;
		top: 14px;
		z-index: -1;
	}

	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu):hover>a,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu).focus>a {
		padding-right: 34px;
	}

	body.diiho-pc-menu-active-style-outline .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a::after,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu):hover>a::after,
	body.diiho-pc-menu-active-style-outline .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu).focus>a::after {
		background-image: none !important;
		border: solid currentColor;
		border-width: 0 2px 2px 0;
		color: var(--diiho-accent);
		height: 6px;
		margin-top: -5px;
		right: 16px;
		transform: rotate(45deg);
		width: 6px;
	}

	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor):hover>a,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 8px;
		color: var(--diiho-accent);
		isolation: isolate;
		position: relative;
		z-index: 0;
	}

	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible {
		background: color-mix(in srgb, var(--diiho-accent) 14%, transparent);
	}

	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible,
	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a[aria-current="page"] {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 8px;
		color: var(--diiho-accent);
		isolation: isolate;
		position: relative;
		z-index: 0;
	}

	body.diiho-pc-menu-active-style-soft .diiho-header-builder-menu__list a[aria-current="page"] {
		background: color-mix(in srgb, var(--diiho-accent) 18%, transparent);
	}

	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:hover>a::before,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li.focus>a::before,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a::before {
		background: color-mix(in srgb, var(--diiho-accent) 18%, transparent);
		border-radius: 8px;
		bottom: 13px;
		content: "";
		left: 8px;
		pointer-events: none;
		position: absolute;
		right: 8px;
		top: 14px;
		z-index: -1;
	}

	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu):hover>a,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu).focus>a {
		padding-right: 34px;
	}

	body.diiho-pc-menu-active-style-soft .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor):is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu)>a::after,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu):hover>a::after,
	body.diiho-pc-menu-active-style-soft .main-navigation .menu>li:is(.menu-item-has-children, .page_item_has_children, .diiho-has-mega-menu).focus>a::after {
		background-image: none !important;
		border: solid currentColor;
		border-width: 0 2px 2px 0;
		color: var(--diiho-accent);
		height: 6px;
		margin-top: -5px;
		right: 16px;
		transform: rotate(45deg);
		width: 6px;
	}

	body.diiho-pc-menu-active-style-text .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor):hover>a,
	body.diiho-pc-menu-active-style-text .main-navigation .menu>li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor).focus>a {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
	}

	body.diiho-pc-menu-active-style-text .diiho-header-builder-menu__list a:not([aria-current="page"]):hover,
	body.diiho-pc-menu-active-style-text .diiho-header-builder-menu__list a:not([aria-current="page"]):focus-visible,
	body.diiho-pc-menu-active-style-text .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-pc-menu-active-style-text .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:hover,
	body.diiho-pc-menu-active-style-text .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor).focus>a,
	body.diiho-pc-menu-active-style-text .main-navigation .menu> :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a:focus-visible,
	body.diiho-pc-menu-active-style-text .diiho-header-builder-menu__list a[aria-current="page"] {
		background: transparent;
		border-bottom-color: transparent;
		border-radius: 0;
		color: var(--diiho-accent);
	}

	/* ==========================================================================
	   PC POPUP SUBMENU STYLING (Levels 2, 3, 4)
	   ========================================================================== */

	/* --- Style 1: Default (Classic Solid) ---
	   Uses standard theme styles with border-bottom accent and solid background.
	*/

	/* --- Style 2: Modern Floating Glass (Glassmorphism & Rounded Cards) --- */
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul {
		background: rgba(24, 25, 29, 0.9) !important;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		border: none !important;
		border-radius: 14px;
		border-bottom: none !important;
		box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.45), 0 2px 10px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		overflow: visible;
		padding: 8px;
		width: 236px;
		transform: translate3d(0, 10px, 0);
		transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul li:hover>ul,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul li.focus>ul,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:hover>ul,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li.focus>ul {
		display: block;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul ul {
		left: calc(100% + 8px);
		top: -8px;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul ul::before {
		content: "";
		position: absolute;
		left: -12px;
		top: 0;
		bottom: 0;
		width: 14px;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li {
		box-sizing: border-box;
		float: none;
		margin-bottom: 4px;
		padding: 0;
		position: relative;
		width: 100%;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:last-child,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:only-child {
		margin-bottom: 0;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul a {
		border-bottom: none !important;
		border-radius: 8px;
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.85);
		display: block;
		font-size: 13.5px;
		font-weight: 500;
		line-height: 1.4;
		padding: 9px 14px;
		position: relative;
		transition: background-color 0.2s ease, color 0.2s ease;
		width: 100%;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:hover>a,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li.focus>a {
		background: color-mix(in srgb, var(--diiho-accent) 18%, rgba(255, 255, 255, 0.08)) !important;
		color: #ffffff !important;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 22%, transparent) !important;
		color: var(--diiho-accent) !important;
		font-weight: 600;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul .menu-item-has-children>a,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul .page_item_has_children>a {
		padding-right: 30px;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul .menu-item-has-children>a::after,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul .page_item_has_children>a::after {
		right: 12px;
		transition: transform 0.2s ease;
	}

	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:hover>a::after,
	body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li.focus>a::after {
		transform: translateX(3px);
	}

	/* Light mode for Glassmorphism */
	html[data-theme=light] body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul,
	body.diiho-light-mode.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul {
		background: rgba(255, 255, 255, 0.95) !important;
		border: none !important;
		border-bottom: none !important;
		box-shadow: 0 12px 32px -4px rgba(15, 23, 42, 0.12), 0 2px 10px rgba(15, 23, 42, 0.05);
	}

	html[data-theme=light] body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul a,
	body.diiho-light-mode.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul a {
		color: #334155;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:hover>a,
	body.diiho-light-mode.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li:hover>a,
	html[data-theme=light] body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li.focus>a,
	body.diiho-light-mode.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul li.focus>a {
		background: color-mix(in srgb, var(--diiho-accent) 15%, rgba(15, 23, 42, 0.04)) !important;
		color: #0f172a !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-light-mode.diiho-pc-submenu-style-glassmorphism .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 18%, transparent) !important;
		color: var(--diiho-accent) !important;
	}


	/* --- Style 3: Minimal Accent Border (Clean Border & Left Accent Bar) --- */
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul {
		background: #18191c !important;
		border: none !important;
		border-radius: 0 !important;
		border-bottom: none !important;
		box-shadow: 0 10px 28px -4px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		overflow: visible !important;
		padding: 0;
		width: 226px;
		transform: translate3d(0, 8px, 0);
		transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul li:hover>ul,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul li.focus>ul,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:hover>ul,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li.focus>ul {
		display: block !important;
		opacity: 1 !important;
		transform: translate3d(0, 0, 0) !important;
		visibility: visible !important;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul ul {
		left: 100%;
		top: 0;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li {
		box-sizing: border-box;
		float: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
		border-left: 3px solid transparent !important;
		border-radius: 0 !important;
		box-sizing: border-box;
		color: #e2e8f0;
		display: block;
		font-size: 13.5px;
		line-height: 1.4;
		padding: 10px 14px 10px 12px;
		position: relative;
		transition: background-color 0.18s ease, border-left-color 0.18s ease, color 0.18s ease;
		width: 100%;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:last-child>a,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:only-child>a {
		border-bottom: none !important;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:hover>a,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li.focus>a {
		background: color-mix(in srgb, var(--diiho-accent) 12%, rgba(255, 255, 255, 0.03)) !important;
		border-left-color: var(--diiho-accent) !important;
		color: var(--diiho-accent) !important;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		border-left-color: var(--diiho-accent) !important;
		color: var(--diiho-accent) !important;
		font-weight: 600;
		background: color-mix(in srgb, var(--diiho-accent) 10%, transparent) !important;
	}

	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul .menu-item-has-children>a,
	body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul .page_item_has_children>a {
		padding-right: 28px;
	}

	/* Light mode for Minimal Accent */
	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul {
		background: #ffffff !important;
		border: none !important;
		border-bottom: none !important;
		border-radius: 0 !important;
		box-shadow: 0 10px 28px -4px rgba(15, 23, 42, 0.1), 0 2px 8px rgba(15, 23, 42, 0.04);
	}

	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
		border-left: 3px solid transparent !important;
		border-radius: 0 !important;
		color: #334155;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:last-child>a,
	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:only-child>a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:last-child>a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:only-child>a {
		border-bottom: none !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:hover>a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li:hover>a,
	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li.focus>a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul li.focus>a {
		background: color-mix(in srgb, var(--diiho-accent) 10%, rgba(15, 23, 42, 0.02)) !important;
		border-left-color: var(--diiho-accent) !important;
		color: var(--diiho-accent) !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-light-mode.diiho-pc-submenu-style-minimal_accent .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		border-left-color: var(--diiho-accent) !important;
		color: var(--diiho-accent) !important;
		background: color-mix(in srgb, var(--diiho-accent) 12%, transparent) !important;
	}

	/* --- Style 4: iOS Frosted Glass (Apple Liquid Glass & Specular Rim) --- */
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul {
		background: rgba(22, 22, 28, 0.62) !important;
		backdrop-filter: blur(28px) saturate(190%);
		-webkit-backdrop-filter: blur(28px) saturate(190%);
		border: none !important;
		border-radius: 16px;
		border-bottom: none !important;
		box-shadow: 0 20px 48px -6px rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.22), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		overflow: visible;
		padding: 8px;
		width: 236px;
		transform: translate3d(0, 10px, 0);
		transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul li:hover>ul,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul li.focus>ul,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:hover>ul,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li.focus>ul {
		display: block;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul ul {
		left: calc(100% + 8px);
		top: -8px;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul ul::before {
		content: "";
		position: absolute;
		left: -12px;
		top: 0;
		bottom: 0;
		width: 14px;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li {
		box-sizing: border-box;
		float: none;
		margin-bottom: 2px;
		padding: 0;
		position: relative;
		width: 100%;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:last-child,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:only-child {
		margin-bottom: 0 !important;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul a {
		border-bottom: none !important;
		border-radius: 10px;
		box-sizing: border-box;
		color: rgba(255, 255, 255, 0.9);
		display: block;
		font-size: 13.5px;
		font-weight: 500;
		line-height: 1.4;
		padding: 10px 14px;
		position: relative;
		transition: background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
		width: 100%;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:hover>a,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li.focus>a {
		background: rgba(255, 255, 255, 0.14) !important;
		box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
		color: #ffffff !important;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 24%, rgba(255, 255, 255, 0.06)) !important;
		color: var(--diiho-accent) !important;
		font-weight: 600;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul .menu-item-has-children>a,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul .page_item_has_children>a {
		padding-right: 30px;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul .menu-item-has-children>a::after,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul .page_item_has_children>a::after {
		right: 12px;
		transition: transform 0.2s ease;
	}

	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:hover>a::after,
	body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li.focus>a::after {
		transform: translateX(3px);
	}

	/* Light mode for iOS Frosted Glass */
	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul {
		background: rgba(255, 255, 255, 0.70) !important;
		backdrop-filter: blur(28px) saturate(190%);
		-webkit-backdrop-filter: blur(28px) saturate(190%);
		border: none !important;
		border-bottom: none !important;
		box-shadow: 0 20px 48px -6px rgba(15, 23, 42, 0.15), inset 0 1px 1.5px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
	}

	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:last-child,
	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:only-child,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:last-child,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:only-child {
		margin-bottom: 0 !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul a,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul a {
		color: #1e293b;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:hover>a,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li:hover>a,
	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li.focus>a,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul li.focus>a {
		background: rgba(0, 0, 0, 0.06) !important;
		color: #0f172a !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-ios_blur .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-light-mode.diiho-pc-submenu-style-ios_blur .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 18%, rgba(0, 0, 0, 0.04)) !important;
		color: var(--diiho-accent) !important;
	}


	/* --- Style 5: Luminous Dot & Glow (Titanium & Glowing Accent LED) --- */
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul {
		background: #131417 !important;
		border: none !important;
		border-radius: 10px;
		border-bottom: none !important;
		box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.5), 0 2px 10px rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
		overflow: visible;
		padding: 6px;
		width: 232px;
		transform: translate3d(0, 8px, 0);
		transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul li:hover>ul,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul li.focus>ul,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:hover>ul,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li.focus>ul {
		display: block;
		opacity: 1;
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul ul {
		left: 100%;
		top: 0;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li {
		box-sizing: border-box;
		float: none;
		margin-bottom: 3px;
		padding: 0;
		position: relative;
		width: 100%;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:last-child,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:only-child {
		margin-bottom: 0;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul a {
		border-bottom: none !important;
		border-radius: 7px;
		box-sizing: border-box;
		color: #cbd5e1;
		display: block;
		font-size: 13.5px;
		font-weight: 500;
		line-height: 1.4;
		padding: 9px 14px 9px 24px;
		position: relative;
		transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
		width: 100%;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul a::before {
		background: var(--diiho-accent);
		border-radius: 50%;
		box-shadow: 0 0 8px var(--diiho-accent);
		content: "";
		height: 6px;
		left: 10px;
		margin-top: -3px;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		top: 50%;
		transform: scale(0);
		transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
		width: 6px;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:hover>a,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li.focus>a {
		background: rgba(255, 255, 255, 0.06) !important;
		color: #ffffff !important;
		padding-left: 26px;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:hover>a::before,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li.focus>a::before {
		opacity: 1;
		transform: scale(1);
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 15%, transparent) !important;
		color: var(--diiho-accent) !important;
		font-weight: 600;
		padding-left: 26px;
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a::before {
		opacity: 1;
		transform: scale(1);
	}

	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul .menu-item-has-children>a,
	body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul .page_item_has_children>a {
		padding-right: 28px;
	}

	/* Light mode for Luminous Dot */
	html[data-theme=light] body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul,
	body.diiho-light-mode.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul {
		background: #ffffff !important;
		border: none !important;
		border-bottom: none !important;
		box-shadow: 0 14px 34px -4px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.04);
	}

	html[data-theme=light] body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul a,
	body.diiho-light-mode.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul a {
		color: #334155;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:hover>a,
	body.diiho-light-mode.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li:hover>a,
	html[data-theme=light] body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li.focus>a,
	body.diiho-light-mode.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul li.focus>a {
		background: rgba(15, 23, 42, 0.04) !important;
		color: #0f172a !important;
	}

	html[data-theme=light] body.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a,
	body.diiho-light-mode.diiho-pc-submenu-style-luminous_glow .main-navigation ul ul :is(.current_page_item, .current-menu-item, .current_page_ancestor, .current-menu-ancestor)>a {
		background: color-mix(in srgb, var(--diiho-accent) 12%, transparent) !important;
		color: var(--diiho-accent) !important;
	}
}

.menu-toggle {
	-webkit-appearance: none;
	appearance: none;
	align-items: center;
	box-sizing: border-box;
	color: var(--diiho-accent);
	display: inline-flex;
	font-size: 0;
	height: 50px;
	justify-content: center;
	line-height: 1;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 0;
	width: 20px;
	--diiho-local-menu-toggle-background: transparent;
	margin-left: 10px;
	background: var(--diiho-local-menu-toggle-background);
	border: none;
	outline: none;
}

.menu-toggle:hover {
	background: none;
	--diiho-local-menu-toggle-hover-color: #ff4444;

	color: var(--diiho-local-menu-toggle-hover-color)
}

.menu-toggle:before {
	content: "";
	box-sizing: border-box;
	display: block;
	flex: 0 0 22px;
	height: 0.9375rem;
	border-top: 0.5625rem double currentColor;
	border-bottom: 0.1875rem solid currentColor;
	transition: all .5s;
	width: 22px;
}

/* Small menu. */
.main-navigation .submenu-toggle {
	display: none;
}

@media (max-width: 767px) {
	.main-navigation {
		--diiho-mobile-menu-background: #161616;
		--diiho-mobile-menu-surface: #202020;
		--diiho-mobile-menu-submenu: #1b1b1b;
		--diiho-mobile-menu-text: #f8fafc;
		--diiho-mobile-menu-muted: #cbd5e1;
		--diiho-mobile-menu-border: rgba(255, 255, 255, 0.1);
		--diiho-mobile-menu-hover: rgba(255, 255, 255, 0.08);
		--diiho-mobile-menu-shadow: rgba(0, 0, 0, 0.32);
	}

	html[data-theme=light] .main-navigation,
	body.diiho-light-mode .main-navigation {
		--diiho-mobile-menu-background: #fff;
		--diiho-mobile-menu-surface: #f8fafc;
		--diiho-mobile-menu-submenu: #f1f5f9;
		--diiho-mobile-menu-text: #0f172a;
		--diiho-mobile-menu-muted: #475569;
		--diiho-mobile-menu-border: #e2e8f0;
		--diiho-mobile-menu-hover: #eaf1fb;
		--diiho-mobile-menu-shadow: rgba(15, 23, 42, 0.14);
	}

	.main-navigation.toggled .menu {
		background: var(--diiho-mobile-menu-background);
		border: 1px solid var(--diiho-mobile-menu-border);
		border-bottom: 4px solid var(--diiho-accent);
		box-shadow: 0 16px 30px var(--diiho-mobile-menu-shadow);
		box-sizing: border-box;
		max-height: calc(100vh - 70px);
		opacity: 1;
		overflow-x: hidden;
		overflow-y: auto;
		position: absolute;
		right: 0;
		top: 101%;
		width: 100%;
		z-index: 9999;
	}

	.main-navigation.toggled ul {
		background: transparent;
		box-shadow: none;
		display: block;
		width: 100%;
	}

	.main-navigation.toggled ul ul {
		background: var(--diiho-mobile-menu-submenu);
		border: 0;
		border-top: 1px solid var(--diiho-mobile-menu-border);
		box-sizing: border-box;
		box-shadow: none;
		float: none;
		font-size: inherit;
		opacity: 1;
		position: static;
		transform: none;
		transition: none;
		visibility: visible;
		width: 100%;
		-webkit-transform: none;
	}

	.main-navigation.toggled .menu-item-has-children>ul,
	.main-navigation.toggled .page_item_has_children>ul {
		display: none;
	}

	.main-navigation.toggled .menu-item-has-children.is-submenu-open>ul,
	.main-navigation.toggled .page_item_has_children.is-submenu-open>ul {
		display: block;
	}

	.main-navigation.toggled .nav-menu>li>ul>li>ul>li>ul>li>ul {
		display: none !important;
	}

	.main-navigation.toggled li {
		border-bottom: 1px solid var(--diiho-mobile-menu-border);
		float: none;
		position: relative;
		width: 100%;
	}

	.main-navigation.toggled .menu>li {
		background: var(--diiho-mobile-menu-surface);
	}

	.main-navigation.toggled li:last-child {
		border-bottom: 0;
	}

	.main-navigation.toggled a {
		background-image: none;
		border: 0;
		color: var(--diiho-mobile-menu-text);
		font-size: 16px;
		letter-spacing: 0;
		line-height: 1.35;
		min-height: 46px;
		padding: 13px 56px 13px 16px;
		text-decoration: none;
	}

	.main-navigation.toggled .nav-menu>li>ul a {
		color: var(--diiho-mobile-menu-muted);
		font-size: 15px;
		padding-left: 32px;
	}

	.main-navigation.toggled .nav-menu>li>ul>li>ul a {
		font-size: 14px;
		font-weight: 600;
		padding-left: 48px;
	}

	.main-navigation.toggled .nav-menu>li>ul>li>ul>li>ul a {
		font-size: 13px;
		font-weight: 500;
		padding-left: 64px;
	}

	.main-navigation.toggled li:hover>a,
	.main-navigation.toggled li.focus>a,
	.main-navigation.toggled a:focus-visible {
		background: transparent;
		color: var(--diiho-mobile-menu-text);
		outline: none;
		text-decoration: none;
	}

	.main-navigation.toggled .current_page_ancestor>a,
	.main-navigation.toggled .current-menu-ancestor>a,
	.main-navigation.toggled .current_page_parent>a,
	.main-navigation.toggled .current-menu-parent>a {
		background: transparent;
		color: var(--diiho-mobile-menu-text);
	}

	.main-navigation.toggled .current_page_item>a,
	.main-navigation.toggled .current-menu-item>a {
		background: var(--diiho-accent);
		color: #fff;
	}

	.main-navigation.toggled .current_page_item>a:hover,
	.main-navigation.toggled .current_page_item>a:focus-visible,
	.main-navigation.toggled .current-menu-item>a:hover,
	.main-navigation.toggled .current-menu-item>a:focus-visible {
		background: var(--diiho-accent);
		color: #fff;
	}

	.main-navigation.toggled :is(.menu-item-has-children, .diiho-has-mega-menu)>a::after,
	.main-navigation.toggled .page_item_has_children>a::after {
		background-image: none;
		content: none;
		display: none;
	}

	.main-navigation.toggled .submenu-toggle {
		-webkit-appearance: none;
		appearance: none;
		align-items: center;
		background: transparent;
		border: 0;
		border-left: 1px solid var(--diiho-mobile-menu-border);
		border-radius: 0;
		box-shadow: none;
		color: var(--diiho-mobile-menu-text);
		cursor: pointer;
		display: flex;
		font-size: 23px;
		font-weight: 500;
		height: 46px;
		justify-content: center;
		line-height: 1;
		margin: 0;
		min-height: 46px;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 48px;
		z-index: 2;
	}

	.main-navigation.toggled .submenu-toggle:hover,
	.main-navigation.toggled .submenu-toggle:focus-visible {
		background: var(--diiho-mobile-menu-hover);
		color: var(--diiho-accent);
		outline: none;
	}
}

@media (min-width: 768px) {
	.menu-toggle {
		display: none;
	}

	.main-navigation>ul,
	.main-navigation>div>ul {
		display: block;
	}

	.main-navigation ul ul {
		display: none;
	}

	.main-navigation ul li:hover>ul,
	.main-navigation ul li.focus>ul {
		display: block;
	}
}

/* Comment navigation */
.comment-navigation {
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	margin: 1rem 0;
}

.comment-navigation a {
	color: var(--diiho-accent);
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.comment-navigation a:hover {
	--diiho-local-comment-navigation-a-hover-color: #fff;

	color: var(--diiho-local-comment-navigation-a-hover-color)
}

.comment-list+.comment-navigation {
	margin: -3rem 0 2rem;
}

.comment-navigation .nav-previous {
	float: none;
	text-align: center;
}

.comment-navigation .nav-next {
	float: none;
	text-align: center;
}

/* Posts pagination */
.pagination,
.comen-page {
	padding: 20px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	font-weight: bold;
}

.pagination {
	margin: 40px 0;
}

/* so trang */
a.page-numbers {
	--diiho-local-a-page-numbers-background: #333;

	background: var(--diiho-local-a-page-numbers-background);
	padding: .75rem 1rem;
	border-radius: 35px;
	--diiho-local-a-page-numbers-color: #fff;

	color: var(--diiho-local-a-page-numbers-color);
	transition: all .2s;
	margin: 0 2px;

}

a.page-numbers:hover {
	text-decoration: none;
	background: var(--diiho-accent);
	--diiho-local-a-page-numbers-hover-color: #fff;

	color: var(--diiho-local-a-page-numbers-hover-color);
}

.current {
	background: none;
	--diiho-local-current-color: #fff;

	color: var(--diiho-local-current-color);
	background: var(--diiho-accent);
	line-height: 1;
	padding: .75rem 1rem;
	border-radius: 35px;

}

@media (max-width: 700px) {

	a.page-numbers {
		padding: .60rem .80rem;
		margin-top: 10px;
	}

	.current {
		padding: .60rem .80rem;
	}
}

@media (max-width: 400px) {

	a.page-numbers {
		padding: .40rem .60rem;
		margin-top: 10px;
	}

	.current {
		padding: .40rem .60rem;
	}
}

.diiho-post-block-prev-next {
	--diiho-local-post-block-nav-background: #333;
	--diiho-local-post-block-nav-color: #fff;
	--diiho-local-post-block-nav-disabled-background: #222;
	--diiho-local-post-block-nav-disabled-color: #777;
	--diiho-local-post-block-nav-box-shadow: rgba(38, 50, 56, 0.05);

	align-items: stretch;
	box-sizing: border-box;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	margin: 3rem auto 0;
	max-width: var(--diiho-content-max, 1280px);
	padding: 0 1rem;
	width: 100%;
}

.diiho-post-block-prev-next__item {
	display: flex;
	flex: 1 1 0;
	min-width: 0;
}

.diiho-post-block-prev-next__item a,
.diiho-post-block-prev-next__item .is-disabled {
	align-items: center;
	background: var(--diiho-local-post-block-nav-background);
	border-radius: 7px;
	box-shadow: 0 2px 4px var(--diiho-local-post-block-nav-box-shadow);
	color: var(--diiho-local-post-block-nav-color);
	display: inline-flex;
	font-size: 14px;
	font-weight: bold;
	gap: 8px;
	justify-content: center;
	min-height: 54px;
	padding: 0 22px;
	text-decoration: none;
	width: 100%;
}

.diiho-post-block-prev-next__item--prev a,
.diiho-post-block-prev-next__item--prev .is-disabled {
	justify-content: flex-start;
}

.diiho-post-block-prev-next__item--next a,
.diiho-post-block-prev-next__item--next .is-disabled {
	justify-content: flex-end;
}

.diiho-post-block-prev-next__item i {
	flex: 0 0 auto;
}

.diiho-post-block-prev-next__item a:hover,
.diiho-post-block-prev-next__item a:focus {
	background: var(--diiho-accent);
	color: #fff;
	text-decoration: none;
}

.diiho-post-block-prev-next__item .is-disabled {
	background: var(--diiho-local-post-block-nav-disabled-background);
	color: var(--diiho-local-post-block-nav-disabled-color);
	cursor: not-allowed;
}

.diiho-post-block-prev-next__item--next {
	margin-left: 0;
}

@media (min-width: 768px) {
	.diiho-post-block-prev-next {
		padding: 0 3rem;
	}
}

@media (max-width: 600px) {
	.diiho-post-block-prev-next {
		margin-top: 2rem;
	}

	.diiho-post-block-prev-next__item a,
	.diiho-post-block-prev-next__item .is-disabled {
		gap: 0;
		justify-content: center;
		min-height: 46px;
		padding: 0;
	}

	.diiho-post-block-prev-next__label {
		display: none;
	}
}

/* Single post navigation */
.post-navigation {
	margin-top: 1.5rem;
}

.adjacent {
	padding: 1.5rem;
}

@media (min-width: 768px) {
	.post-navigation .nav-links {
		display: flex;
		justify-content: center;
		margin-left: -3rem;
	}

	.adjacent {
		display: flex;
		width: 50%;
		padding: 1.5rem 0 1.5rem 3rem;
	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.widget_shopping_cart_live_region,
[role="status"].screen-reader-text {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	border: 0;
}

.screen-reader-text:focus {
	--diiho-local-screen-reader-text-focus-background-color: #f1f1f1;

	background-color: var(--diiho-local-screen-reader-text-focus-background-color);
	border-radius: 3px;
	--diiho-local-screen-reader-text-focus-box-shadow: rgba(0, 0, 0, 0.6);

	box-shadow: 0 0 2px 2px var(--diiho-local-screen-reader-text-focus-box-shadow);
	clip: auto !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	margin: 0;
	--diiho-local-screen-reader-text-focus-color: #21759b;

	color: var(--diiho-local-screen-reader-text-focus-color);
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: 1em 1.5em .5em 0;
}

.alignleft.wp-caption {
	margin-bottom: .5em;
}

.alignright {
	display: inline;
	float: right;
	margin: 1em 0 .5em 1.5em;
}

.alignright.wp-caption {
	margin-bottom: .5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Grids
--------------------------------------------------------------*/
.grid {
	display: flex;
	flex-wrap: wrap;
	padding: 0 var(--diiho-grid-padding, .5rem);
}

.grid>* {
	padding: var(--diiho-grid-padding, .5rem);
	width: 100%;
}

@media (min-width: 768px) {
	.grid {
		padding: 0 var(--diiho-grid-padding, 1.5rem);
	}

	.grid>* {
		padding: var(--diiho-grid-padding, 1.5rem);
	}

	.grid--2>*,
	.grid--3>*,
	.grid--4>*,
	.diiho-post-columns-2>.diiho-post-block__item {
		flex-basis: 50%;
		max-width: 50%;
		width: 50%;
	}
}

@media (min-width: 992px) {
	.diiho-post-columns-4>.diiho-post-block__item {
		flex-basis: 25%;
		max-width: 25%;
		width: 25%;
	}
}

@media (min-width: 1024px) {
	.grid--3>* {
		width: 33.3333%;
	}

	.diiho-post-columns-3>.diiho-post-block__item {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
		width: 33.3333%;
	}
}

@media (min-width: 1280px) {
	.grid--4>* {
		width: 25%;
	}
}

.diiho-home-top-widgets>*,
.diiho-home-below-widgets>*,
.widget_diiho_post_top_new,
.widget_diiho_post_newtime_1,
.widget_diiho_post_newtime_2,
.widget_diiho_post_newtime_3,
.widget_diiho_post_newtime_4,
.widget_diiho_video_post,
.widget_diiho_post_list,
.widget_diiho_woo_list,
.widget_diiho_woo_slide,
.widget_diiho_binh_luan,
.widget_diiho_post_color_list {
	flex: 0 0 100% !important;
	flex-basis: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	/* Make sure select elements fit in widgets. */
}

.widget select {
	width: 100%;
	padding: .6875rem 1rem;
}

.widget ul {
	list-style: none;
	padding-left: 0;
}

.widget li {
	margin-bottom: .5rem;
}

.widget li ul {
	margin-top: .5rem;
}

.widget li li {
	padding-left: 0.8rem;
}

.widget-title {
	font-size: 20px;
	;
	margin-bottom: 1.5rem;
	--diiho-local-widget-title-border-bottom: rgba(38, 50, 56, 0.1);

	border-bottom: 1px solid var(--diiho-local-widget-title-border-bottom);
	padding-bottom: .5rem;
	--diiho-local-widget-title-color: #aaa;

	color: var(--diiho-local-widget-title-color);
}

.search-field {
	width: 100%;
}

.widget_wpcom_social_media_icons_widget a {
	color: inherit;
	font-size: 20px;
	font-size: 1.25rem;
}

.widget_wpcom_social_media_icons_widget a:hover {
	--diiho-local-widget-wpcom-social-media-icons-widget-a-hover-color: #263238;

	color: var(--diiho-local-widget-wpcom-social-media-icons-widget-a-hover-color);
}

/* Calendar widget */
#next {
	text-align: right;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* tim kiem */
.form-wrapper {
	max-height: 0;
	overflow: hidden;
	--diiho-local-form-wrapper-background: #333;

	background: var(--diiho-local-form-wrapper-background);
	padding: 0;
	transition: max-height .35s cubic-bezier(.4, 0, .2, 1), padding .35s cubic-bezier(.4, 0, .2, 1);
	position: relative;
	z-index: 1;
	will-change: max-height;
}

.form-wrapper.is-visible {
	max-height: 200px;
	padding-top: 2rem;
	padding-bottom: 2rem;
	overflow: visible;
}

.form-wrapper.is-visible .search-close {}

.form-wrapper .search-close {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 32px;
	font-size: 2rem;
	background: none;
	color: var(--diiho-accent);
	border: none;
	display: none;
}

.search-close:hover {
	--diiho-local-search-close-hover-color: #ff4444;

	color: var(--diiho-local-search-close-hover-color)
}

@media (min-width: 768px) {
	.form-wrapper .search-close {
		top: 2rem;
		right: 2rem;
	}
}

/* tim kiem */
.search-form label {
	box-sizing: border-box;
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
}

.search-form__controls {
	align-items: stretch;
	display: flex;
	width: 100%;
}

.form-wrapper .search-form {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: var(--diiho-content-max, 1280px);
	padding: 0 .5rem;
	width: 100%;
}

.form-wrapper .search-form__controls {
	padding: .5rem;
	width: 100%;
}

@media (min-width: 768px) {
	.form-wrapper .search-form {
		padding: 0 1.5rem;
	}

	.form-wrapper .search-form__controls {
		padding: 1.5rem;
		width: 100%;
	}
}

.form-wrapper .search-field {
	font-size: 18px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	--diiho-local-form-wrapper-search-field-background: #fff;

	background: var(--diiho-local-form-wrapper-search-field-background);
	--diiho-local-form-wrapper-search-field-color: #333;

	color: var(--diiho-local-form-wrapper-search-field-color);
	border-radius: 0;
	--diiho-local-form-wrapper-search-field-border: #fff;

	border: 3px solid var(--diiho-local-form-wrapper-search-field-border);
	border-radius: 10px;
	width: 100%;
	height: 45px;
	max-width: 100%;
	margin: 0;
	display: block;
	padding-left: 34px;
	padding-right: 0;
	--diiho-local-form-wrapper-search-field-box-shadow: #111;

	box-shadow: 2px 2px 4px var(--diiho-local-form-wrapper-search-field-box-shadow);
	background-image: var(--diiho-asset-images-tim-svg, url(images/tim.svg));
	background-position: 7px 8px;
	background-size: 25px;
	background-repeat: no-repeat;
}


#tim {
	box-sizing: border-box;
	font-size: 18px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	--diiho-local-tim-background: #fff;

	background: var(--diiho-local-tim-background);
	--diiho-local-tim-color: #333;

	color: var(--diiho-local-tim-color);
	--diiho-local-tim-border: #fff;

	border: 0px solid var(--diiho-local-tim-border);
	border-radius: 10px 0 0 10px;
	width: 100%;
	height: 40px;
	max-width: 100%;
	display: block;
	padding-left: 40px;
	padding-right: 0;
	--diiho-local-tim-box-shadow: #111;

	box-shadow: 2px 2px 4px var(--diiho-local-tim-box-shadow);
	background-image: var(--diiho-asset-images-tim-svg, url(images/tim.svg));
	background-position: 7px 8px;
	background-size: 25px;
	background-repeat: no-repeat;
}

.form-wrapper #tim {
	margin: 0;
	max-width: 100%;
	width: 100%;
}

.search-form .search-submit {
	align-items: center;
	background: var(--diiho-accent);
	border: 0;
	border-radius: 0 10px 10px 0;
	color: #fff;
	display: flex;
	font-weight: bold;
	height: 40px;
	justify-content: center;
	line-height: 1;
	padding: 0 18px;
	white-space: nowrap;
}

.search-form .search-submit:hover {
	background: #333;
	color: #fff;
	opacity: 1;
	outline: none;
}

.form-wrapper .search-field:focus {
	outline: none;
}

.form-wrapper .search-field::-webkit-input-placeholder {
	--diiho-local-form-wrapper-search-field-webkit-input-placeholder-color: #111;

	color: var(--diiho-local-form-wrapper-search-field-webkit-input-placeholder-color);
	opacity: .5
}

.form-wrapper .search-field:-ms-input-placeholder {
	--diiho-local-form-wrapper-search-field-ms-input-placeholder-color-2: #111;

	color: var(--diiho-local-form-wrapper-search-field-ms-input-placeholder-color-2);
	opacity: .5
}

.form-wrapper .search-field::-ms-input-placeholder {
	--diiho-local-form-wrapper-search-field-ms-input-placeholder-color: #111;

	color: var(--diiho-local-form-wrapper-search-field-ms-input-placeholder-color);
	opacity: .5;
}

.form-wrapper .search-field::placeholder {
	--diiho-local-form-wrapper-search-field-placeholder-color: #111;

	color: var(--diiho-local-form-wrapper-search-field-placeholder-color);
	opacity: .5
}

.search-field {
	max-width: 30em;
}

/* Header */
.site-header {
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	--diiho-local-site-header-background: #232323;
	min-height: 67px;
	background: var(--diiho-local-site-header-background);
	box-shadow: 0px 0px 20px 2px #00000018;
	padding: 0 1rem;
	margin-bottom: 4rem;
	position: relative;
	z-index: 2;
	border-bottom: 0px solid var(--diiho-accent);

}

.site-header__clear {
	clear: both;
}

.site-header--has-builder {
	margin-bottom: 0;
}

.diiho-header-builder {
	--diiho-header-builder-background: var(--diiho-local-site-header-background, #232323);
	--diiho-header-builder-border: rgba(255, 255, 255, 0.08);
	--diiho-header-builder-text: #f5f5f5;
	--diiho-header-builder-muted: #aaa;
	--diiho-header-builder-hover: rgba(255, 255, 255, 0.08);

	background: var(--diiho-header-builder-background);
	border-top: 1px solid var(--diiho-header-builder-border);
	box-shadow: 0 12px 22px rgba(0, 0, 0, 0.08);
	color: var(--diiho-header-builder-text);
	margin-bottom: 4rem;
	position: relative;
	z-index: 1;
}

.diiho-header-builder__inner.grid {
	align-items: center;
	box-sizing: border-box;
	flex-wrap: nowrap;
	margin: 0 auto;
	max-width: var(--diiho-content-max, 1280px);
	width: 100%;
}

.diiho-header-builder__content {
	min-width: 0;
	padding-bottom: .65rem;
	padding-top: .65rem;
	width: 100%;
}

.diiho-header-builder-menu {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.diiho-header-builder-menu__scroller {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 .25rem;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

.diiho-header-builder-menu__scroller::-webkit-scrollbar {
	display: none;
}

.diiho-header-builder-menu__arrow {
	display: none;
	align-items: center;
	justify-content: center;
	background: transparent !important;
	border: 0 !important;
	outline: none;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0;
	margin: 0;
	color: var(--diiho-header-builder-muted);
	cursor: pointer;
	flex: 0 0 24px;
	width: 24px;
	height: 34px;
	line-height: 1;
	opacity: 0.7;
	transition: color 0.2s ease, opacity 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.diiho-header-builder-menu__arrow svg {
	display: block;
	width: 15px;
	height: 15px;
	pointer-events: none;
}

.diiho-header-builder-menu__arrow:hover,
.diiho-header-builder-menu__arrow:focus-visible {
	color: var(--diiho-header-builder-text);
	opacity: 1;
	background: transparent !important;
	outline: none;
}

.diiho-header-builder-menu__arrow[disabled],
.diiho-header-builder-menu__arrow.is-disabled {
	opacity: 0.15;
	cursor: default;
	pointer-events: none;
}

.diiho-header-builder-menu__arrow--prev {
	margin-right: 2px;
}

.diiho-header-builder-menu__arrow--next {
	margin-left: 2px;
}

@media (min-width: 768px) {
	.diiho-header-builder-menu.has-overflow .diiho-header-builder-menu__arrow {
		display: inline-flex;
	}
}

.diiho-header-builder-menu__list {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	gap: 6px;
	list-style: none;
	margin: 0;
	min-width: max-content;
	padding: 0;
	white-space: nowrap;
}

.diiho-header-builder-menu__list li {
	flex: 0 0 auto;
	margin: 0;
}

.diiho-header-builder-menu__list a {
	align-items: center;
	border-radius: 7px;
	color: var(--diiho-header-builder-muted);
	display: inline-flex;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	min-height: 34px;
	padding: 0 12px;
	text-decoration: none;
}

.diiho-header-builder-menu__list a:hover,
.diiho-header-builder-menu__list a:focus-visible,
.diiho-header-builder-menu__list a[aria-current="page"] {
	background: var(--diiho-header-builder-hover);
	color: var(--diiho-header-builder-text);
	text-decoration: none;
}

.diiho-header-builder .diiho-header-weather {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	justify-content: space-between;
}

.diiho-header-builder .diiho-weather-time,
.diiho-header-builder .diiho-weather-card {
	background: transparent;
	background-image: none !important;
	border-radius: 0;
	color: inherit;
	padding: 0;
	width: auto;
}

.diiho-header-builder .diiho-header-weather__time,
.diiho-header-weather__current .diiho-weather-current {
	align-items: center;
	display: flex;
	gap: 8px;
	min-width: 0;
}

.diiho-header-builder .diiho-header-weather__time {
	color: var(--diiho-header-builder-muted);
	font-size: 13px;
	line-height: 1;
}

.diiho-header-builder .diiho-header-weather__time i {
	color: var(--diiho-accent);
}

.diiho-header-builder .diiho-weather-day,
.diiho-header-builder .diiho-weather-date,
.diiho-header-builder .diiho-weather-clock,
.diiho-header-builder .diiho-weather-city,
.diiho-header-builder .diiho-weather-temp,
.diiho-header-builder .diiho-weather-description {
	font-size: 13px;
	line-height: 1;
	margin: 0;
}

.diiho-header-builder .diiho-weather-clock,
.diiho-header-builder .diiho-weather-temp {
	color: var(--diiho-header-builder-text);
	font-weight: bold;
}

.diiho-header-builder .diiho-weather-city {
	color: var(--diiho-header-builder-muted);
	font-weight: bold;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-header-builder .diiho-weather-description {
	color: var(--diiho-header-builder-muted);
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	white-space: nowrap;
}

.diiho-header-builder .diiho-weather-icon {
	height: 24px;
	object-fit: contain;
	width: 24px;
}

.diiho-header-builder .diiho-weather-current.is-loading {
	align-items: center;
	display: flex;
	max-height: none;
	min-height: 24px;
	position: relative;
	visibility: hidden;
}

.diiho-header-builder .diiho-weather-current.is-loading::after {
	color: var(--diiho-header-builder-muted);
	content: attr(data-loading-text);
	font-size: 13px;
	font-weight: bold;
	left: 32px;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	visibility: visible;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.diiho-header-builder-menu__arrow {
		display: none !important;
	}

	.diiho-header-builder-menu__scroller {
		margin: 0 -.5rem;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
	}

	.diiho-header-builder-menu__list a {
		min-height: 38px;
	}

	.diiho-header-builder .diiho-header-weather {
		align-items: flex-start;
		flex-direction: column;
		gap: 9px;
	}

	.diiho-header-builder .diiho-header-weather__time,
	.diiho-header-weather__current .diiho-weather-current {
		max-width: 100%;
	}

	.diiho-header-builder .diiho-weather-city {
		max-width: 45vw;
	}

	.diiho-header-builder .diiho-weather-description {
		display: none;
	}
}

/* @media (min-width: 768px) {
	.site-header {
		padding: 0 3rem;
	}
} */

.icon-smenu {
	display: flex;
	align-items: stretch;
	margin-top: 10px;
	float: right;
}

.icon-smenu .jetpack-social-navigation {
	display: none;
}

@media (min-width: 1024px) {
	.icon-smenu .jetpack-social-navigation {
		display: flex;
		align-items: center;
	}
}

.icon-smenu .jetpack-social-navigation ul {
	margin: -7px 12px 0 0;
}

.icon-smenu .jetpack-social-navigation li {
	margin-right: 4px;
}

.icon-smenu .jetpack-social-navigation a {
	color: inherit;
}

.icon-smenu .jetpack-social-navigation a:hover {
	--diiho-local-icon-smenu-jetpack-social-navigation-a-hover-color: #06c;

	color: var(--diiho-local-icon-smenu-jetpack-social-navigation-a-hover-color);
}

.icon-smenu .search-toggle {
	align-items: center;
	border-radius: 0;
	background: none;
	color: var(--diiho-accent);
	display: flex;
	font-size: 24px;
	justify-content: center;
	line-height: 1;
	border: none;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
	outline: none;
	cursor: pointer;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

.search-toggle:hover {
	--diiho-local-search-toggle-hover-color: #ff4444;

	color: var(--diiho-local-search-toggle-hover-color)
}

@media (max-width: 767px) {
	.mune {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.icon-smenu {
		align-items: center;
		justify-content: flex-end;
		margin-left: auto;
		margin-top: 0;
		min-height: 50px;
	}

	.icon-smenu .dangnhap-wrapper,
	.icon-smenu .dangnhap-icon,
	.icon-smenu .menu-toggle,
	.icon-smenu .search-toggle {
		align-items: center;
		border: none;
		display: flex;
		justify-content: center;
		margin-bottom: 0;
		margin-top: 0;
		min-height: 50px;
	}

	.icon-smenu .search-toggle {
		font-size: 20px;
		color: var(--diiho-accent);
		padding-left: 6px;
		padding-right: 6px;
	}

	.icon-smenu .search-toggle:hover {
		--diiho-local-icon-smenu-search-toggle-hover-color: #ff4444;

		color: var(--diiho-local-icon-smenu-search-toggle-hover-color)
	}
}

/* --------------------------------------------------------------------------
   Header Button (Call to Action)
   -------------------------------------------------------------------------- */
.diiho-header-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	padding: 0 18px;
	margin: 0 15px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	border-radius: var(--diiho-header-btn-radius, 6px);
	box-sizing: border-box;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.diiho-header-btn:hover,
.diiho-header-btn:focus,
.diiho-header-btn:active,
.diiho-header-btn:visited {
	text-decoration: none !important;
	outline: none;
}

.icon-smenu .diiho-header-btn {
	align-self: center;
}

.navbar .diiho-header-btn {
	align-self: center;
}

.diiho-header-builder__inner .diiho-header-btn {
	align-self: center;
}

/* Style: Solid (Màu chủ đạo, text trắng) */
.diiho-header-btn--solid {
	background-color: var(--diiho-accent);
	border: 1.5px solid var(--diiho-accent);
	color: #fff !important;
	text-decoration: none !important;
}

.diiho-header-btn--solid:hover,
.diiho-header-btn--solid:focus {
	background-color: var(--diiho-accent-dark);
	border-color: var(--diiho-accent-dark);
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px color-mix(in srgb, var(--diiho-accent) 35%, transparent);
}

/* Style: Outline (Border & text màu chủ đạo, nền trong suốt) */
.diiho-header-btn--outline {
	background-color: transparent;
	border: 1.5px solid var(--diiho-accent);
	color: var(--diiho-accent) !important;
	text-decoration: none !important;
}

.diiho-header-btn--outline:hover,
.diiho-header-btn--outline:focus {
	background-color: var(--diiho-accent);
	border-color: var(--diiho-accent);
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px color-mix(in srgb, var(--diiho-accent) 25%, transparent);
}

/* Device Visibility Rules */
@media (min-width: 1024px) {

	.diiho-header-btn--hide-pc,
	.diiho-cart-toggle--hide-pc {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {

	.diiho-header-btn--hide-tablet,
	.diiho-cart-toggle--hide-tablet {
		display: none !important;
	}
}

@media (max-width: 767px) {

	.diiho-header-btn--hide-mobile,
	.diiho-cart-toggle--hide-mobile {
		display: none !important;
	}

	.diiho-header-btn {
		height: 34px;
		padding: 0 12px;
		font-size: 12.5px;
		margin: 0 15px;
	}
}

.navbar {
	display: flex;
	align-items: center;
	float: left;
}

.site-branding {
	margin-right: 20px;
}

.site-branding img,
.site-branding .custom-logo {
	height: auto !important;
	max-width: 100% !important;
	width: var(--diiho-logo-width-pc, 150px) !important;
}

@media (min-width: 700px) and (max-width: 1023px) {

	.site-branding img,
	.site-branding .custom-logo {
		width: var(--diiho-logo-width-tablet, 130px) !important;
	}
}

@media (max-width: 699px) {

	.site-branding img,
	.site-branding .custom-logo {
		width: var(--diiho-logo-width-mobile, 110px) !important;
	}
}

.site-title {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25;
}

.site-title a {
	display: block;
	max-width: 180px;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	--diiho-local-site-title-a-color: #fff;
	color: var(--diiho-local-site-title-a-color);
	white-space: nowrap;

	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.site-title a::first-letter {
	background: var(--diiho-accent);
	color: #fff;
	padding: 4px 7px;
	margin-right: 5px;
	border-radius: 10px;
	font-weight: 700;
	letter-spacing: 0;
}

.site-title a:hover,
.site-title a:focus {
	color: var(--diiho-accent);
	text-decoration: none;
}

.site-title a:hover::first-letter,
.site-title a:focus::first-letter {
	color: #fff;
}

.site-description {
	font-size: 12px;
	font-size: 0.75rem;
	margin: .15rem 0 0;
	max-width: 180px;
	overflow: hidden;
	--diiho-local-site-description-color: #586674;

	color: var(--diiho-local-site-description-color);
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (min-width: 768px) {

	.site-description,
	.site-title a {
		max-width: 260px;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.site-content {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.diiho-svg,
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	overflow: visible;
	fill: currentColor;
	stroke-width: 0;
	stroke: currentColor;
	line-height: 1;
	pointer-events: none;
	transition: fill 0.2s ease, transform 0.2s ease;
}

.diiho-svg--spin {
	animation: diihoFaSpin 1s infinite linear;
}

@keyframes diihoFaSpin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* the ngoai trang chu */
.card {
	border-radius: 7px;
	--diiho-local-card-box-shadow: rgba(38, 50, 56, 0.05);

	box-shadow: 0 2px 4px var(--diiho-local-card-box-shadow);
	--diiho-local-card-background: #222;

	background: var(--diiho-local-card-background);
	position: relative;
	transition: all .3s ease;
	width: 100%;
}

.card:hover {
	--diiho-local-card-hover-box-shadow: rgba(38, 50, 56, 0.1);

	box-shadow: 0 8px 16px var(--diiho-local-card-hover-box-shadow);
}

.card:hover .card__media img {
	-webkit-transform: scale(1.08) translateZ(0);
	transform: scale(1.08) translateZ(0);
}

@media (max-width: 768px) {
	.card {
		margin-top: 13px;
	}
}

.card__body {
	padding: 15px;
}

/* chuyen muc ngoai trang chu */
.card__subtitle {
	font-size: 12px;
	padding: 2px 6px 2px 6px;
	font-size: 0.75rem;
	--diiho-local-card-subtitle-color: #fff;

	color: var(--diiho-local-card-subtitle-color);
	font-weight: bold;
	border-radius: 7px;
	background: var(--diiho-accent-dark);
	text-transform: uppercase;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	letter-spacing: 1px;
	margin-bottom: 10px;
	--diiho-local-card-subtitle-box-shadow: #000;
}

.card__subtitle.cat-links {
	padding: 4px 10px 2px 10px;
	float: left;
	width: auto;
	margin-top: -27px;
	opacity: 0.95;
}

.card__title {
	font-size: 18px;
	;
	margin: 0 0 8px;
	word-wrap: break-word;
}

.card__title a {
	--diiho-local-card-title-a-color: #fff;

	color: var(--diiho-local-card-title-a-color);
}

.card__content {
	clear: both;
	font-size: 15px;
	--diiho-local-card-content-color: #999;

	color: var(--diiho-local-card-content-color);
}

.card__media {
	display: block;
	overflow: hidden;
	border-radius: 7px 7px 0 0;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	transform: translateZ(0);
}

.card__media img {
	display: block;
	width: 100%;
	transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.35s ease-in-out !important;
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
}

.card__footer {
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	--diiho-local-card-footer-color: #999;

	color: var(--diiho-local-card-footer-color);
}

.card__footer img {
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 3px;
}

.card__footer a {
	color: var(--diiho-accent);
	font-weight: bold;
}

.card__footer .byline,
.card__footer .posted-on {
	margin-top: 24px;
	margin-bottom: -3px;
}

.card a:hover {
	text-decoration: none;
}

.card__title a:hover {
	--diiho-local-card-title-a-hover-color: #999;

	color: var(--diiho-local-card-title-a-hover-color);
}

.diiho-post-block {
	--diiho-post-gap: 20px;
	align-items: stretch;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.diiho-post-block {
		--diiho-post-gap: 30px;
	}
}

#main.diiho-post-block {
	padding: 0 1rem;
}

@media (min-width: 768px) {
	#main.diiho-post-block {
		padding: 0 3rem;
	}
}

.diiho-post-block .card {
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
}

.diiho-post-block .card__footer {
	gap: 10px;
	min-width: 0;
}

.diiho-post-block .card__footer>* {
	min-width: 0;
}

/* Grid Layouts: Classic Grid, Balanced Grid, Text First Grid, Social Feed */
.diiho-post-block:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list) {
	display: grid;
	gap: var(--diiho-post-gap);
	grid-template-columns: minmax(0, 1fr);
	width: 100%;
}

@media (min-width: 768px) {
	.diiho-post-block:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 992px) {

	.diiho-post-block.diiho-post-columns-4:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list),
	.diiho-post-block.grid--4:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {

	.diiho-post-block.diiho-post-columns-3:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list),
	.diiho-post-block.grid--3:not(.diiho-post-layout-story-list):not(.diiho-post-layout-media-list) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* List Layouts: Story List, Media List */
.diiho-post-block.diiho-post-layout-story-list,
.diiho-post-block.diiho-post-layout-media-list {
	display: flex;
	flex-direction: column;
	gap: var(--diiho-post-gap);
	width: 100%;
}

/* Reset item padding and dimensions so gap controls spacing cleanly without overflow */
.diiho-post-block>.diiho-post-block__item,
.diiho-post-list .diiho-post-block>.diiho-post-block__item {
	box-sizing: border-box;
	flex-basis: auto !important;
	max-width: 100% !important;
	padding: 0 !important;
	width: 100% !important;
}

.diiho-post-layout-story-list>.diiho-post-block__item,
.diiho-post-layout-media-list>.diiho-post-block__item {
	width: 100% !important;
}

.diiho-post-layout-story-list .card__subtitle.cat-links,
.diiho-post-layout-media-list .card__subtitle.cat-links,
.diiho-post-layout-balanced-grid .card__subtitle.cat-links,
.diiho-post-layout-compact-grid .card__subtitle.cat-links,
.diiho-post-layout-social-feed .card__subtitle.cat-links {
	align-items: center;
	display: inline-flex;
	float: none;
	gap: 5px;
	margin-top: 0;
	width: fit-content;
}

.diiho-post-layout-story-list .card__title {
	font-size: 22px;
	line-height: 1.25;
}

.diiho-post-layout-story-list .card__content {
	font-size: 15px;
	line-height: 1.55;
}

@media (min-width: 768px) {
	.diiho-post-layout-story-list .card {
		display: grid;
		grid-template-columns: minmax(220px, 32%) 1fr;
	}

	.diiho-post-layout-story-list .card__media {
		border-radius: 7px 0 0 7px;
		height: 100%;
	}

	.diiho-post-layout-story-list .card__media img {
		height: 100%;
		min-height: 190px;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.diiho-post-layout-story-list .card__body {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.diiho-post-layout-story-list .card__footer {
		margin-top: auto;
	}
}

.diiho-post-layout-media-list {
	display: flex;
	flex-direction: column;
	gap: var(--diiho-post-gap);
	width: 100%;
}

.diiho-post-layout-media-list>.diiho-post-block__item {
	width: 100% !important;
}

.diiho-post-layout-media-list .card {
	background: transparent;
	box-shadow: none;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(180px, 28%) 1fr;
	overflow: visible;
}

.diiho-post-layout-media-list .card:hover {
	box-shadow: none;
	transform: none;
}

.diiho-post-layout-media-list .card:hover .card__media img {
	transform: none;
}

.diiho-post-layout-media-list .card__media {
	aspect-ratio: 16 / 9;
	border-radius: 7px;
	height: auto;
}

.diiho-post-layout-media-list .card__media img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.diiho-post-layout-media-list .card__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 0;
}

.diiho-post-layout-media-list .card__subtitle.cat-links {
	display: none;
}

.diiho-post-layout-media-list .card__title {
	display: -webkit-box;
	font-size: 20px;
	line-height: 1.35;
	margin: 0 0 8px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.diiho-post-layout-media-list .card__content {
	clear: none;
	display: -webkit-box;
	font-size: 15px;
	line-height: 1.55;
	margin-bottom: 8px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}

.diiho-post-layout-media-list .card__content p {
	margin: 0;
}

.diiho-post-layout-media-list .card__footer {
	gap: 8px;
	justify-content: flex-start;
	margin-top: 10px;
}

.diiho-post-layout-media-list .card__footer>div:first-child a {
	align-items: center;
	display: inline-flex;
	gap: 7px;
}

.diiho-post-layout-media-list .card__footer>div:last-child {
	display: none;
}

.diiho-post-layout-media-list .card__footer img {
	height: 30px;
	margin-right: 0;
	width: 30px;
}

@media (max-width: 767px) {
	.diiho-post-layout-media-list .card {
		gap: 12px;
		grid-template-columns: minmax(118px, 36%) 1fr;
	}

	.diiho-post-layout-media-list .card__title {
		font-size: 16px;
		line-height: 1.35;
		margin-bottom: 20px;
	}

	.diiho-post-layout-media-list .card__content {
		-webkit-line-clamp: 4;
		line-height: 1.45;
		margin-bottom: 6px;
	}

	.diiho-post-layout-media-list .card__footer {
		font-size: 13px;
	}

	.diiho-post-layout-media-list .card__footer img {
		height: 26px;
		width: 26px;
	}
}

@media (max-width: 420px) {
	.diiho-post-layout-media-list .card {
		display: block;
	}

	.diiho-post-layout-media-list .card__body {
		padding-top: 20px;
	}
}

@media (max-width: 1200px) {
	.diiho-post-layout-media-list .entry-content.card__content {
		display: none;
	}

	.diiho-post-layout-media-list .card__footer {
		margin-top: 10px;
	}
}

.diiho-post-layout-balanced-grid>.diiho-post-block__item {
	display: flex;
}

.diiho-post-layout-balanced-grid .card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.diiho-post-layout-balanced-grid .card__media {
	aspect-ratio: 16 / 9;
}

.diiho-post-layout-balanced-grid .card__media img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.diiho-post-layout-balanced-grid .card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.diiho-post-layout-balanced-grid .card__content {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.diiho-post-layout-compact-grid>.diiho-post-block__item {
	display: flex;
}

.diiho-post-layout-compact-grid .card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.diiho-post-layout-compact-grid .card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	order: 1;
	padding: 15px;
}

.diiho-post-layout-compact-grid .card__media {
	aspect-ratio: 16 / 9;
	border-radius: 0 0 7px 7px;
	order: 2;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	transform: translateZ(0);
}

.diiho-post-layout-compact-grid .card__media img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.diiho-post-layout-compact-grid .card__title {
	font-size: 18px;
	line-height: 1.35;
}

.diiho-post-layout-compact-grid .card__content {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


.diiho-post-layout-social-feed {
	--diiho-social-feed-border: rgba(255, 255, 255, 0.08);
	--diiho-social-feed-strong: #f8fafc;
	--diiho-social-feed-muted: #a3adb7;

	align-items: stretch;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0 .5rem;
}

.diiho-post-layout-social-feed>.diiho-post-block__item {
	display: flex;
	padding: 0 !important;
	width: 100% !important;
}

.diiho-post-layout-social-feed .card {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.diiho-post-layout-social-feed .card:hover {
	transform: translateY(-2px);
}

.diiho-post-layout-social-feed .card__body {
	display: contents;
}

.diiho-post-layout-social-feed .card__footer {
	border-bottom: 1px solid var(--diiho-social-feed-border);
	flex-wrap: nowrap;
	gap: 8px 12px;
	justify-content: flex-start;
	margin: 0;
	order: 1;
	padding: 14px 18px;
}

.diiho-post-layout-social-feed .card__footer>div:first-child {
	min-width: 0;
}

.diiho-post-layout-social-feed .card__footer>div:first-child a {
	align-items: center;
	color: var(--diiho-social-feed-strong);
	display: inline-flex;
	gap: 8px;
	max-width: 100%;
	min-width: 0;
}

.diiho-post-layout-social-feed .card__footer b {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-post-layout-social-feed .card__footer>div:last-child {
	color: var(--diiho-social-feed-muted);
	flex: 0 0 auto;
	font-size: 13px;
	margin-left: auto;
	white-space: nowrap;
}

.diiho-post-layout-social-feed .card__footer img {
	height: 36px;
	margin-right: 0;
	width: 36px;
}

.diiho-post-layout-social-feed .sticky .card__footer {
	padding-right: 52px;
}

.diiho-post-layout-social-feed .sticky .icon-bookmark {
	right: 18px;
	top: 14px;
}

.diiho-post-layout-social-feed .entry-header {
	order: 2;
	padding: 14px 18px 8px;
}

.diiho-post-layout-social-feed .card__subtitle.cat-links {
	margin-bottom: 10px;
}

.diiho-post-layout-social-feed .card__title {
	display: -webkit-box;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 0;
	min-height: 52px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.diiho-post-layout-social-feed .card__content {
	clear: none;
	color: var(--diiho-social-feed-muted);
	display: -webkit-box;
	font-size: 15px;
	line-height: 1.6;
	min-height: 72px;
	order: 3;
	overflow: hidden;
	padding: 0 18px 16px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.diiho-post-layout-social-feed .card__content p {
	margin: 0;
}

.diiho-post-layout-social-feed .card__media {
	aspect-ratio: 16 / 10;
	border-radius: 0;
	border-top: 1px solid var(--diiho-social-feed-border);
	margin-top: auto;
	order: 4;
}

.diiho-post-layout-social-feed .card__media img {
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

html[data-theme=light] .diiho-post-layout-social-feed,
body.diiho-light-mode .diiho-post-layout-social-feed {
	--diiho-social-feed-border: rgba(15, 23, 42, 0.08);
	--diiho-social-feed-strong: #0f172a;
	--diiho-social-feed-muted: #64748b;
}

@media (min-width: 768px) {
	.diiho-post-layout-social-feed {
		padding: 0 1.5rem;
	}

	.diiho-post-layout-social-feed>.diiho-post-block__item {
		padding: 0 !important;
		width: 100% !important;
	}
}

@media (max-width: 480px) {
	.diiho-post-layout-social-feed .card__footer {
		flex-wrap: wrap;
	}

	.diiho-post-layout-social-feed .card__footer>div:last-child {
		margin-left: 44px;
		width: 100%;
	}
}

.icon-bookmark {
	display: none;
}

.sticky .icon-bookmark {

	position: absolute;
	top: 1rem;
	right: 1rem;
	--diiho-local-sticky-icon-bookmark-fill: #c2ccd0;

	fill: var(--diiho-local-sticky-icon-bookmark-fill);
}

/* Archive page */
.hfeed .site-content {
	max-width: var(--diiho-content-max, 1280px);
}

.hfeed.error404 .site-content {
	max-width: 58.5rem;
	padding: 15px;
}

.hfeed .format-quote blockquote {
	font-size: 1.5em;
	border-top: none;
	margin-bottom: 0;
	text-align: center;
	padding: 1em;
}

.hfeed .format-quote blockquote>* {
	position: relative;
	z-index: 2;
}

.hfeed .format-quote blockquote:before {
	top: 50%;
	left: 50%;
	margin-top: -39px;
	margin-left: -39px;
	font-size: 8em;
	--diiho-local-hfeed-format-quote-blockquote-before-color: rgba(38, 50, 56, 0.1);

	color: var(--diiho-local-hfeed-format-quote-blockquote-before-color);
	z-index: 1;
	line-height: 1;
}

.hfeed .format-quote blockquote cite {
	font-size: 12px;
	font-size: 0.75rem;
	position: absolute;
	left: -1.5rem;
	bottom: -2.7rem;
}

.hfeed .format-quote blockquote cite a {
	color: inherit;
}

.hfeed .format-quote blockquote cite a:hover {
	--diiho-local-hfeed-format-quote-blockquote-cite-a-hover-color: #06c;

	color: var(--diiho-local-hfeed-format-quote-blockquote-cite-a-hover-color);
}

.hfeed .format-quote .card__footer {
	display: block;
	text-align: right;
}

.hfeed .format-quote .byline {
	display: none;
}

.page-header {
	text-align: center;
	margin: 0 auto 52px;
	max-width: var(--diiho-content-max, 1280px);
	padding: 0 1.5rem;
	--diiho-local-page-header-color: #ededed;
	color: var(--diiho-local-page-header-color);
	width: 100%;
}

.page-header .diiho-archive-breadcrumb,
.page-header .woocommerce-breadcrumb {
	margin: 0 0 12px;
	color: #aaa;
	font-size: 14px;
}

.page-header .diiho-archive-breadcrumb a,
.page-header .woocommerce-breadcrumb a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.page-header .diiho-archive-breadcrumb a:hover,
.page-header .woocommerce-breadcrumb a:hover {
	color: var(--diiho-accent, #fff);
}

.page-title,
.page-header h1.page-title {
	margin: 0 0 6px;
	--diiho-local-page-title-color: inherit;
	color: var(--diiho-local-page-title-color);
	font: 700 42px/1.2 Arial, sans-serif;
	letter-spacing: -.8px;
}

.archive-description,
.page-header .archive-description,
.page-header .archive-description p {
	margin: 0 auto;
	color: #aaa;
	font-size: 18px;
	max-width: 720px;
}

@media (max-width: 767px) {
	.page-header {
		margin-bottom: 30px;
		padding: 0 .5rem;
	}

	.page-title,
	.page-header h1.page-title {
		font-size: 32px;
	}

	.archive-description,
	.page-header .archive-description,
	.page-header .archive-description p {
		font-size: 15px;
	}
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
}

/* Single posts and pages */
.page .site-content,
.single .site-content {
	width: 58.5rem;
}

.page .hentry,
.single .hentry {
	padding: 0;
}

.page .entry-header,
.single .entry-header {
	margin-bottom: 4rem;
	text-align: center;
}

.single .diiho-single-entry-header--inside,
.page .diiho-page-entry-header--inside {
	margin: 0 0 1.25rem;
	text-align: left;
}

.single .diiho-single-entry-header--inside .entry-title,
.page .diiho-page-entry-header--inside .entry-title {
	padding-left: 0;
	padding-right: 0;
}

.single .diiho-single-entry-header--inside .entry-meta {
	text-align: left;
}

.page .entry-title,
.single .entry-title {
	margin: 0 0 8px;
	word-wrap: break-word;
	font-size: 28.8px;
	font-size: 1.8rem;
	--diiho-local-page-entry-title-color: #fff;

	color: var(--diiho-local-page-entry-title-color);
}

@media (max-width: 959px) {

	.page .entry-title,
	.single .entry-title {
		padding: 0 10px;
	}
}

@media (min-width: 768px) {

	.page .entry-title,
	.single .entry-title {
		font-size: 38.4px;
		font-size: 2.4rem;
	}
}

.page .entry-meta,
.single .entry-meta {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--diiho-accent);
}

.page .entry-meta a,
.single .entry-meta a {
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	color: var(--diiho-accent);
}

.page .entry-meta .on,
.single .entry-meta .on {
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	margin: 0 5px;
}

.page .entry-meta .comments-link:before,
.single .entry-meta .comments-link:before {
	content: '\2014';

	margin: 0 5px;
}

.page .entry-meta .avatar,
.single .entry-meta .avatar {
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 5px;
}

.diiho-single-breadcrumbs {
	--diiho-local-single-breadcrumbs-color: #999;

	color: var(--diiho-local-single-breadcrumbs-color);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	margin-top: 14px;
	text-transform: none;
}

.diiho-single-breadcrumbs__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.single .diiho-single-entry-header--inside .diiho-single-breadcrumbs__list,
.page .diiho-page-entry-header--inside .diiho-single-breadcrumbs__list {
	justify-content: flex-start;
}

.diiho-single-breadcrumbs__item {
	align-items: center;
	display: inline-flex;
	max-width: 100%;
	min-width: 0;
}

.diiho-single-breadcrumbs__item+.diiho-single-breadcrumbs__item::before {
	color: var(--diiho-accent);
	content: "/";
	margin-right: 6px;
	opacity: .75;
}

.diiho-single-breadcrumbs__link {
	color: inherit;
	display: inline-block;
	max-width: 260px;
	overflow: hidden;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-single-breadcrumbs__link:hover,
.diiho-single-breadcrumbs__link:focus {
	color: var(--diiho-accent);
	text-decoration: none;
}

.diiho-single-breadcrumbs__link[aria-current="page"] {
	color: var(--diiho-accent);
}

.page .entry-body {
	--page-entry-body-background: #fff;
	background: var(--page-entry-body-background);
}

.single .entry-body {
	--single-entry-body-background: #fff;
	background: var(--single-entry-body-background);
}

.page .entry-body,
.single .entry-body {
	border-radius: 7px;
	--diiho-local-page-entry-body-box-shadow: rgba(38, 50, 56, 0.07);

	box-shadow: 0 7px 50px 0 var(--diiho-local-page-entry-body-box-shadow);
	padding: 2rem;
	position: relative;
}

.single .diiho-entry-action-rail {
	display: none;
}

@media (min-width: 1100px) {
	.single.diiho-single-action-rail-enabled #nutms {
		display: none !important;
	}

	.single .entry-body {
		overflow: visible;
	}

	.single .diiho-entry-action-rail {
		bottom: 2rem;
		display: block;
		left: -64px;
		pointer-events: none;
		position: absolute;
		top: 4rem;
		width: 46px;
		z-index: 10;
	}

	.single .diiho-entry-action-rail__inner {
		--diiho-entry-action-background: #fff;
		--diiho-entry-action-border: rgba(38, 50, 56, 0.12);
		--diiho-entry-action-color: #1f2937;
		--diiho-entry-action-hover-background: #f3f4f6;
		--diiho-entry-action-shadow: rgba(15, 23, 42, 0.12);

		align-items: stretch;
		background: var(--diiho-entry-action-background);
		border-radius: 10px;
		box-shadow: 0 18px 42px var(--diiho-entry-action-shadow);
		display: flex;
		flex-direction: column;
		overflow: visible;
		pointer-events: auto;
		position: sticky;
		top: 90px;
		width: 50px;
	}

	body.admin-bar.single .diiho-entry-action-rail__inner {
		top: 122px;
	}

	.single .diiho-entry-action-rail__inner>* {
		border-bottom: 1px solid var(--diiho-entry-action-border);
	}

	.single .diiho-entry-action-rail__inner>*:last-child {
		border-bottom: 0;
	}

	.single .diiho-entry-action-rail__button {
		align-items: center;
		background: transparent;
		border: 0;
		border-radius: 0;
		color: var(--diiho-entry-action-color);
		cursor: pointer;
		display: flex;
		flex-direction: column;
		font-size: 17px;
		gap: 3px;
		height: 52px;
		justify-content: center;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-decoration: none;
		width: 100%;
	}

	.single .diiho-entry-action-rail__button:hover,
	.single .diiho-entry-action-rail__button:focus-visible {
		background: var(--diiho-entry-action-hover-background);
		color: var(--diiho-accent);
		outline: none;
	}

	.single .diiho-entry-action-rail__button.is-saved {
		color: var(--diiho-accent);
	}

	.single .diiho-entry-action-rail__inner>.diiho-entry-action-rail__button:first-child {
		border-radius: 10px 10px 0 0;
		padding-top: 10px;
	}

	.single .diiho-entry-action-rail__inner>.diiho-entry-action-rail__button:last-child {
		border-radius: 0 0 10px 10px;
	}

	.single .diiho-entry-action-rail__count {
		font-size: 13px;
	}

	.single .diiho-entry-action-rail__share {
		position: relative;
	}

	.single .diiho-entry-action-rail__share-menu {
		background: var(--diiho-entry-action-background);
		border: 1px solid var(--diiho-entry-action-border);
		border-radius: 7px;
		box-shadow: 0 18px 42px var(--diiho-entry-action-shadow);
		left: calc(100% + 12px);
		min-width: 180px;
		padding: 8px 0;
		position: absolute;
		top: -8px;
		z-index: 20;
	}

	.single .diiho-entry-action-rail__share-menu[hidden] {
		display: none;
	}

	.single .diiho-entry-action-rail__share-menu::before {
		background: var(--diiho-entry-action-background);
		border-bottom: 1px solid var(--diiho-entry-action-border);
		border-left: 1px solid var(--diiho-entry-action-border);
		content: "";
		height: 10px;
		left: -6px;
		position: absolute;
		top: 22px;
		transform: rotate(45deg);
		width: 10px;
	}

	.diiho-entry-action-rail__share i {
		width: 23px;
	}

	.single .diiho-entry-action-rail__share-menu a,
	.single .diiho-entry-action-rail__share-menu button {
		align-items: center;
		background: transparent;
		border: 0;
		color: var(--diiho-entry-action-color);
		cursor: pointer;
		display: flex;
		font-size: 16px;
		gap: 10px;
		line-height: 1.2;
		margin: 0;
		padding: 12px 16px;
		text-align: left;
		text-decoration: none;
		width: 100%;
		border-radius: 0px;
		font-weight: normal;
	}

	.single .diiho-entry-action-rail__share-menu a:hover,
	.single .diiho-entry-action-rail__share-menu a:focus-visible,
	.single .diiho-entry-action-rail__share-menu button:hover,
	.single .diiho-entry-action-rail__share-menu button:focus-visible {
		background: var(--diiho-entry-action-hover-background);
		color: var(--diiho-accent);
		outline: none;
	}
}

.page .entry-media,
.single .entry-media {
	position: relative;
	margin: -2rem -2rem 4rem;
}

@media (min-width: 768px) {

	.page .entry-media,
	.single .entry-media {
		margin: -4rem -4rem 4rem;
	}
}

@media (min-width: 1024px) {

	.page .entry-media,
	.single .entry-media {
		margin: -4rem -8rem 4rem;
	}
}

.single .diiho-single-entry-header-inside .entry-media,
.page .diiho-page-entry-header-inside .entry-media {
	margin-bottom: 1.5rem;
}

.page .singular-thumbnail,
.single .singular-thumbnail {
	display: block;
	width: 100%;
	border-radius: 7px 7px 0 0;
}

@media (min-width: 1024px) {

	.page .singular-thumbnail,
	.single .singular-thumbnail {
		border-radius: 7px 7px 0 0;
	}
}

.page .entry-content>p:first-child,
.single .entry-content>p:first-child {
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	--diiho-local-page-entry-content-p-first-child-color: #6f8590;

	color: var(--diiho-local-page-entry-content-p-first-child-color);
}

.page .entry-content,
.single .entry-content {
	margin-left: -2rem;
	margin-right: -2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}

@media (min-width: 768px) {

	.page .entry-body,
	.single .entry-body {
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.page .entry-content,
	.single .entry-content {
		margin-left: -4rem;
		margin-right: -4rem;
		padding-left: 4rem;
		padding-right: 4rem;
	}
}

@media (min-width: 1024px) {

	.page .entry-body,
	.single .entry-body {
		padding: 4rem 8rem;
	}

	.page .entry-content,
	.single .entry-content {
		margin-left: -8rem;
		margin-right: -8rem;
		padding-left: 8rem;
		padding-right: 8rem;
	}
}

.entry-content {
	word-wrap: break-word;
}

.diiho-single-author {
	--diiho-local-single-author-background: #f5f5f5;
	--diiho-local-single-author-border: #ddd;
	--diiho-local-single-author-color: #666;
	--diiho-local-single-author-heading-color: #222;

	align-items: center;
	background: var(--diiho-local-single-author-background);
	border: 2px dashed var(--diiho-local-single-author-border);
	border-radius: 7px;
	color: var(--diiho-local-single-author-color);
	display: grid;
	gap: 16px;
	grid-template-columns: 80px 1fr;
	margin: 30px 0 10px;
	padding: 18px;
}

.diiho-single-author__avatar img {
	border-radius: 50%;
	display: block;
	height: 80px;
	object-fit: cover;
	object-position: 50% 50%;
	width: 80px;
}

.diiho-single-author__label {
	color: var(--diiho-accent);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: uppercase;
}

.diiho-single-author__name {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 3px;
}

.diiho-single-author__name a {
	color: var(--diiho-local-single-author-heading-color);
	text-decoration: none;
}

.diiho-single-author__description {
	font-size: 15px;
	line-height: 1.55;
	margin: 8px 0 0;
}

.diiho-single-author__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 10px;
}

.diiho-single-author__links a {
	align-items: center;
	color: var(--diiho-accent);
	display: inline-flex;
	font-size: 14px;
	font-weight: bold;
	gap: 6px;
	text-decoration: none;
}

.diiho-single-author__name a:hover,
.diiho-single-author__name a:focus,
.diiho-single-author__links a:hover,
.diiho-single-author__links a:focus {
	color: var(--diiho-accent-dark);
	text-decoration: none;
}

@media (max-width: 600px) {
	.diiho-single-author {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.diiho-single-author__avatar {
		justify-self: center;
	}

	.diiho-single-author__links {
		justify-content: center;
	}
}

.entry-footer {
	margin-top: 10px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	display: flex;
	flex-wrap: wrap;
}

.cat-links,
.tags-links {
	flex-basis: 100%;
	padding: 1rem;
}

@media (min-width: 768px) {

	.cat-links,
	.tags-links {
		flex-basis: 50%;
	}
}

/* the tags */
.cat-links__title,
.tags-links__title {
	display: none;
}

.tag-cloud-link,
.tags-links a {
	display: none;
}

.tag-cloud-link:hover,
.tags-links a:hover {
	--diiho-local-tag-cloud-link-hover-background: #06c;

	background: var(--diiho-local-tag-cloud-link-hover-background);
	--diiho-local-tag-cloud-link-hover-color: #fff;

	color: var(--diiho-local-tag-cloud-link-hover-color);
	text-decoration: none;
}

.entry-footer .edit-link {
	flex-basis: 100%;
	padding-left: 1rem;
	margin-top: 2rem;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
}

.entry-footer .edit-link a {
	--diiho-local-entry-footer-edit-link-a-color: #6f8590;

	color: var(--diiho-local-entry-footer-edit-link-a-color);
}

/* Jetpack sharing icons */
.adjacent .sharedaddy {
	display: none;
}

@media (min-width: 1200px) {
	.sticky-sharing .sharedaddy {
		position: absolute !important;
		top: 0;
		left: -72px;
		width: 64px;
		text-align: center;
		will-change: min-height;
	}

	.sticky-sharing .sharedaddy .sd-title.sd-title:before {
		display: none;
	}

	.sticky-sharing .sharedaddy .sd-content li {
		display: block;
		margin-right: 0;
	}

	.sticky-sharing .sharedaddy .sh-sharing {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		/* For browsers don't support translate3d. */
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* main search va no search tim kiem */
.mainsearch {
	max-width: 900px;
	margin: auto
}

.searchpost {
	--diiho-local-searchpost-background: #222222d4;

	background: var(--diiho-local-searchpost-background);
	--diiho-local-searchpost-border: #333;

	border: 1px solid var(--diiho-local-searchpost-border);
	margin: 20px;
	padding: 20px;
	--diiho-local-searchpost-color: #ccc;

	color: var(--diiho-local-searchpost-color);
	border-radius: 20px;
}

.searchmuc {
	--diiho-local-searchmuc-color: #999;

	color: var(--diiho-local-searchmuc-color)
}

.searchtitle a {
	font-size: 23px;
	--diiho-local-searchtitle-a-color: #ffffff;

	color: var(--diiho-local-searchtitle-a-color);
	font-weight: bold;
	line-height: 1
}

.searchnd {
	font-size: 18px;
}

.searchtg {
	font-size: 13px;
}

@media (max-width: 700px) {
	.checkvideo {
		grid-template-columns: 1fr;
	}

	.searchvideoimg img {
		width: 100%;
	}
}

.nonoidung {
	width: 100%;
	--diiho-local-nonoidung-color: #999;

	color: var(--diiho-local-nonoidung-color);
	text-align: center;
	line-height: 1.3;
	--diiho-local-nonoidung-background: #222222b8;

	background: var(--diiho-local-nonoidung-background);
	border-radius: 10px;
	padding: 20px;
	--diiho-local-nonoidung-border: #333;

	border: 1px solid var(--diiho-local-nonoidung-border);
}

/* 404 Page Modern Typography & Animation */
.diiho-404-section {
	padding: 60px 24px;
	max-width: 800px;
	margin: 30px auto;
	position: relative;
	overflow: hidden;
}

.diiho-404-header {
	position: relative;
	z-index: 1;
}

.diiho-404-code-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
}

.diiho-404-glow {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 240px;
	height: 140px;
	transform: translate(-50%, -50%);
	background: radial-gradient(ellipse at center, color-mix(in srgb, var(--diiho-accent) 35%, transparent) 0%, transparent 70%);
	filter: blur(28px);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	animation: diiho-404-pulse 3.5s ease-in-out infinite alternate;
}

.diiho-404-number {
	position: relative;
	z-index: 1;
	font-size: clamp(80px, 16vw, 150px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: -0.04em;
	margin: 0;
	background: linear-gradient(135deg, var(--diiho-accent) 0%, #ff8233 45%, var(--diiho-accent) 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 0 20px color-mix(in srgb, var(--diiho-accent) 40%, transparent));
	animation: diiho-404-shimmer 6s ease-in-out infinite, diiho-404-float 3s ease-in-out infinite alternate;
	user-select: none;
}

.diiho-404-title {
	font-size: clamp(20px, 4vw, 28px);
	font-weight: 700;
	margin: 10px 0 0;
	color: #fff;
	letter-spacing: -0.01em;
}

.diiho-404-content {
	position: relative;
	z-index: 1;
	max-width: 540px;
	margin: 0 auto;
}

.diiho-404-desc {
	font-size: 15px;
	line-height: 1.6;
	color: #94a3b8;
	margin: 12px 0 26px;
}

.diiho-404-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin-top: 10px;
}

.diiho-404-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	color: #fff !important;
	background: var(--diiho-accent);
	box-shadow: 0 4px 18px color-mix(in srgb, var(--diiho-accent) 40%, transparent);
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.diiho-404-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 24px color-mix(in srgb, var(--diiho-accent) 55%, transparent);
	filter: brightness(1.1);
}

.diiho-404-btn:active {
	transform: translateY(0);
}

@keyframes diiho-404-shimmer {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes diiho-404-float {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-6px);
	}
}

@keyframes diiho-404-pulse {
	0% {
		opacity: 0.5;
		transform: translate(-50%, -50%) scale(0.85);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.15);
	}
}

.formtimkiem {
	display: flex;
	--diiho-local-formtimkiem-background: #222;

	background: var(--diiho-local-formtimkiem-background);
	margin: 20px;
	padding: 20px;
	border-radius: 20px;
	--diiho-local-formtimkiem-border: #333;

	border: 1px solid var(--diiho-local-formtimkiem-border);
}

#inputtim {
	--diiho-local-inputtim-background: #333;

	background: var(--diiho-local-inputtim-background);
	width: 100%;
	border-radius: 10px 0px 0px 10px;
	outline: none;
	--diiho-local-inputtim-color: #fff;

	color: var(--diiho-local-inputtim-color);
	--diiho-local-inputtim-box-shadow: #111;

	box-shadow: 0px 0px 5px var(--diiho-local-inputtim-box-shadow);
	border: none;
}

#nuttim {
	width: 80px;
	border-radius: 0px 10px 10px 0px;
	outline: none;
	background: var(--diiho-accent);
	--diiho-local-nuttim-box-shadow: #111;

	box-shadow: 0px 0px 5px var(--diiho-local-nuttim-box-shadow);
}

/*--------------------------------------------------------------
## BINH LUAN
--------------------------------------------------------------*/
.comments-area {
	font-size: 16px;
	font-size: 1rem;
	width: 100%;
	max-width: 100%;
	padding: 10px;
	margin: 20px auto 0;
	max-width: 950px;
}

@media (max-width: 750px) {
	.comments-area {
		padding: 12px;
	}
}

.comments-title {
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
}

.comment-list {
	list-style: none;
	padding-left: 0;
}

.comment-list .comment-respond {
	margin-bottom: 1.6rem;
}

.comment>.children {
	padding-left: 0px;
	/* mac dinh 0.6rem xoa li */
	list-style: none;
	margin-bottom: 0px;
}

/* article.comment.odd.alt.thread-odd.thread-alt.depth-1 {
    margin-bottom: 40px;
} 
*/
li.comment.even.thread-even.depth-1>.children {
	--diiho-local-li-comment-even-thread-even-depth-1-children-border-left: #292929;

	border-left: 1px dashed var(--diiho-local-li-comment-even-thread-even-depth-1-children-border-left);
	margin-left: 60px;
	padding-left: 10px;
}

/* xoa phan li de phan children theo cap và xoa padding */
/* mau ben binh luan */
.comment-body {
	margin-bottom: 1.6rem;
	--diiho-local-comment-body-color: #aaa;

	color: var(--diiho-local-comment-body-color);
}

.comment-awaiting-moderation {
	--diiho-local-comment-awaiting-moderation-color: #fff333;

	color: var(--diiho-local-comment-awaiting-moderation-color);
	display: flex;
}

.comment-body a {
	color: var(--diiho-accent)
}

.comment-meta {
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	margin-bottom: 1.6em;
}

.comment-author {
	font-size: 1rem;
	line-height: 1.25;
	--diiho-local-comment-author-color: #999;

	color: var(--diiho-local-comment-author-color);
}

.comment-author .avatar {
	border-radius: 100%;
	margin-right: 8px;
	float: left;
	margin-top: -2px;

}

.says {
	display: none;
}

.comment-metadata {
	font-size: .75rem;
	margin-left: 48px;
}

.comment-metadata a {
	--diiho-local-comment-metadata-a-color: #999;

	color: var(--diiho-local-comment-metadata-a-color);
}

.comment-metadata .edit-link {
	margin-left: .25rem;
}

.reply {
	margin-top: -43px;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 90px;
}

.reply a {
	--diiho-local-reply-a-color: #777777;

	color: var(--diiho-local-reply-a-color);
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	padding: 7px 16px;
	border-radius: 30px;
	outline: none;
	margin-left: 60px;
	font-weight: bold;
	text-transform: uppercase;
}

.reply a:hover {
	--diiho-local-reply-a-hover-background: #222;

	background: var(--diiho-local-reply-a-hover-background);
	--diiho-local-reply-a-hover-color: #fff;

	color: var(--diiho-local-reply-a-hover-color);
	text-decoration: none;
	background-image: var(--diiho-asset-images-admin-reply2-svg, url(images/admin/reply2.svg));
	background-position: 7px 5px;
	background-size: 15px;
	background-repeat: no-repeat;
	padding-left: 30px;
	outline: none;
}

.comment-content {
	word-wrap: break-word;
	--diiho-local-comment-content-color: #fff;

	color: var(--diiho-local-comment-content-color);
	margin-left: 60px;
	margin-top: -24px;
	margin-bottom: -10px;
	font-size: 16px;
}

.bypostauthor {
	display: block;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		flex-direction: row;
		align-items: center;
	}

	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label {
		order: 2;
		margin-left: 1em;
	}
}

.required {
	--diiho-local-required-color: #fff;

	color: var(--diiho-local-required-color);
}

.no-comments {
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	--diiho-local-no-comments-color: #6f8590;

	color: var(--diiho-local-no-comments-color);
	--diiho-local-no-comments-background: #001b4e;

	background: var(--diiho-local-no-comments-background);
	padding: 20px;
	border-radius: 10px;
	--diiho-local-no-comments-border: #142d4c;

	border: 1px solid var(--diiho-local-no-comments-border);
	opacity: 0.8;
}

.logged-in-as {
	--diiho-local-logged-in-as-background: #292929;

	background: var(--diiho-local-logged-in-as-background);
	padding: 10px;
	border-radius: 7px 7px 0 0;
	margin-bottom: -1px;
	--diiho-local-logged-in-as-border-bottom: #444;

	border-bottom: 2px dashed var(--diiho-local-logged-in-as-border-bottom)
}

.logged-in-as a {
	--diiho-local-logged-in-as-a-color: #fff;

	color: var(--diiho-local-logged-in-as-a-color);
}

#cancel-comment-reply-link {
	--diiho-local-cancel-comment-reply-link-color: #eee;

	color: var(--diiho-local-cancel-comment-reply-link-color);
	font-size: 14px;
	margin-left: 7px;
}

.comment-respond {
	--diiho-comment-panel: var(--diiho-color-111);
	--diiho-comment-panel-soft: var(--diiho-color-1a1a1a);
	--diiho-comment-border: color-mix(in srgb, var(--diiho-color-444) 62%, transparent);
	--diiho-comment-text: var(--diiho-color-fff);
	--diiho-comment-muted: var(--diiho-color-aaa);
	--diiho-comment-field: var(--diiho-local-comment-background, var(--diiho-color-292929));

	background:
		linear-gradient(180deg, color-mix(in srgb, var(--diiho-comment-panel-soft) 74%, transparent), var(--diiho-comment-panel));
	border: 1px solid var(--diiho-comment-border);
	border-radius: 8px;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
	color: var(--diiho-comment-text);
	margin: 26px auto 0;
	overflow: hidden;
	padding: 24px;
}

.comment-list .comment-respond {
	margin: 18px 0 28px 60px;
}

.comment-respond .comment-reply-title,
.comment-respond #reply-title {
	align-items: center;
	display: flex;
	font-size: 20px;
	font-weight: bold;
	gap: 12px;
	grid-template-columns: none;
	justify-content: space-between;
	letter-spacing: 0;
	line-height: 1.25;
	margin: 0 0 18px;
}

.comment-respond #reply-title small {
	font-size: 13px;
	font-weight: bold;
	margin-left: auto;
	text-align: right;
}

.comment-respond #reply-title a,
.comment-respond #cancel-comment-reply-link {
	background: color-mix(in srgb, var(--diiho-accent) 14%, transparent);
	background-image: none;
	border: 1px solid color-mix(in srgb, var(--diiho-accent) 32%, transparent);
	border-radius: 8px;
	color: var(--diiho-accent);
	display: inline-flex;
	line-height: 1;
	margin-left: 0;
	padding: 9px 11px;
	text-decoration: none;
}

.comment-respond #reply-title a:hover,
.comment-respond #cancel-comment-reply-link:hover {
	background: var(--diiho-accent);
	color: #fff;
	text-decoration: none;
}

#commentform {
	color: var(--diiho-comment-muted);
	display: grid;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#commentform p {
	margin: 0;
}

#commentform .comment-form-comment,
#commentform .comment-form-cookies-consent,
#commentform .form-submit,
#commentform .logged-in-as {
	grid-column: 1 / -1;
}

#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
	display: flex;
	flex-direction: column;
}

#commentform.diiho-comment-gated:not(.diiho-comment-fields-ready) .comment-form-author,
#commentform.diiho-comment-gated:not(.diiho-comment-fields-ready) .comment-form-email {
	display: none;
}

#commentform.diiho-comment-fields-ready .comment-form-author,
#commentform.diiho-comment-fields-ready .comment-form-email {
	animation: diihoCommentFieldIn 0.22s ease both;
}

#comment,
#author,
#email {
	background-color: var(--diiho-comment-field);
	border: 1px solid color-mix(in srgb, var(--diiho-color-777) 52%, transparent);
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	box-sizing: border-box;
	color: var(--diiho-comment-text);
	font-size: 16px;
	line-height: 1.45;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
	width: 100%;
}

#comment {
	border-bottom: 1px solid color-mix(in srgb, var(--diiho-color-777) 52%, transparent);
	height: auto;
	min-height: 136px;
	padding: 16px;
	resize: vertical;
}

#author,
#email {
	background-position: 14px 50%;
	background-repeat: no-repeat;
	background-size: 17px;
	height: auto;
	margin-top: 0;
	min-height: 48px;
	padding: 0 16px 0 44px;
}

#comment::placeholder,
#author::placeholder,
#email::placeholder {
	color: color-mix(in srgb, var(--diiho-comment-muted) 76%, transparent);
	opacity: 1;
}

#comment:focus,
#author:focus,
#email:focus {
	border-color: var(--diiho-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--diiho-accent) 24%, transparent);
}

#commentform .comment-form-cookies-consent {
	align-items: flex-start;
	color: var(--diiho-comment-muted);
	display: flex;
	font-size: 13px;
	gap: 9px;
	line-height: 1.45;
}

#commentform .comment-form-cookies-consent input {
	flex: 0 0 auto;
	margin-top: 2px;
}

#commentform .logged-in-as {
	background: color-mix(in srgb, var(--diiho-comment-field) 76%, transparent);
	border: 1px solid var(--diiho-comment-border);
	border-radius: 8px;
	margin-bottom: 0;
	padding: 11px 13px;
}

#commentform .logged-in-as a {
	color: var(--diiho-comment-text);
	font-weight: bold;
}

#commentform .form-submit {
	display: flex;
	justify-content: flex-end;
	padding-top: 4px;
}

#commentform .form-submit .submit {
	align-items: center;
	background: linear-gradient(135deg, var(--diiho-accent), var(--diiho-color-00d0ff));
	border: 0;
	border-radius: 8px;
	box-shadow: 0 12px 24px color-mix(in srgb, var(--diiho-accent) 24%, transparent);
	color: #fff;
	display: inline-flex;
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
	line-height: 1;
	min-height: 44px;
	min-width: 150px;
	opacity: 1;
	padding: 0 18px;
	text-transform: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

#commentform .form-submit .submit:hover,
#commentform .form-submit .submit:focus-visible {
	box-shadow: 0 15px 28px color-mix(in srgb, var(--diiho-accent) 34%, transparent);
	filter: brightness(1.04);
	transform: translateY(-1px);
}

#commentform .form-submit .submit:disabled,
#commentform .form-submit .submit[aria-disabled="true"] {
	box-shadow: none;
	cursor: not-allowed;
	filter: grayscale(0.25);
	opacity: 0.55;
	transform: none;
}

@keyframes diihoCommentFieldIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 700px) {
	.comment-respond {
		padding: 16px;
	}

	.comment-list .comment-respond {
		margin-left: 0;
	}

	.comment-respond .comment-reply-title,
	.comment-respond #reply-title {
		align-items: flex-start;
		flex-direction: column;
		font-size: 18px;
		gap: 10px;
	}

	.comment-respond #reply-title small {
		margin-left: 0;
		text-align: left;
	}

	#commentform {
		grid-template-columns: 1fr;
	}

	#commentform .form-submit,
	#commentform .form-submit .submit {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {

	#commentform.diiho-comment-fields-ready .comment-form-author,
	#commentform.diiho-comment-fields-ready .comment-form-email,
	#comment,
	#author,
	#email,
	#commentform .form-submit .submit {
		animation: none;
		transition: none;
	}
}

.entry-content figcaption {
	font-style: italic;
	color: #777;
}

/* Facebook-style comment composer */
.comment-respond {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	margin: 0px auto 0;
	overflow: visible;
	padding: 0;
}

.comment-list .comment-respond {
	margin: 12px 0 22px 60px;
}

.comment-respond .comment-reply-title,
.comment-respond #reply-title {
	display: flex;
	font-size: 0;
	font-weight: 600;
	justify-content: flex-end;
	line-height: 1;
	margin: 0 0 6px;
	min-height: 0;
}

.comment-respond #reply-title:empty {
	display: none;
}

.comment-respond #reply-title>a:not(#cancel-comment-reply-link) {
	display: none;
}

.comment-respond #reply-title small {
	display: block;
	font-size: 12px;
	margin-left: 0;
	text-align: right;
	width: 100%;
}

.comment-respond #reply-title a,
.comment-respond #cancel-comment-reply-link {
	background: transparent;
	border: 0;
	border-radius: 6px;
	color: #65676b;
	line-height: 1;
	padding: 6px 8px;
}

.comment-respond #reply-title a:hover,
.comment-respond #cancel-comment-reply-link:hover {
	background: rgba(0, 0, 0, 0.06);
	color: #1c1e21;
}

#commentform {
	--diiho-fb-comment-bg: #f0f2f5;
	--diiho-fb-comment-bg-hover: #e4e6eb;
	--diiho-fb-comment-text: #1c1e21;
	--diiho-fb-comment-muted: #65676b;
	--diiho-fb-comment-blue: #1877f2;

	color: var(--diiho-fb-comment-muted);
	display: grid;
	gap: 8px 10px;
	grid-template-areas:
		"comment comment"
		"author email"
		"cookies cookies";
	grid-template-columns: repeat(2, minmax(0, 1fr));
	position: relative;
}

#commentform .comment-form-comment {
	background: var(--diiho-fb-comment-bg);
	border: 1px solid transparent;
	border-radius: 16px;
	box-sizing: border-box;
	grid-area: comment;
	min-height: 86px;
	padding: 15px 15px 38px 15px;
	position: relative;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

#commentform .comment-form-comment:focus-within {
	background: #fff;
	border-color: #d8dadf;
}

#comment {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--diiho-fb-comment-text);
	height: auto;
	line-height: 1.45;
	max-height: 180px;
	min-height: 32px;
	overflow: auto;
	padding: 0;
	resize: none;
}

#comment:focus {
	border: 0;
	box-shadow: none;
}

#comment::placeholder {
	color: var(--diiho-fb-comment-muted);
}

#commentform .diiho-comment-tools {
	align-items: center;
	bottom: 8px;
	display: flex;
	gap: 2px;
	left: 10px;
	position: absolute;
	z-index: 2;
}

#commentform .diiho-comment-tool {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: var(--diiho-fb-comment-muted);
	display: inline-flex;
	font-size: 15px;
	font-weight: bold;
	height: 30px;
	justify-content: center;
	line-height: 1;
	min-width: 30px;
	padding: 0;
	transition: background-color 0.16s ease, color 0.16s ease;
	width: 30px;
}

#commentform .diiho-comment-tool:hover,
#commentform .diiho-comment-tool:focus-visible {
	background: var(--diiho-fb-comment-bg-hover);
	color: var(--diiho-fb-comment-text);
	outline: none;
}

#commentform .diiho-comment-emoji-toggle[aria-expanded="true"] {
	background: var(--diiho-fb-comment-bg-hover);
	color: var(--diiho-fb-comment-text);
}

#commentform .diiho-comment-emoji-menu {
	background: #fff;
	border: 1px solid #dadde1;
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
	box-sizing: border-box;
	bottom: 44px;
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(4, 32px);
	left: 10px;
	max-width: calc(100% - 20px);
	padding: 8px;
	position: absolute;
	z-index: 6;
}

#commentform .diiho-comment-emoji-menu[hidden] {
	display: none;
}

#commentform .diiho-comment-emoji {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	color: var(--diiho-fb-comment-text);
	display: inline-flex;
	font-size: 19px;
	height: 32px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background-color 0.16s ease, transform 0.16s ease;
	width: 32px;
}

#commentform .diiho-comment-emoji:hover,
#commentform .diiho-comment-emoji:focus-visible {
	background: var(--diiho-fb-comment-bg-hover);
	outline: none;
	transform: translateY(-1px);
}

#commentform .form-submit {
	align-self: end;
	display: flex;
	grid-area: comment;
	justify-self: end;
	margin: 0 9px 8px 0;
	padding: 0;
	position: relative;
	z-index: 3;
}

#commentform .form-submit .submit {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	color: #bcc0c4;
	display: inline-flex;
	font-size: 17px;
	height: 32px;
	justify-content: center;
	line-height: 1;
	min-height: 32px;
	min-width: 32px;
	opacity: 1;
	padding: 0;
	transform: none;
	transition: background-color 0.16s ease, color 0.16s ease;
	width: 32px;
}

#commentform.diiho-comment-fields-ready .form-submit .submit:not(:disabled) {
	color: var(--diiho-fb-comment-blue);
}

#commentform .form-submit .submit:hover,
#commentform .form-submit .submit:focus-visible {
	background: var(--diiho-fb-comment-bg-hover);
	box-shadow: none;
	filter: none;
	transform: none;
}

#commentform .form-submit .submit:disabled,
#commentform .form-submit .submit[aria-disabled="true"] {
	background: transparent;
	box-shadow: none;
	color: #bcc0c4;
	cursor: not-allowed;
	filter: none;
	opacity: 1;
	transform: none;
}

#commentform .comment-form-author {
	grid-area: author;
}

#commentform .comment-form-email {
	grid-area: email;
}

#author,
#email {
	background-color: var(--diiho-fb-comment-bg);
	border: 1px solid transparent;
	border-radius: 999px;
	box-shadow: none;
	color: var(--diiho-fb-comment-text);
	min-height: 42px;
	padding: 0 14px 0 40px;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

#author:focus,
#email:focus {
	background-color: #fff;
	border-color: #d8dadf;
	box-shadow: none;
}

#author::placeholder,
#email::placeholder {
	color: var(--diiho-fb-comment-muted);
}

#commentform .comment-form-cookies-consent {
	grid-area: cookies;
	margin-top: 2px;
}

#commentform .logged-in-as {
	background: var(--diiho-fb-comment-bg);
	border: 0;
	border-radius: 12px;
	color: var(--diiho-fb-comment-muted);
	grid-column: 1 / -1;
	margin: 0;
	padding: 9px 12px;
}

#commentform .logged-in-as a {
	color: var(--diiho-fb-comment-text);
}

@media (max-width: 700px) {
	.comment-respond {
		margin-top: 14px;
		padding: 0;
	}

	.comment-list .comment-respond {
		margin-left: 0;
	}

	#commentform {
		grid-template-areas:
			"comment"
			"author"
			"email"
			"cookies";
		grid-template-columns: 1fr;
	}

	#commentform .comment-form-comment {
		border-radius: 15px;
	}

	#commentform .form-submit,
	#commentform .form-submit .submit {
		width: 32px;
	}

	#commentform .diiho-comment-emoji-menu {
		grid-template-columns: repeat(5, 32px);
	}
}

@media (prefers-reduced-motion: reduce) {

	#commentform .comment-form-comment,
	#commentform .diiho-comment-tool,
	#commentform .diiho-comment-emoji,
	#commentform .form-submit .submit,
	#author,
	#email {
		transition: none;
	}
}

/*--------------------------------------------------------------
## Gutenberg
--------------------------------------------------------------*/
@media (min-width: 768px) {
	.entry-content .alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: auto;
		max-width: 1000%;
	}

	.entry-content .alignfull iframe {
		width: 100%;
	}
}

.entry-content .alignwide {
	margin-left: -8rem;
	width: calc(100% + 16rem);
	max-width: calc(100% + 16rem);
}

@media (max-width: 1023px) {

	.entry-content .alignwide,
	.entry-content .alignfull {
		margin-left: -2rem;
		width: calc(100% + 4rem);
		max-width: calc(100% + 4rem);
	}
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	padding: 1em 0 0 2.5em;
	margin: 0 0 1.6em;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 18px;
	text-align: left;
}

/* Footer */
.site-footer {
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 35px;
	padding-top: 18px;
	color: var(--diiho-accent);
}

.site-footer a {
	--diiho-local-site-footer-a-color: #fff;

	color: var(--diiho-local-site-footer-a-color);
}

.footer-widgets {
	max-width: var(--diiho-content-max, 1280px);
	margin: 0 auto;
	--diiho-local-footer-widgets-border-bottom: rgba(38, 50, 56, 0.1);

	border-bottom: 1px solid var(--diiho-local-footer-widgets-border-bottom);
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.footer-widgets .widget_wpcom_social_media_icons_widget li {}

.footer-widgets .widget_wpcom_social_media_icons_widget .genericon {
	font-size: 24px;
}

/* chan trang */
.site-info {
	--diiho-local-site-info-background-color: #151515;

	background-color: var(--diiho-local-site-info-background-color);
	background-size: 100%;
	background-repeat: no-repeat;
	font-size: 13px;
	font-size: 0.75rem;
	text-align: center;
	padding: 20px;
	color: var(--diiho-accent);
}

.site-info a {
	color: var(--diiho-accent);
	text-decoration: none;
}

.chant10 {
	width: 100%;
	text-align: left;
	--diiho-local-chant10-color: #ccc;

	color: var(--diiho-local-chant10-color);
	--diiho-local-chant10-background: #222;

	background: var(--diiho-local-chant10-background);
	padding: 20px;
}

.chant10 a {
	--diiho-local-chant10-a-color: #999;

	color: var(--diiho-local-chant10-a-color);
	font-weight: bold;
	font-size: 15px;
}

.chant1 {
	width: 100%;
	margin: 0 auto;
	max-width: 1400px;
	--diiho-local-chant1-color: #ccc;

	color: var(--diiho-local-chant1-color);
	font-size: 14px;
}

.chant2 {
	width: 100%;
	margin: 0 auto;
	max-width: 1400px;
	text-align: left;
	--diiho-local-chant2-color: #999;

	color: var(--diiho-local-chant2-color);
	font-size: 13px;
}

.channoidung {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px
}

.diiho-footer-builder.diiho-footer-layout-classic {
	grid-template-columns: 2fr 1fr 1fr 1fr;
}

.diiho-footer-builder.diiho-footer-layout-four,
.diiho-footer-builder.diiho-footer-layout-chan4,
.diiho-footer-builder.chan4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diiho-footer-builder.diiho-footer-layout-chan4_unequal,
.diiho-footer-builder.chan4_unequal {
	grid-template-columns: 2fr 1fr 1fr 1fr;
}

.diiho-footer-builder.diiho-footer-layout-three,
.diiho-footer-builder.diiho-footer-layout-chan3,
.diiho-footer-builder.chan3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diiho-footer-builder.diiho-footer-layout-chan3_unequal,
.diiho-footer-builder.chan3_unequal {
	grid-template-columns: 2fr 1fr 1fr;
}

.diiho-footer-builder.diiho-footer-layout-two,
.diiho-footer-builder.diiho-footer-layout-chan2,
.diiho-footer-builder.chan2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.diiho-footer-builder.diiho-footer-layout-one,
.diiho-footer-builder.diiho-footer-layout-chan1,
.diiho-footer-builder.chan1 {
	grid-template-columns: 1fr;
}

.channoidung li {
	list-style: none;
	line-height: 1.8em;
}

.site-footer ul,
.site-footer ol,
.site-footer li {
	margin-left: 0;
	padding-left: 0;
}

.diiho-footer-block-content p,
.diiho-footer-block-content ul,
.diiho-footer-block-content ol {
	margin: 0 0 10px;
	padding-left: 0;
}

.diiho-footer-block-content p:last-child,
.diiho-footer-block-content ul:last-child,
.diiho-footer-block-content ol:last-child {
	margin-bottom: 0;
}

.diiho-footer-block-content img {
	max-width: 100%;
	height: auto;
}

.diiho-footer-socials {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 15px !important;
}

.diiho-footer-socials a {
	--diiho-local-diiho-footer-socials-a-color: #999;

	color: var(--diiho-local-diiho-footer-socials-a-color);
	font-size: 20px;
	line-height: 1;
}

@media (max-width: 900px) {
	.channoidung {
		grid-template-columns: 1fr 1fr;
	}

	.channoidung.diiho-footer-builder {
		grid-template-columns: 1fr 1fr;
	}

	.diiho-footer-builder.diiho-footer-layout-one,
	.diiho-footer-builder.diiho-footer-layout-chan1,
	.diiho-footer-builder.chan1 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.channoidung {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.channoidung.diiho-footer-builder {
		grid-template-columns: 1fr;
	}

	.diiho-footer-socials {
		justify-content: center;
	}

	.chant10 {
		text-align: center
	}

	.chant1 ul {
		justify-content: center;
	}
}

.phobien {
	font-size: 15px;
	font-weight: bold;
	--diiho-local-phobien-color: #ccc;

	color: var(--diiho-local-phobien-color);
	margin-bottom: 10px
}

.duoi-cung {
	text-align: center;
	padding: 20px;
	--diiho-local-duoi-cung-color: #999;

	color: var(--diiho-local-duoi-cung-color);
	--diiho-local-duoi-cung-background: #151515;

	background: var(--diiho-local-duoi-cung-background);
	font-size: 12px;
	--diiho-local-duoi-cung-border-top: #222;

	border-top: 2px solid var(--diiho-local-duoi-cung-border-top);
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .pagination,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/* Load more button */
.infinite-loader,
#infinite-handle {
	flex-basis: 100%;
	text-align: center;
}

#infinite-handle span {
	background: none;
	border-radius: 0;
	padding: 0;

	color: inherit;
}

.site-main #infinite-handle span button {
	--diiho-local-site-main-infinite-handle-span-button-background: #e2e6e9;

	background: var(--diiho-local-site-main-infinite-handle-span-button-background);
	--diiho-local-site-main-infinite-handle-span-button-border-color: #e2e6e9;

	border-color: var(--diiho-local-site-main-infinite-handle-span-button-border-color);
	color: inherit;
}

.site-main #infinite-handle span button:hover {
	--diiho-local-site-main-infinite-handle-span-button-hover-background: #6f8590;

	background: var(--diiho-local-site-main-infinite-handle-span-button-hover-background);
	--diiho-local-site-main-infinite-handle-span-button-hover-border-color: #6f8590;

	border-color: var(--diiho-local-site-main-infinite-handle-span-button-hover-border-color);
	opacity: 1;
	--diiho-local-site-main-infinite-handle-span-button-hover-color: #fff;

	color: var(--diiho-local-site-main-infinite-handle-span-button-hover-color);
}

/* Load more posts */
#diiho-loadmore-btn,
.diiho-loadmore-btn,
button.diiho-loadmore-btn {
	background: #222;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 20px;
	padding: 12px 35px;
	font-size: 15px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
	opacity: 1;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

html[data-theme=light] #diiho-loadmore-btn,
body.diiho-light-mode #diiho-loadmore-btn,
html[data-theme=light] .diiho-loadmore-btn,
body.diiho-light-mode .diiho-loadmore-btn,
html[data-theme=light] button.diiho-loadmore-btn,
body.diiho-light-mode button.diiho-loadmore-btn {
	background: #fff;
	color: #000;
	border-color: rgba(0, 0, 0, 0.12);
	opacity: 1;
}

#diiho-loadmore-btn:hover:not(:disabled),
.diiho-loadmore-btn:hover:not(:disabled),
button.diiho-loadmore-btn:hover:not(:disabled) {
	background: #222 !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	opacity: 1 !important;
	transform: translateY(-2px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

html[data-theme=light] #diiho-loadmore-btn:hover:not(:disabled),
body.diiho-light-mode #diiho-loadmore-btn:hover:not(:disabled),
html[data-theme=light] .diiho-loadmore-btn:hover:not(:disabled),
body.diiho-light-mode .diiho-loadmore-btn:hover:not(:disabled),
html[data-theme=light] button.diiho-loadmore-btn:hover:not(:disabled),
body.diiho-light-mode button.diiho-loadmore-btn:hover:not(:disabled) {
	background: #fff !important;
	color: #000 !important;
	border-color: rgba(0, 0, 0, 0.12) !important;
	opacity: 1 !important;
}

#diiho-loadmore-btn:active:not(:disabled),
.diiho-loadmore-btn:active:not(:disabled),
button.diiho-loadmore-btn:active:not(:disabled) {
	background: #222 !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	opacity: 1 !important;
	transform: translateY(0);
}

html[data-theme=light] #diiho-loadmore-btn:active:not(:disabled),
body.diiho-light-mode #diiho-loadmore-btn:active:not(:disabled),
html[data-theme=light] .diiho-loadmore-btn:active:not(:disabled),
body.diiho-light-mode .diiho-loadmore-btn:active:not(:disabled),
html[data-theme=light] button.diiho-loadmore-btn:active:not(:disabled),
body.diiho-light-mode button.diiho-loadmore-btn:active:not(:disabled) {
	background: #fff !important;
	color: #000 !important;
	border-color: rgba(0, 0, 0, 0.12) !important;
	opacity: 1 !important;
}

#diiho-loadmore-btn:focus-visible,
.diiho-loadmore-btn:focus-visible,
button.diiho-loadmore-btn:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

#diiho-loadmore-btn:disabled,
.diiho-loadmore-btn:disabled,
button.diiho-loadmore-btn:disabled {
	cursor: wait;
}

#diiho-loadmore-btn .diiho-loadmore-icon,
#diiho-loadmore-btn .btn-spinner,
.diiho-loadmore-btn .diiho-loadmore-icon,
.diiho-loadmore-btn .btn-spinner {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

#diiho-loadmore-btn.loading .diiho-loadmore-icon,
.diiho-loadmore-btn.loading .diiho-loadmore-icon {
	display: none;
}

#diiho-loadmore-btn .btn-spinner,
.diiho-loadmore-btn .btn-spinner {
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: diiho-loadmore-spin 1s linear infinite;
}

@keyframes diiho-loadmore-spin {
	to {
		transform: rotate(360deg);
	}
}

.diiho-infinite-scroll {
	--diiho-local-infinite-scroll-color: #999;
	--diiho-local-infinite-scroll-spinner: var(--diiho-accent);
	--diiho-local-infinite-scroll-spinner-track: #333;

	align-items: center;
	color: var(--diiho-local-infinite-scroll-color);
	display: flex;
	font-size: 14px;
	font-weight: bold;
	gap: 10px;
	justify-content: center;
	margin: 40px 0;
	min-height: 48px;
	text-align: center;
	width: 100%;
}

.diiho-infinite-scroll__spinner {
	animation: spin 1s linear infinite;
	border: 2px solid var(--diiho-local-infinite-scroll-spinner-track);
	border-radius: 50%;
	border-top-color: var(--diiho-local-infinite-scroll-spinner);
	display: none;
	height: 18px;
	width: 18px;
}

.diiho-infinite-scroll.is-done .diiho-infinite-scroll__text {
	opacity: .7;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Spinner */
.spinner {
	left: 50% !important;
	margin-left: -8px;
}

/* Infinite footer */
#infinite-footer .container {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	--diiho-local-infinite-footer-container-border-color: rgba(38, 50, 56, 0.1);

	border-color: var(--diiho-local-infinite-footer-container-border-color);
}

#infinite-footer .blog-info a {
	--diiho-local-infinite-footer-blog-info-a-color: #0f161a;

	color: var(--diiho-local-infinite-footer-blog-info-a-color);
}

#infinite-footer .blog-credits,
#infinite-footer .blog-credits a {
	--diiho-local-infinite-footer-blog-credits-color: #6f8590;

	color: var(--diiho-local-infinite-footer-blog-credits-color);
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 2rem;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	text-align: center;
	margin-top: .875rem;
	font-size: .875rem;
	font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	--diiho-local-wp-caption-text-color: #6f8590;

	color: var(--diiho-local-wp-caption-text-color);
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {

	text-align: center;
	vertical-align: top;
	width: 50%;
	padding: 0 5px;
}

@media (min-width: 576px) {
	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

.gallery-caption {
	display: block;
}

/* an chuyen muc o duoi chan trang */
.cat-links__title {
	display: none;
}

/* thay doi mau chuyen muc o duoi chan trang */
.cat-links a {

	--diiho-local-cat-links-a-color: #777;


	color: var(--diiho-local-cat-links-a-color);
	--diiho-local-cat-links-a-border: #ccc;

	border: 2px solid var(--diiho-local-cat-links-a-border);
	padding: 7px;
	border-radius: 25px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

/* an chu on o tieu de bai viet */
.on {
	display: none;
}

.posted-on {
	margin-left: 7px;
}

a.comments-link {
	display: none;
}

p.f5 a {
	color: var(--diiho-accent)
}

.khongkha {
	color: var(--diiho-accent);
}

.page-content {
	--diiho-local-page-content-color: #fff;

	color: var(--diiho-local-page-content-color);
}

/* chan trang */
.baivietmuc {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	width: 100%;
	margin-top: 20px
}

.baivietmuc a {
	text-decoration: none;
}

.baivietmuc a {
	--diiho-local-baivietmuc-a-color: #fff;

	color: var(--diiho-local-baivietmuc-a-color)
}

.baivietmuc a:hover {
	--diiho-local-baivietmuc-a-hover-color: #999;

	color: var(--diiho-local-baivietmuc-a-hover-color)
}

@media (max-width: 700px) {
	.baivietmuc {
		grid-template-columns: 1fr;
	}
}

.danhmuctd {
	--diiho-local-danhmuctd-color: var(--diiho-accent);

	color: var(--diiho-local-danhmuctd-color);
	font-size: 20px;
	padding: 10px;
	margin-top: -20px;
	text-align: center;
	font-weight: bold;
}

.danhmucbai {
	margin-bottom: 20px;
	padding: 20px;
	--diiho-local-danhmucbai-background: #222;

	background: var(--diiho-local-danhmucbai-background);
	border-radius: 15px;
}

.baichu {
	--diiho-local-baichu-color: #999;

	color: var(--diiho-local-baichu-color);
	font-size: 18px;
	line-height: 1em
}

.baichu a {
	font-size: 18px;
}

.baihinh img {
	border-radius: 100%;
}

.card2 {
	margin-top: 10px;
}

.card2-xtdiv {
	text-align: center;
}

.card2-xt {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	--diiho-local-card2-xt-background: #55555542;

	background: var(--diiho-local-card2-xt-background);
	margin: 0 auto;
	padding: 11px;
	outline: none;
	font-size: 23px;
	--diiho-local-card2-xt-color: #fff;

	color: var(--diiho-local-card2-xt-color)
}

.card2-xt:hover {
	--diiho-local-card2-xt-hover-border: var(--diiho-accent);

	border: 2px solid var(--diiho-local-card2-xt-hover-border);
	--diiho-local-card2-xt-hover-background: var(--diiho-accent);

	background: var(--diiho-local-card2-xt-hover-background)
}

.phom-nn {
	width: 100%;
	max-width: 1300px;
	margin-bottom: 10px;
}

/* nen tren cung soc do */
.bg {
	--diiho-top-background-image: var(--diiho-asset-images-background-bg-hung-png, url(images/background/bg-hung.png));
	background-image: var(--diiho-top-background-image);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 400px;
	margin-top: -70px;
	margin-bottom: -360px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;

}

/* Nhom nut noi (Floating action buttons) */
.diiho-floating-actions {
	position: fixed;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	z-index: 99;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	pointer-events: none;
}

.diiho-floating-actions:empty {
	display: none;
}

.diiho-floating-actions>* {
	pointer-events: auto;
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	transform: none !important;
}

/* Mui ten lên dau trang & nut noi */
#myBtn,
.diiho-cart-toggle--floating,
#themeToggle,
#diihoSavedPostsToggle {
	--diiho-local-floating-button-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);

	aspect-ratio: 1;
	border-radius: 50%;
	box-shadow: var(--diiho-local-floating-button-box-shadow);
	height: 42px;
	padding: 0;
	width: 42px;
}

#myBtn {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 99;
	border: none;
	outline: none;
	--diiho-local-mybtn-background-color: #333;

	background-color: var(--diiho-local-mybtn-background-color);
	--diiho-local-mybtn-color: #fff;

	color: var(--diiho-local-mybtn-color);
	cursor: pointer;
	opacity: 0.7;
}

#myBtn:hover {
	--diiho-local-mybtn-hover-background-color: #555;

	background-color: var(--diiho-local-mybtn-hover-background-color);
}

#myBtn .fas,
#myBtn .diiho-svg {
	font-size: 16px;
}

/* Dark/light mode toggle */
#themeToggle {
	border: none;
	outline: none;
	--diiho-local-themetoggle-background-color: #333;

	background-color: var(--diiho-local-themetoggle-background-color);
	--diiho-local-themetoggle-color: #fff;

	color: var(--diiho-local-themetoggle-color);
	cursor: pointer;
	opacity: 0.7;
}

#themeToggle:hover {
	--diiho-local-themetoggle-hover-background-color: #555;

	background-color: var(--diiho-local-themetoggle-hover-background-color);
}

/* Saved posts quick view */
#diihoSavedPostsToggle {
	border: none;
	outline: none;
	--diiho-local-saved-posts-toggle-background-color: #333;

	background-color: var(--diiho-local-saved-posts-toggle-background-color);
	--diiho-local-saved-posts-toggle-color: #fff;

	color: var(--diiho-local-saved-posts-toggle-color);
	cursor: pointer;
	opacity: 0.7;
}

#diihoSavedPostsToggle[hidden] {
	display: none !important;
}

#diihoSavedPostsToggle:hover {
	--diiho-local-saved-posts-toggle-hover-background-color: #555;

	background-color: var(--diiho-local-saved-posts-toggle-hover-background-color);
}

#diihoSavedPostsToggle .fas,
#diihoSavedPostsToggle .diiho-svg {
	font-size: 15px;
}

.diiho-saved-posts-toggle__count {
	align-items: center;
	background: var(--diiho-accent);
	border: 2px solid #333;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	justify-content: center;
	line-height: 1;
	min-width: 20px;
	padding: 0 4px;
	position: absolute;
	right: -7px;
	top: -7px;
}

.diiho-saved-posts-toggle__count[hidden] {
	display: none !important;
}

/* CHUYEN MUC O BAI VIET */
.cm-bai-viet {
	margin: 0 auto;
	margin-top: 7px;
}

.cm-bai-viet a {
	--diiho-local-cm-bai-viet-a-color: #ccc;

	color: var(--diiho-local-cm-bai-viet-a-color);
	border: 2px solid var(--diiho-accent);
	padding: 10px;
	border-radius: 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.cm-bai-viet a:hover {
	--diiho-local-cm-bai-viet-a-hover-color: #fff;

	color: var(--diiho-local-cm-bai-viet-a-hover-color);
	text-decoration: none;
}

.mune {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

/* GIAO DIEN DĂNG NHẬP, DĂNG KÝ, ĐIỀU KHIỂN CAODEM */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill {
	--diiho-local-input-webkit-autofill-webkit-text-fill-color: #ffffff;

	-webkit-text-fill-color: var(--diiho-local-input-webkit-autofill-webkit-text-fill-color) !important;
}

.dangnhap {
	--diiho-local-dangnhap-color: #999;

	color: var(--diiho-local-dangnhap-color);
	--diiho-local-dangnhap-background: #232323;

	background: var(--diiho-local-dangnhap-background);
	--diiho-local-dangnhap-border: #333;

	border: 1px solid var(--diiho-local-dangnhap-border);
	border-radius: 15px;
	margin: 20px;
	padding: 20px;
}

/* Dashboard uses the same outer shell as cart, checkout and My Account. */
.page-template-dieu-khien #content,
.page-template-redirect #content,
.page-template-redirect-php #content {
	width: 100%;
	max-width: var(--diiho-content-max, 1280px);
	margin-inline: auto;
}

.page-template-dieu-khien #primary,
.page-template-redirect #primary,
.page-template-redirect-php #primary {
	float: none;
	width: 100%;
	max-width: none;
}

.page-template-dieu-khien #main,
.page-template-redirect #main,
.page-template-redirect-php #main {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 22px 3rem 40px;
}

.page-template-dieu-khien #main>.dangnhap,
.page-template-redirect #main>.dangnhap,
.page-template-redirect-php #main>.dangnhap {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 26px;
}

@media (max-width: 768px) {

	.page-template-dieu-khien #main,
	.page-template-redirect #main,
	.page-template-redirect-php #main {
		padding-inline: 1rem;
	}

	.page-template-dieu-khien #main>.dangnhap,
	.page-template-redirect #main>.dangnhap,
	.page-template-redirect-php #main>.dangnhap {
		padding: 20px;
	}
}

/*--------------------------------------------------------------
# Dashboard Page Template (dieu-khien.php) Custom Input Styling
--------------------------------------------------------------*/
:is(.page-template-dieu-khien, .page-template-dieu-khien-php) {
	--diiho-local-somfrp-user-info-background-color: #141414;
	--diiho-local-somfrp-user-info-border: transparent;
	--diiho-local-pin2-background-color: #141414;
	--diiho-local-pin2-border: transparent;
	--diiho-local-select-background-color: #141414;
	--diiho-local-select-border: transparent;
}

:is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search) {
	border: none !important;
	background-color: #141414 !important;
	color: #ffffff;
}

:is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk input[type="date"] {
	color-scheme: dark;
}

:is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
	textarea)::placeholder {
	color: rgba(255, 255, 255, 0.45);
	opacity: 1;
}

:is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search):focus {
	outline: none;
	border: none !important;
	box-shadow: 0 0 0 2px var(--diiho-accent);
}

/* Light mode for dieu-khien.php */
:is(html[data-theme=light], body.diiho-light-mode) :is(.page-template-dieu-khien, .page-template-dieu-khien-php),
:is(html[data-theme=light], body.diiho-light-mode).page-template-dieu-khien,
:is(html[data-theme=light], body.diiho-light-mode).page-template-dieu-khien-php {
	--diiho-local-somfrp-user-info-background-color: #dfe4e4;
	--diiho-local-somfrp-user-info-border: transparent;
	--diiho-local-pin2-background-color: #dfe4e4;
	--diiho-local-pin2-border: transparent;
	--diiho-local-select-background-color: #dfe4e4;
	--diiho-local-select-border: transparent;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search),
:is(html[data-theme=light], body.diiho-light-mode).page-template-dieu-khien .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search),
:is(html[data-theme=light], body.diiho-light-mode).page-template-dieu-khien-php .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search) {
	border: none !important;
	background-color: #dfe4e4 !important;
	color: #0f172a !important;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk input[type="date"] {
	color-scheme: light;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea)::placeholder {
	color: #64748b !important;
	opacity: 1;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.page-template-dieu-khien, .page-template-dieu-khien-php) .onhap-dk :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.diiho-2fa-digit-input):not(.diiho-2fa-recovery-input),
	textarea,
	select,
	.diiho-bank-picker__button,
	.diiho-bank-picker__search):focus {
	outline: none;
	border: none !important;
	box-shadow: 0 0 0 2px var(--diiho-accent);
}

.logo-cao {
	text-align: center;
	margin-top: 30px;
	margin-bottom: -40px
}

.logo-cao img {
	border-radius: 100%
}

.dang-nhap {
	width: 50%;
	margin: auto;
	text-align: center;
	--diiho-local-dang-nhap-box-shadow: #000;

	box-shadow: 0px 0px 7px var(--diiho-local-dang-nhap-box-shadow);
	border-radius: 20px;
}

@media (max-width: 950px) {
	.dang-nhap {
		width: 60%;
	}
}

@media (max-width: 700px) {
	.dang-nhap {
		width: 70%;
	}
}

@media (max-width: 600px) {
	.dang-nhap {
		width: 90%;
	}
}

.dang-1 {
	--diiho-local-dang-1-background: #232323;

	background: var(--diiho-local-dang-1-background);
	border-radius: 20px 20px 0px 0px;
	padding: 30px
}

.thongbao-dk {
	--diiho-local-thongbao-dk-color: #999;

	color: var(--diiho-local-thongbao-dk-color);
	font-size: 14px
}

.thongbao-dk a {
	color: var(--diiho-accent);
	font-weight: bold
}

.diiho-google-login {
	display: flex;
	justify-content: center;
	margin: 0 0 14px;
	min-height: 44px;
}

.diiho-google-login:empty {
	display: none;
}

.diiho-google-login-button {
	--diiho-google-login-bg: #131314;
	--diiho-google-login-border: #3f3f46;
	--diiho-google-login-color: #f8fafc;
	--diiho-google-login-shadow: rgba(0, 0, 0, 0.24);

	align-items: center;
	background: var(--diiho-google-login-bg);
	border: 1px solid var(--diiho-google-login-border);
	border-radius: 999px;
	box-shadow: 0 10px 24px var(--diiho-google-login-shadow);
	color: var(--diiho-google-login-color) !important;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	line-height: 1.2;
	min-height: 44px;
	padding: 0 18px;
	text-decoration: none !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
	width: min(100%, 300px);
}

.diiho-google-login-button:hover,
.diiho-google-login-button:focus-visible {
	background: var(--diiho-accent);
	border-color: var(--diiho-accent);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
	color: #fff !important;
	transform: translateY(-1px);
}

.diiho-google-login-button__icon {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex: 0 0 24px;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.diiho-google-login-button__icon svg {
	display: block;
	height: 16px;
	width: 16px;
}

.diiho-google-login-button__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html[data-theme=light] .diiho-google-login-button,
body.diiho-light-mode .diiho-google-login-button {
	--diiho-google-login-bg: #fff;
	--diiho-google-login-border: #d0d4d7;
	--diiho-google-login-color: #1f2937;
	--diiho-google-login-shadow: rgba(15, 23, 42, 0.08);
}

.thongbao-dn {
	--diiho-local-thongbao-dn-background: #191919;

	background: var(--diiho-local-thongbao-dn-background);
	padding: 30px;
	border-radius: 0px 0px 20px 20px;
	margin-top: -10px;
	text-align: left
}

.thongbao-dn a {
	--diiho-local-thongbao-dn-a-color: #fff;

	color: var(--diiho-local-thongbao-dn-a-color);
	font-weight: bold;
	text-decoration: none;
	font-size: 15px
}

.thongbao-dn .thongbao-icon {
	color: var(--diiho-accent);
	font-size: 20px;
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
	transition: transform 0.2s ease;
}

.thongbao-dn a:hover .thongbao-icon {
	transform: scale(1.1);
}

.thongbao-hub {
	--diiho-local-thongbao-hub-color: #fff;

	color: var(--diiho-local-thongbao-hub-color);
}

.top-tieude {
	font-size: 26px;
	--diiho-local-top-tieude-color: #fff;

	color: var(--diiho-local-top-tieude-color);
	font-weight: bold;
	margin-top: 40px
}

.dangnhaproi {
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
	--diiho-local-dangnhaproi-color: #999;

	color: var(--diiho-local-dangnhaproi-color);
}

.dangnhaproi a {
	color: var(--diiho-accent);
}

.dangnhapfom {
	font-size: 14px;
	text-align: center
}

.login-remember {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
}

.dangnhapfom p {
	margin: 0px
}

.dangnhapfom a {
	--diiho-local-dangnhapfom-a-color: #999;

	color: var(--diiho-local-dangnhapfom-a-color);
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}

.dangnhapfom a:hover {
	--diiho-local-dangnhapfom-a-hover-color: #ddd;

	color: var(--diiho-local-dangnhapfom-a-hover-color);
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_login, #username) {
	background-image: var(--diiho-asset-images-admin-id-svg, url(images/admin/id.svg));
}

.diiho-recaptcha-wrapper {
	clear: both;
	margin-top: 15px;
	margin-bottom: 0;
	display: flex;
	justify-content: center;
}

.diiho-register-submit-wrap,
.diiho-forgot-submit-wrap {
	margin-top: 20px;
}

.diiho-recaptcha-wrapper~.diiho-register-submit-wrap,
.diiho-recaptcha-wrapper+.diiho-register-submit-wrap,
.diiho-recaptcha-wrapper~.diiho-forgot-submit-wrap,
.diiho-recaptcha-wrapper+.diiho-forgot-submit-wrap {
	margin-top: 15px;
}

.dangnhapfom .diiho-recaptcha-wrapper {
	margin-top: 15px;
	margin-bottom: 0;
}

.dangnhapfom .diiho-recaptcha-wrapper+.login-submit #wp-submit {
	margin-top: 15px;
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_pass,
	#pwd1,
	#pwd2,
	#pass_current,
	#pass1,
	#pass2,
	#user_login,
	#username,
	#last-name,
	#first-name,
	#nam,
	#email2,
	#user_url,
	#facebook,
	#twitter,
	#phone,
	#tiktok,
	#last_name,
	#first_name,
	#zalo2,
	#youtube,
	#momo2,
	#paypal,
	#slogan,
	#telegram,
	#instagram,
	#bank-account-name,
	#bank-account-number) {
	background-position: 10px 12px;
	background-size: 13px;
	background-repeat: no-repeat;
	padding-left: 35px;
	outline: none;
	width: 100%;
	--diiho-local-somfrp-user-info-background-color: #232323;

	background-color: var(--diiho-local-somfrp-user-info-background-color);
	border-radius: 7px;
	--diiho-local-somfrp-user-info-border: #555;

	border: 1.5px solid var(--diiho-local-somfrp-user-info-border);
	margin-top: 10px;
	--diiho-local-somfrp-user-info-color: #fff;

	color: var(--diiho-local-somfrp-user-info-color);
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #bank {
	background-position: 10px 12px;
	background-size: 13px;
	background-repeat: no-repeat;
	padding: 9px 9px 9px 35px;
	outline: none;
	font-size: 16px;
	width: 100%;
	--diiho-local-select-background-color: #232323;

	background-color: var(--diiho-local-select-background-color);
	border-radius: 7px;
	--diiho-local-select-border: #555;

	border: 1.5px solid var(--diiho-local-select-border);
	margin-top: 10px;
	--diiho-local-select-color: #fff;

	color: var(--diiho-local-select-color);
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#last-name, #first-name, #last_name, #first_name) {
	background-image: var(--diiho-asset-images-admin-id-svg, url(images/admin/id.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #nam {
	background-image: var(--diiho-asset-images-admin-tuoi-svg, url(images/admin/tuoi.svg));
	height: 40px;
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #email2 {
	background-image: var(--diiho-asset-images-admin-email-svg, url(images/admin/email.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #user_url {
	background-image: var(--diiho-asset-images-admin-web-svg, url(images/admin/web.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #facebook {
	background-image: var(--diiho-asset-images-admin-facebook-svg, url(images/admin/facebook.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #twitter {
	background-image: var(--diiho-asset-images-admin-twitter-svg, url(images/admin/twitter.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #phone {
	background-image: var(--diiho-asset-images-admin-phone-svg, url(images/admin/phone.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #tiktok {
	background-image: var(--diiho-asset-images-admin-tiktok-svg, url(images/admin/tiktok.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #zalo2 {
	background-image: var(--diiho-asset-images-admin-zalo-svg, url(images/admin/zalo.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #youtube {
	background-image: var(--diiho-asset-images-admin-youtube-svg, url(images/admin/youtube.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #momo2 {
	background-image: var(--diiho-asset-images-admin-momo-svg, url(images/admin/momo.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #paypal {
	background-image: var(--diiho-asset-images-admin-paypal-svg, url(images/admin/paypal.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #slogan {
	background-image: var(--diiho-asset-images-admin-slogan-svg, url(images/admin/slogan.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #telegram {
	background-image: var(--diiho-asset-images-admin-telegram-svg, url(images/admin/telegram.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #instagram {
	background-image: var(--diiho-asset-images-admin-instagram-svg, url(images/admin/instagram.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) #bank {
	background-image: var(--diiho-asset-images-admin-bank-svg, url(images/admin/bank.svg));
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#bank-account-name, #bank-account-number) {
	background-image: var(--diiho-asset-images-admin-bank-svg, url(images/admin/bank.svg));
}

.diiho-bank-picker {
	margin-top: 10px;
	position: relative;
	z-index: 5;
}

.diiho-bank-picker__button {
	align-items: center;
	background: var(--diiho-local-select-background-color, #232323);
	border: 1.5px solid var(--diiho-local-select-border, #555);
	border-radius: 10px;
	color: var(--diiho-local-select-color, #fff);
	cursor: pointer;
	display: flex;
	gap: 12px;
	min-height: 62px;
	padding: 10px 12px;
	text-align: left;
	width: 100%;
}

.diiho-bank-picker__logo,
.diiho-bank-picker__option-logo {
	align-items: center;
	background: #fff;
	border-radius: 8px;
	display: flex;
	flex: 0 0 auto;
	height: 36px;
	justify-content: center;
	overflow: hidden;
	padding: 4px;
	width: 52px;
}

.diiho-bank-picker__logo img,
.diiho-bank-picker__option-logo img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.diiho-bank-picker__logo i,
.diiho-bank-picker__option-logo i {
	color: #1f2937;
	font-size: 16px;
}

.diiho-bank-picker__text,
.diiho-bank-picker__option-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.diiho-bank-picker__label,
.diiho-bank-picker__option-text strong {
	color: inherit;
	font-size: 16px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-bank-picker__meta,
.diiho-bank-picker__option-text small {
	color: #aaa;
	font-size: 12px;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-bank-picker__chevron {
	color: #aaa;
	flex: 0 0 auto;
	font-size: 13px;
}

.diiho-bank-picker__panel {
	background: #111;
	border: 1px solid #333;
	border-radius: 10px;
	box-sizing: border-box;
	left: 0;
	margin-top: 6px;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 40;
}

.diiho-bank-picker__panel[hidden] {
	display: none;
}

.diiho-bank-picker__search {
	background: #222;
	border: 1px solid #333;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	font-size: 15px;
	margin-bottom: 8px;
	outline: none;
	padding: 10px 12px;
	width: 100%;
}

.diiho-bank-picker__list {
	max-height: 280px;
	overflow-y: auto;
	padding-right: 3px;
}

.diiho-bank-picker__option {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: flex;
	gap: 10px;
	padding: 9px;
	text-align: left;
	width: 100%;
}

.diiho-bank-picker__option:hover,
.diiho-bank-picker__option:focus,
.diiho-bank-picker__option[aria-selected="true"] {
	background: rgba(255, 255, 255, 0.1);
	outline: none;
}

.diiho-bank-picker__option-code {
	color: #9ca3af;
	flex: 0 0 auto;
	font-size: 12px;
}

.diiho-bank-picker__status {
	color: #cbd5e1;
	font-size: 13px;
	padding: 8px 4px 0;
}

:is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_pass, #pwd1, #pwd2, #pass_current, #pass1, #pass2) {
	background-image: var(--diiho-asset-images-admin-pass-svg, url(images/admin/pass.svg));
}

#description,
select {
	outline: none;
	width: 100%;
	--diiho-local-pin2-background-color: #232323;

	background-color: var(--diiho-local-pin2-background-color);
	border-radius: 7px;
	--diiho-local-pin2-border: #555;

	border: 1.5px solid var(--diiho-local-pin2-border);
	margin-top: 10px;
	--diiho-local-pin2-color: #fff;

	color: var(--diiho-local-pin2-color);
}

#wp-submit {
	background: var(--diiho-accent);
	border-radius: 7px;
	border: 2px solid var(--diiho-accent);
	--diiho-local-wp-submit-color: #fff;

	color: #fff;
	outline: none;
	width: 100%;
	padding: 10px
}

#wp-submit:hover {
	background: var(--diiho-accent-dark);
	border: 2px solid var(--diiho-accent-dark);
}

#updateuser {
	--diiho-local-updateuser-background: #fff333;

	background: var(--diiho-local-updateuser-background);
	border-radius: 7px;
	--diiho-local-updateuser-border: #fff333;

	border: 2px solid var(--diiho-local-updateuser-border);
	--diiho-local-updateuser-color: #222;

	color: var(--diiho-local-updateuser-color);
	outline: none;
	width: 100%;
}

#updateuser:hover {
	background: var(--diiho-accent);
	--diiho-local-updateuser-hover-color: #222;

	color: var(--diiho-local-updateuser-hover-color);
	border: 2px solid var(--diiho-accent);
}

/* KET THUC GIAO DIEN DANG NHAP CAO DEM */

/* DANG NHAP DANG XUAT */
.dangnhap-icon {
	align-items: center;
	appearance: none;
	border-radius: 0;
	background: none;
	border: none;
	cursor: pointer;
	display: inline-flex;
	height: 50px;
	justify-content: center;
	outline: none;
	overflow: hidden;
	padding: 0;
	width: 50px;

}

.dangnhap-icon:hover {
	background: none;
	--diiho-local-dangnhap-icon-hover-color: #ff0000;

	color: var(--diiho-local-dangnhap-icon-hover-color);
}




.site-header .icon-smenu :is(.search-toggle, #dangnhap-icon) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	min-height: 42px;
	padding: 0;
	margin-block: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 21px;
	line-height: 1;
	box-shadow: none;
	-webkit-mask: none;
	mask: none;
}

html[data-theme=light] .site-header .icon-smenu :is(.search-toggle, #dangnhap-icon),
body.diiho-light-mode .site-header .icon-smenu :is(.search-toggle, #dangnhap-icon) {
	color: #0f172a;
	background: transparent;
}

.site-header .icon-smenu :is(.search-toggle, #dangnhap-icon):is(:hover, :focus-visible) {
	color: #ff4444;
	background: transparent;
}

.dangnhap-icon--avatar {
	border-radius: 50%;
}

.dangnhap-avatar {
	border-radius: 50%;
	display: block;
	height: 40px;
	object-fit: cover;
	object-position: 50% 50%;
	width: 40px;
}

.dropdown-icon {
	margin-right: 5px;
}

.dropdown {
	position: relative;
}

.dangnhap-wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
	align-self: center;
}

.dropdown-content {
	display: none;
	font-size: 14px;
	position: absolute;
	--diiho-local-dropdown-content-background-color: #232323;
	box-shadow: 0px 0px 10px #0000001a;
	background-color: var(--diiho-local-dropdown-content-background-color);
	min-width: 170px;
	overflow: visible;
	z-index: 1000;
	top: calc(100% + 8px);
	right: 0;
	left: auto;
	border-radius: 10px;
}

.dropdown-content::before {
	content: "";
	position: absolute;
	top: -6px;
	right: 17px;
	width: 12px;
	height: 12px;
	background-color: var(--diiho-local-dropdown-content-background-color);
	transform: rotate(45deg);
	border-radius: 2px 0 0 0;
	z-index: 0;
}

@media (max-width: 1500px) {
	.dropdown-content {
		right: 0;
	}
}

.dropdown-content a {
	position: relative;
	z-index: 1;
	--diiho-local-dropdown-content-a-color: #fff;
	color: var(--diiho-local-dropdown-content-a-color);
	--diiho-local-dropdown-content-a-border-bottom: #333;
	padding: 7px 7px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.dropdown-content a:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.dropdown-content a:not(:last-child) {
	border-bottom: 1px solid var(--diiho-local-dropdown-content-a-border-bottom);
}

.dropdown-content a:hover {
	background-color: var(--diiho-accent);
	color: #fff;
}

.show {
	display: block;
}

/* KET THUC DN DX */
/* hien thi thong bao dang nhap de binh luan */
.must-log-in {
	padding: 20px;
	border-radius: 10px;
	background: var(--diiho-accent);
	color: #fff;
	font-size: 14px;
}

.must-log-in a {
	color: #ccc;
	font-weight: bold
}

/* the tag */
.the-tag {
	color: var(--diiho-accent);
	font-weight: bold;
	font-size: 15px;
	padding-top: 10px;
}

.the-tag a {
	--diiho-local-the-tag-a-color: #888;

	color: var(--diiho-local-the-tag-a-color);
	font-weight: normal;
}

.tag-video {
	color: var(--diiho-accent);
	font-size: 12px;
}

.tag-video a {
	color: var(--diiho-accent);
	font-weight: normal;
	margin-right: 5px;
}

/* hien thi thẻ binh luan ad */
.comment-author-label {
	padding: 4px 5px 3px 5px;
	font-size: 9px;
	border-radius: 20px;
}

.khach {
	--diiho-local-khach-color: #fff333;

	color: var(--diiho-local-khach-color);
}

.comment-author-label-subscriber {
	--diiho-local-comment-author-label-subscriber-background-color: #555;

	background-color: var(--diiho-local-comment-author-label-subscriber-background-color);
	--diiho-local-comment-author-label-subscriber-color: #ccc;

	color: var(--diiho-local-comment-author-label-subscriber-color);
}

.comment-author-label-contributor {
	--diiho-local-comment-author-label-contributor-background-color: #fff333;

	background-color: var(--diiho-local-comment-author-label-contributor-background-color);
	--diiho-local-comment-author-label-contributor-color: #000;

	color: var(--diiho-local-comment-author-label-contributor-color);
}

.comment-author-label-author {
	--diiho-local-comment-author-label-author-background-color: #cc99ff;

	background-color: var(--diiho-local-comment-author-label-author-background-color);
	--diiho-local-comment-author-label-author-color: #000;

	color: var(--diiho-local-comment-author-label-author-color);
}

.comment-author-label-editor {
	--diiho-local-comment-author-label-editor-background-color: #c30000;

	background-color: var(--diiho-local-comment-author-label-editor-background-color);
	--diiho-local-comment-author-label-editor-color: #ccc;

	color: var(--diiho-local-comment-author-label-editor-color);
}

.comment-author-label-administrator {
	background-color: var(--diiho-accent);
	--diiho-local-comment-author-label-administrator-color: #000;

	color: var(--diiho-local-comment-author-label-administrator-color);
}

/* ket thuc thẻ */
/* css thay doi comen */
.box-comen {
	display: flex
}

.hinh-comen {
	width: 50px;
	flex-shrink: 0;
	text-align: center;
}

.hinh-comen a {
	display: inline-block;
	line-height: 1;
}

.hinh-comen img {
	border-radius: 100%;
	display: block;
	margin: 0 auto;
}

.diiho-level-badge {
	display: inline-block;
	vertical-align: middle;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.diiho-level-badge:hover {
	transform: scale(1.15);
}

.hinh-comen .diiho-level-badge {
	display: block;
	margin: 6px auto 0;
}

.diiho-dashboard-user-badge {
	margin-right: 5px;
	margin-top: -2px;
}

.diiho-level-badge-large {
	margin-left: 6px;
	vertical-align: middle;
}

.comen {
	width: 95%;
	padding: 15px 18px 15px 18px;
	--diiho-local-comen-background: #191919;

	background: var(--diiho-local-comen-background);
	--diiho-local-comen-color: #ccc;

	color: var(--diiho-local-comen-color);
	border-radius: 20px;
	margin-left: 15px;
	word-break: break-word;
}

.comen a {
	--diiho-local-comen-a-color: #53cfff;

	color: var(--diiho-local-comen-a-color)
}

.tgia-comen {
	--diiho-local-tgia-comen-color: #fff;

	color: var(--diiho-local-tgia-comen-color);
	font-size: 14px;
	margin-bottom: 25px;
}

.tgia-comen a {
	color: var(--diiho-accent);
	text-decoration: none
}

.ndung-comen {
	font-size: 1.2rem
}

.ndung-comen img {
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
}

.tgian-comen {
	--diiho-local-tgian-comen-color: #999;

	color: var(--diiho-local-tgian-comen-color);
	font-size: 13px;
	padding-left: 5px;
}

.tra-comen a {
	--diiho-local-tra-comen-a-color: #777;

	color: var(--diiho-local-tra-comen-a-color);
	font-size: 13px;
	text-decoration: none;
	margin-right: 15px;
}

.tra-comen a:hover {
	--diiho-local-tra-comen-a-hover-color: #ccc;

	color: var(--diiho-local-tra-comen-a-hover-color)
}

footer.comment-footer {
	display: flex;
	margin-top: 7px;
	margin-bottom: 20px
}

.phe-comen {
	margin-bottom: -20px;
	margin-top: -20px;
}

.tentraloi {
	padding-bottom: 20px;
	margin-top: -20px;
	font-size: 13px;
	--diiho-local-tentraloi-color: #00d0ff;

	color: var(--diiho-local-tentraloi-color)
}


.comen-title {
	--diiho-local-comen-title-background: #004784;

	background: var(--diiho-local-comen-title-background);
	--diiho-local-comen-title-color: #fff;

	color: var(--diiho-local-comen-title-color);
	padding: 10px 20px 10px 20px;
	border-radius: 25px
}

/* Trang bai viet hoi 27 */
/* chi se trang web len mang xa hoi */
.tap-chiase {
	display: grid;
	grid-template-columns: auto auto;
	margin-top: 10px
}

.zoom {
	--diiho-zoom-surface: #fff;
	--diiho-zoom-border: rgba(15, 23, 42, 0.1);
	--diiho-zoom-text: #27364a;
	--diiho-zoom-muted: #94a3b8;
	--diiho-zoom-shadow: #0f172a14;

	align-items: center;
	background: var(--diiho-zoom-surface);
	border: 1px solid var(--diiho-zoom-border);
	border-radius: 999px;
	box-shadow: 0 14px 34px var(--diiho-zoom-shadow);
	display: inline-flex;
	gap: 8px;
	margin: 0 0 20px;
	padding: 6px;
}

.zoom::before {
	color: var(--diiho-zoom-text);
	content: "Aa";
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 0 8px 0 10px;
}

.zoom button {
	align-items: center;
	background: #fff;
	border: 1px solid var(--diiho-zoom-border);
	border-radius: 999px;
	color: var(--diiho-zoom-text);
	cursor: pointer;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	margin: 0;
	outline: none;
	padding: 0;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
	width: 42px;
}

.zoom button:hover:not(:disabled):not([aria-disabled="true"]) {
	background: var(--diiho-accent);
	border-color: var(--diiho-accent);
	box-shadow: 0 10px 20px rgba(0, 204, 0, 0.22);
	box-shadow: 0 10px 20px color-mix(in srgb, var(--diiho-accent) 30%, transparent);
	color: #fff;
	transform: translateY(-1px);
}

.zoom button:focus-visible {
	box-shadow: 0 0 0 3px rgba(0, 204, 0, 0.18);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--diiho-accent) 24%, transparent);
}

.zoom button:active:not(:disabled):not([aria-disabled="true"]) {
	transform: translateY(0);
}

.zoom button:disabled,
.zoom button[aria-disabled="true"] {
	background: #f8fafc;
	color: var(--diiho-zoom-muted);
	cursor: not-allowed;
	opacity: 1;
}

.zoom i {
	font-size: 18px;
	line-height: 1;
}

#zoomarea {
	--diiho-entry-zoom-size: 20px;

	font-size: var(--diiho-entry-zoom-size);
}

.single .entry-content img {
	box-shadow: 3px 1px 7px #77777734;
	border-radius: 7px;
	margin-top: 20px;
}

/* nut chia se trang va ma QR */
#openshare {
	--openshare-color: #333;
	background: none;
	color: var(--openshare-color);
	border: none;
	padding: 0px;
	outline: none;
}

.danh-gia {
	--diiho-local-danh-gia-color: #444;

	color: var(--diiho-local-danh-gia-color);
	font-size: 16px;
	padding-top: 5px;
}

.chiase {
	margin-top: 5px;
}

.sharehome {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	--diiho-local-sharehome-background-color: rgb(0, 0, 0);

	background-color: var(--diiho-local-sharehome-background-color);
	--diiho-local-sharehome-background-color-2: rgba(0, 0, 0, 0.8);

	background-color: var(--diiho-local-sharehome-background-color-2);
	z-index: 999;
}

html[data-theme=light] .nd-share {
	--nd-share-background: #eee;
}

.nd-share {
	--nd-share-background: #222;
	--nd-share-color: #263238;
	--nd-share-shadow: #00000057;
	position: relative;
	background-color: var(--nd-share-background);
	color: var(--nd-share-color);
	margin: auto;
	padding: 0;
	border: 0px;
	width: 80%;
	max-width: 320px;
	box-shadow: 0px 0px 9px var(--nd-share-shadow);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	border-radius: 12px;
	z-index: 999999999999999999;
}

#input-share {
	--input-share-background: #fff;
	--input-share-shadow: #888;
	width: 100%;
	overflow: hidden;
	background: var(--input-share-background);
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 0px 7px 7px 0px;
	border: none;
	outline: none;
}

#copi-share {
	--copi-share-background: #006df5;
	--copi-share-color: #fff;
	--copi-share-shadow: #888;
	width: 40px;
	overflow: hidden;
	background: var(--copi-share-background);
	margin-bottom: 10px;
	margin-top: 10px;
	color: var(--copi-share-color);
	border: none;
	border-radius: 7px 0px 0px 7px;
	padding: 0px;
	outline: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}

#copi-share.copied,
#copi-share.is-copied {
	--copi-share-background: #10b981;
	background: #10b981;
}

#copi-share .diiho-svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

#copi-share.copied .diiho-svg,
#copi-share.is-copied .diiho-svg {
	transform: scale(1.1);
}

.nd-share p {
	text-align: center;
	margin: 0px;
}

.share-copy {
	display: flex;
}

.share-save {
	margin-bottom: 12px !important;
}

.share-save-post {
	align-items: center;
	background: #333;
	border: 0;
	border-radius: 7px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: bold;
	gap: 8px;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	width: 100%;
}

.share-save-post i,
.share-save-post .diiho-svg {
	color: var(--diiho-accent);
	font-size: 16px;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.share-save-post:hover,
.share-save-post:focus-visible,
.share-save-post.is-saved {
	background: var(--diiho-accent);
	color: #fff;
	outline: none;
}

.share-save-post:hover i,
.share-save-post:focus-visible i,
.share-save-post.is-saved i,
.share-save-post:hover .diiho-svg,
.share-save-post:focus-visible .diiho-svg,
.share-save-post.is-saved .diiho-svg {
	color: #fff;
}

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}

.td-share .close {
	--td-share-close-color: #fff;
	color: var(--td-share-close-color);
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top: -8px;
}

.td-share .close:hover,
.td-share .close:focus {
	--td-share-close-hover-color: #ccc;
	color: var(--td-share-close-hover-color);
	text-decoration: none;
	cursor: pointer;
}

.td-share {
	--td-share-background: #0053bb;
	--td-share-color: #fff;
	padding: 10px 16px;
	background-color: var(--td-share-background);
	color: var(--td-share-color);
	font-weight: bold;
	font-size: 16px;
	border-radius: 10px 10px 0px 0px;
}

.sharehome-body {
	padding: 2px 16px 10px 16px;
}

.imgqr {
	margin-top: 20px;
	text-align: center;
}

.imgqr img {
	--imgqr-border-color: #ffffff;
	--imgqr-background: #fff;
	border: 2px solid var(--imgqr-border-color);
	background: var(--imgqr-background);
	border-radius: 10px;
}

.share-f,
.share-tw,
.share-li,
.share-p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
}

.share-f,
.share-tw,
.share-li {
	margin-right: 15px;
}

.share-f i,
.share-tw i,
.share-p i,
.share-li i,
.share-f .diiho-svg,
.share-tw .diiho-svg,
.share-p .diiho-svg,
.share-li .diiho-svg {
	font-size: 30px;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.share-f:hover .diiho-svg,
.share-tw:hover .diiho-svg,
.share-p:hover .diiho-svg,
.share-li:hover .diiho-svg,
.share-f:hover i,
.share-tw:hover i,
.share-p:hover i,
.share-li:hover i {
	transform: scale(1.15);
	opacity: 0.85;
}

.share-f i,
.share-f .diiho-svg {
	color: #006df5;
}

.share-tw i,
.share-tw .diiho-svg {
	color: #0090f7;
}

.share-li i,
.share-li .diiho-svg {
	color: #0a66c2;
}

.share-p i,
.share-p .diiho-svg {
	color: #ff4444;
}

.ten-box {
	--diiho-local-ten-box-color: #fff;

	color: var(--diiho-local-ten-box-color);
	font-size: 20px;
	font-weight: bold;
	padding-top: 40px;
	padding-bottom: 40px;
}

.box-video {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

.ten-lq a {
	--diiho-local-ten-lq-a-color: #fff;

	color: var(--diiho-local-ten-lq-a-color);
	font-size: 15px;
	text-decoration: none;
}

.ten-lq a:hover {
	color: var(--diiho-accent)
}

.baiviet-lq .ten-lq {
	padding-bottom: 20px;
}

.baiviet-lq .ten-lq h3 {
	line-height: 0.8;
	margin-bottom: 0px;
}

.xem {
	font-size: 14px;
	--diiho-local-xem-color: #999;

	color: var(--diiho-local-xem-color);
	padding-top: 7px;
}

.tap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	--diiho-local-tap-border-bottom: #333;

	border-bottom: 1px solid var(--diiho-local-tap-border-bottom);
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.chiase {
	text-align: right
}

.tag-video {
	margin-bottom: 10px;
}

@media (max-width: 900px) {
	.box-video {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 10px;
	}
}

/* Trang bai video hoi 14 */
/* Bai viet lien quan duoi cung bai viet */
.bai-viet-lien-quan {
	padding: 10px;
}

.baiviet-lq {
	--diiho-local-baiviet-lq-background: #222;

	background: var(--diiho-local-baiviet-lq-background);
	padding: 5px 10px 0px 10px;
	border-radius: 7px;
	--diiho-local-baiviet-lq-border: #333;

	border: 1px solid var(--diiho-local-baiviet-lq-border);
	position: relative;
}

.baiviet-lq:hover {
	--diiho-local-baiviet-lq-hover-background: #333;

	background: var(--diiho-local-baiviet-lq-hover-background)
}

.hinh-bailq img {
	width: 100%;
	border-radius: 4px;
	margin-top: 5px
}

.diiho-read-more-posts {
	--diiho-local-read-more-excerpt-color: #aaa;
	--diiho-local-read-more-shadow: rgba(0, 0, 0, 0.22);
}

.diiho-read-more-posts .ten-box i {
	margin-right: 6px;
}

.diiho-read-more-posts--compact-list .box-video {
	grid-template-columns: 1fr;
}

.diiho-read-more-posts--compact-list .baiviet-lq {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	align-items: stretch;
	gap: 20px;
	min-height: 86px;
	padding: 10px;
	box-shadow: 0 10px 24px var(--diiho-local-read-more-shadow);
}

.diiho-read-more-posts--compact-list .hinh-bailq,
.diiho-read-more-posts--compact-list .hinh-bailq a,
.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) .hinh-bailq,
.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) .hinh-bailq a {
	display: block;
	height: 100%;
}

.diiho-read-more-posts--compact-list .hinh-bailq img {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	margin-top: 0;
	object-fit: cover;
}

.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) .hinh-bailq img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	margin-top: 0;
	object-fit: cover;
}

.diiho-read-more-posts--compact-list .ten-lq,
.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) .ten-lq {
	align-self: center;
	min-width: 0;
}

.diiho-read-more-posts--compact-list .ten-lq h3,
.diiho-read-more-posts--featured-list .ten-lq h3 {
	line-height: 1.25;
	margin: 0;
	margin-top: 15px;
}

.diiho-read-more-posts--featured-list .box-video {
	grid-template-columns: 1fr;
}

.diiho-read-more-posts--featured-list .baiviet-lq {
	padding: 13px;
}

.diiho-read-more-posts--featured-list .baiviet-lq.is-featured {
	box-shadow: 0 12px 28px var(--diiho-local-read-more-shadow);
}

.diiho-read-more-posts--featured-list .baiviet-lq.is-featured .hinh-bailq img {
	aspect-ratio: 16 / 9;
	display: block;
	margin-top: 0;
	object-fit: cover;
}

.diiho-read-more-posts__excerpt {
	color: var(--diiho-local-read-more-excerpt-color);
	font-size: 15px;
	line-height: 1.45;
}

.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	align-items: stretch;
	column-gap: 10px;
}

.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) .hinh-bailq {
	grid-row: auto;
}

.diiho-read-more-posts--media-summary .box-video {
	grid-template-columns: 1fr;
	row-gap: 28px;
}

.diiho-read-more-posts--media-summary .baiviet-lq {
	align-content: start;
	align-items: stretch;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	column-gap: 22px;
	display: grid;
	grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
	grid-template-rows: auto auto;
	min-height: 134px;
	padding: 0;
	row-gap: 4px;
}

.diiho-read-more-posts--media-summary .baiviet-lq:hover {
	background: transparent;
}

.diiho-read-more-posts--media-summary .hinh-bailq,
.diiho-read-more-posts--media-summary .hinh-bailq a {
	display: block;
	height: 100%;
}

.diiho-read-more-posts--media-summary .hinh-bailq {
	grid-row: 1 / span 2;
}

.diiho-read-more-posts--media-summary .hinh-bailq img {
	aspect-ratio: 16 / 9;
	display: block;
	height: 100%;
	margin-top: 0;
	object-fit: cover;
	width: 100%;
	border-radius: 7px;
}

.diiho-read-more-posts--media-summary .ten-lq {
	align-self: start;
	min-width: 0;
	padding-bottom: 0;
}

.diiho-read-more-posts--media-summary .ten-lq h3 {
	line-height: 1.35;
	margin: 0;
}

.diiho-read-more-posts--media-summary .ten-lq a {
	font-size: 18px;
}

@media (max-width: 900px) {
	.diiho-read-more-posts--media-summary .diiho-read-more-posts__excerpt {
		display: none;
	}
}

.diiho-read-more-posts--media-summary .diiho-read-more-posts__excerpt {
	align-self: start;
	font-size: 15px;
	grid-column: 2;
	line-height: 1.55;
	margin: 0;
}

@media (min-width: 901px) {
	.diiho-read-more-posts--featured-list .box-video {
		grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.85fr);
	}

	.diiho-read-more-posts--featured-list .baiviet-lq.is-featured {
		grid-row: span 4;
	}
}

@media (max-width: 600px) {

	.diiho-read-more-posts--compact-list .baiviet-lq,
	.diiho-read-more-posts--featured-list .baiviet-lq:not(.is-featured) {
		grid-template-columns: 100px minmax(0, 1fr);
	}

	.diiho-read-more-posts--media-summary .baiviet-lq {
		gap: 20px;
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.diiho-read-more-posts--media-summary .hinh-bailq {
		grid-row: auto;
	}

	.diiho-read-more-posts--media-summary .diiho-read-more-posts__excerpt {
		grid-column: auto;
	}
}

/* ket thuc Bai viet lien quan duoi cung bai viet */
/* Nut play cho video ngau nhien & video */
.hinh-video {
	position: relative;
	width: 100%;
}

.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.hinh-video:hover .image {
	opacity: 0.7;
}

.hinh-video:hover .middle {
	opacity: 1;
}

.play {
	padding: 16px 32px;
	border-radius: 25px;
}

.play a {
	--diiho-local-play-a-color: #fff;

	color: var(--diiho-local-play-a-color)
}

/* Nut play cho video ngau nhien & video */

/* trang dieu khien */
.thongtin-coban {
	--diiho-local-thongtin-coban-color: #eee;

	color: var(--diiho-local-thongtin-coban-color);
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 20px;
	margin-top: 20px
}

.list-dk {
	font-size: 18px;
	--diiho-local-list-dk-color: #ccc;

	color: var(--diiho-local-list-dk-color);
	--diiho-local-list-dk-background: #2c2c2c;

	background: var(--diiho-local-list-dk-background);
	border-radius: 10px;
	padding: 15px;
	--diiho-local-list-dk-box-shadow: #1a1a1a;
}

.list-dk p {
	--diiho-local-list-dk-p-border-bottom: #3c3c3c;

	align-items: start;
	border-bottom: 1px dashed var(--diiho-local-list-dk-p-border-bottom);
	column-gap: 7px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	line-height: 1.45;
	overflow-wrap: anywhere;
	padding: 10px;
	word-break: break-word;
}

.list-dk p {
	display: flex;
	gap: 10px;
	align-items: center;
}

@media (max-width: 700px) {
	.thongtin-coban {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}

.time-tgia-dk {
	font-size: 14px;
	--diiho-local-time-tgia-dk-color: #999;

	color: var(--diiho-local-time-tgia-dk-color)
}

.tenuser-dk {
	text-align: center;
	padding: 15px;
	font-size: 16px;
	--diiho-local-tenuser-dk-color: #ccc;

	color: var(--diiho-local-tenuser-dk-color);
	--diiho-local-tenuser-dk-background: #2c2c2c;

	background: var(--diiho-local-tenuser-dk-background);
	border-radius: 10px;
	--diiho-local-tenuser-dk-box-shadow: #1a1a1a;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.trang-xuat {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	margin-top: 18px;
	border-radius: 23px;
	overflow: hidden;
}

.dk-dtdx {
	--diiho-local-dk-dtdx-background: #4a4a4a;

	align-items: center;
	background: var(--diiho-local-dk-dtdx-background);
	--diiho-local-dk-dtdx-color: #f5f5f5;

	color: var(--diiho-local-dk-dtdx-color);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 21px;
	height: 45px;
	width: 75px;
	justify-content: center;
	border: none;
	border-radius: 0;
	transition: background-color .2s ease, color .2s ease;
}

.dk-dtdx:first-child {
	border-top-left-radius: 23px;
	border-bottom-left-radius: 23px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dk-dtdx:last-child {
	border-top-right-radius: 23px;
	border-bottom-right-radius: 23px;
}

.dk-dtdx:hover,
.dk-dtdx:focus {
	background: var(--diiho-accent);
	color: #fff;
}

.dk-dtdx:focus {
	outline: 2px solid var(--diiho-accent);
	outline-offset: -2px;
}

.dk-dtdx i,
.dk-dtdx .diiho-svg {
	font-size: 21px;
	width: 1em;
	height: 1em;
	color: currentColor;
	margin: 0;
}

.diiho-dashboard-tabs {
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

.tablink {
	--diiho-local-tablink-background-color: #333;

	background-color: var(--diiho-local-tablink-background-color);
	--diiho-local-tablink-color: #9ca3af;

	color: var(--diiho-local-tablink-color);
	flex: 1;
	float: none;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 12px 16px;
	font-size: 24px;
	margin-bottom: 0;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.diiho-dashboard-tabs .tablink {
	gap: 10px;
}

.diiho-dashboard-tabs .tablink i,
.diiho-dashboard-tabs .tablink .diiho-svg {
	font-size: 18px;
}

.diiho-dashboard-tabs .tablink:first-child {
	border-radius: 15px 0 0 15px;
}

.diiho-dashboard-tabs .tablink:last-child {
	border-radius: 0 15px 15px 0;
}

.diiho-dashboard-tab-label {
	font-size: 15px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.diiho-dashboard-tab-label {
		display: none;
	}

	.diiho-dashboard-tabs .tablink i,
	.diiho-dashboard-tabs .tablink .diiho-svg {
		font-size: 24px;
	}
}

.tablink i,
.tablink .diiho-svg {
	font-size: 24px;
	width: 1em;
	height: 1em;
	color: inherit;
	transition: color 0.2s ease;
}

.tablink:hover {
	background-color: var(--diiho-accent) !important;
	color: #fff !important;
}

.tablink:hover i,
.tablink:hover .diiho-svg {
	color: #fff !important;
}

.tablink.active {
	background-color: color-mix(in srgb, var(--diiho-accent) 22%, transparent) !important;
	color: var(--diiho-accent) !important;
}

.tablink.active i,
.tablink.active .diiho-svg {
	color: var(--diiho-accent) !important;
}

.tabcontent {
	--diiho-local-tabcontent-color: #fff;

	color: var(--diiho-local-tabcontent-color);
	display: none;
	padding: 0;
	height: auto;
}

#Home,
#News,
#Contact,
#About {
	background-color: transparent;
	margin-bottom: 0;
}

.avatar-dk {
	width: 150px;
	margin: 0 auto
}

.avatar-dk img {
	border-radius: 100%
}

.avatar-thay {
	--diiho-local-avatar-thay-color: #999;

	color: var(--diiho-local-avatar-thay-color);
	font-size: 16px;
	text-align: center
}

.avatar-thay a {
	color: var(--diiho-accent);
	text-decoration: none;
}

.loicapnhat-tt {
	--diiho-local-loicapnhat-tt-color: #ff6666;

	color: var(--diiho-local-loicapnhat-tt-color);
}

.dangnhap p {
	margin-bottom: -1px;
}

.tieude-thongtin {
	margin-top: 15px;
	margin-bottom: 7px;
	--diiho-local-tieude-thongtin-color: #999;
	color: var(--diiho-local-tieude-thongtin-color);
	font-size: 16px;
	font-weight: bold;
}

#updateuser {
	margin-top: 20px;
}

.baiviet-dk {
	padding-top: 7px;
	--diiho-local-baiviet-dk-color: #999;

	color: var(--diiho-local-baiviet-dk-color);
	font-size: 16px;
}

.baiviet-dk a {
	--diiho-local-baiviet-dk-a-color: #fff;

	color: var(--diiho-local-baiviet-dk-a-color);
	font-size: 20px;
}

.baiviet-dk a:hover {
	--diiho-local-baiviet-dk-a-hover-color: #999;

	color: var(--diiho-local-baiviet-dk-a-hover-color);
	text-decoration: none;
}

.errordk {
	text-align: center;
	padding: 10px;
	font-size: 18px;
	--diiho-local-errordk-background: #a61111;

	background: var(--diiho-local-errordk-background);
	--diiho-local-errordk-color: #fff;

	color: var(--diiho-local-errordk-color);
	margin-bottom: 20px !important;
	border-radius: 10px;
	white-space: pre-line;
}

.successdk {
	text-align: center;
	padding: 10px;
	font-size: 18px;
	--diiho-local-successdk-background: #0f7a3f;
	background: var(--diiho-local-successdk-background);
	--diiho-local-successdk-color: #fff;
	color: var(--diiho-local-successdk-color);
	margin-bottom: 20px !important;
	border-radius: 10px;
	white-space: pre-line;
}

/* dieu khien tap 2*/
.dctw-dk {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
}

.diiho-passwords-stacked {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.diiho-password-row {
	position: relative;
	width: 100%;
}

.diiho-password-row .text-input {
	width: 100%;
}

.diiho-password-row .toggle-password {
	float: right;
	margin-right: 15px;
	margin-top: -30px;
	position: relative;
	z-index: 2;
	color: var(--diiho-accent);
	cursor: pointer;
	font-size: 15px;
}

@media (max-width: 800px) {
	.onhap-dk {
		padding: 20px;
	}
}

@media (max-width: 700px) {
	.dctw-dk {
		grid-template-columns: 1fr;
	}

	.onhap-dk {
		padding: 0px;
	}
}

.nhomcao-dk {
	border-radius: 10px;
	font-size: 15px;
	--diiho-local-nhomcao-dk-background: #2c2c2c;

	background: var(--diiho-local-nhomcao-dk-background);
	padding: 15px;
	--diiho-local-nhomcao-dk-box-shadow: #1a1a1a;
}

.nhomcao-dk p {
	padding: 10px;
	--diiho-local-nhomcao-dk-p-border-bottom: #3c3c3c;

	border-bottom: 1px dashed var(--diiho-local-nhomcao-dk-p-border-bottom);
	padding: 10px
}

@media (max-width: 400px) {
	#hoi-viet-dk a {
		display: block
	}

	#hoi-viet-dk {
		display: grid;
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}
}

/* ket thuc trang dieu kien*/
ins {
	background: none !important;
}

/* Nut thông báo số bình luận */

#nutms {
	--diiho-local-floating-button-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);

	align-items: center;
	aspect-ratio: 1;
	position: fixed;
	bottom: 10px;
	left: 10px;
	z-index: 99;
	border: none;
	outline: none;
	box-shadow: var(--diiho-local-floating-button-box-shadow);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	line-height: 1;
	--diiho-local-nutms-background-color: #333;

	background-color: var(--diiho-local-nutms-background-color);
	--diiho-local-nutms-color: #fff;

	color: var(--diiho-local-nutms-color);
	font-weight: normal;
	cursor: pointer;
	border-radius: 50%;
	opacity: 0.7;
	padding: 0;
	width: 42px;
}

#nutms:hover {
	--diiho-local-nutms-hover-background-color: #555;

	background-color: var(--diiho-local-nutms-hover-background-color);
}

#nutms .fa-comment-dots,
#nutms .diiho-svg {
	color: var(--diiho-accent);
	font-size: 18px;
	margin-right: 0;
}

.nutms-count {
	align-items: center;
	background: var(--diiho-accent);
	border: 2px solid var(--diiho-local-nutms-background-color);
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	justify-content: center;
	line-height: 1;
	min-width: 20px;
	padding: 0 5px;
	position: absolute;
	right: -7px;
	top: -7px;
}

#nutms:hover .nutms-count {
	border-color: var(--diiho-local-nutms-hover-background-color);
}

.nhom {
	padding: 20px;
}

@media (max-width: 950px) {
	.nhomfan {
		grid-template-columns: 1fr 1fr;
		margin-top: 10px;
		margin-bottom: 10px;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
}

@media (max-width: 800px) {
	.fangt {
		font-size: 15px;
	}
}

@media (max-width: 768px) {

	.fannoi,
	.fannoi2 {
		grid-template-columns: 1fr;
	}

	.fanimg {
		margin: auto
	}

	.fangt {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	.fanimg {
		margin: auto
	}

	.fangt {
		font-size: 14px;
	}

	.fangt a {
		font-size: 14px;
	}
}

@media (max-width: 400px) {
	.fangt {
		font-size: 12px;
	}

	.fangt a {
		font-size: 12px;
	}

	.dk-f2 {
		display: block
	}

	.dk-f {
		display: none
	}
}

@media (max-width: 950px) {
	.top-cao {
		grid-template-columns: 1fr;
		margin-top: 10px;
		margin-bottom: 10px
	}
}

.top-slide {
	position: relative;
	--diiho-local-top-slide-background: rgb(73, 14, 0);

	background: var(--diiho-local-top-slide-background);
	--diiho-local-top-slide-background-1: rgba(73, 14, 0, 1);

	--diiho-local-top-slide-background-2: rgba(30, 83, 0, 1);

	--diiho-local-top-slide-background-3: rgba(0, 94, 116, 1);

	background: linear-gradient(90deg, var(--diiho-local-top-slide-background-1) 0%, var(--diiho-local-top-slide-background-2) 0%, var(--diiho-local-top-slide-background-3) 100%);
	border-radius: 10px
}

.hat {
	height: 12px;
	width: 12px;
	margin: 0 2px;
	--diiho-local-hat-background-color: #333;

	background-color: var(--diiho-local-hat-background-color);
	border-radius: 50%;

	transition: background-color 0.2s ease;
}

.hat.active {
	background-color: var(--diiho-accent);
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}


/* TOP BAI VIET NGAU NHIEN TREN CUNG */
.top-bai .item-bai:nth-child(1) {
	grid-area: baia;
	--diiho-local-top-bai-item-bai-nth-child-1-box-shadow: #111;
	border-radius: 0px 0px 10px 10px;
	--diiho-local-top-bai-item-bai-nth-child-1-background: #292929;

	background: var(--diiho-local-top-bai-item-bai-nth-child-1-background);
}

.top-bai .item-bai:nth-child(2) {
	grid-area: baib;
	--diiho-local-top-bai-item-bai-nth-child-2-box-shadow: #111;
	border-radius: 0px 0px 10px 10px;
	--diiho-local-top-bai-item-bai-nth-child-2-background: #292929;

	background: var(--diiho-local-top-bai-item-bai-nth-child-2-background);
}

.top-bai .item-bai:nth-child(3) {
	grid-area: baic;
}

.top-bai .item-bai:nth-child(4) {
	grid-area: baid;
}

.top-bai .item-bai:nth-child(5) {
	grid-area: baie;
}

.top-bai {
	display: grid;
	grid-template-areas:
		'baia baia baia baib baib baib'
		'baic baic baid baid baie baie ';
	grid-gap: 15px;
	--diiho-local-top-bai-background-color: #222;

	background-color: var(--diiho-local-top-bai-background-color);
	padding: 15px;
	border-radius: 10px 10px 0px 0px;
}

@media (max-width: 900px) {
	.top-bai {
		grid-template-areas:
			'baia baia baia baia baia baia'
			'baib baib baib baib baib baib '
			'baic baic baic baic baic baic '
			'baid baid baid baid baid baid '
			'baie baie baie baie baie baie ';
	}

	.top-bai .item-bai:nth-child(2) {
		background: none
	}
}

/* noi dung cua tip bai TOP BAI VIET TREN CUNG */
.item-bai img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	border-radius: 5px 5px 0px 0px;
}

.item-bai img:hover {
	opacity: 0.7;
	filter: grayscale(100%);
}

.item-bai:nth-child(1) img,
.top-bai .item-bai:nth-child(2) img {
	height: 260px;
}

.toph2 {
	line-height: 1.16;
	font-size: 18px;
	margin-bottom: -2px;
}

.top-bai .item-bai:nth-child(1) .noidung-bai,
.top-bai .item-bai:nth-child(2) .noidung-bai {
	padding: 15px;
	margin-top: -12px;
	border-radius: 0px 0px 10px 10px;
}

.top-bai .item-bai:nth-child(3) .noidung-bai,
.top-bai .item-bai:nth-child(4) .noidung-bai,
.top-bai .item-bai:nth-child(5) .noidung-bai {
	margin-top: 5px;
}

.top-bai a {
	--diiho-local-top-bai-a-color: #fff;

	color: var(--diiho-local-top-bai-a-color);
	text-decoration: none
}

.top-bai a:hover {
	--diiho-local-top-bai-a-hover-color: #aaa;

	color: var(--diiho-local-top-bai-a-hover-color)
}

.tacgia-bai {
	margin-top: -7px;
}

.timeago-bai {
	--diiho-local-timeago-bai-color: #ccc;

	color: var(--diiho-local-timeago-bai-color);
	font-size: 13px;
	margin-left: 7px;
}

.tacgia-bai a {
	font-size: 13px !important;
	color: var(--diiho-accent)
}

.top-bai .item-bai:nth-child(1) a,
.top-bai .item-bai:nth-child(2) a {
	font-size: 23px;
}

.top-bai .item-bai:nth-child(1) .tacgia-bai a,
.top-bai .item-bai:nth-child(2) .tacgia-bai a {
	font-size: 13px;
}

.top-bai .item-bai:nth-child(3) img,
.top-bai .item-bai:nth-child(4) img,
.top-bai .item-bai:nth-child(5) img {
	border-radius: 5px;
}

.top-webcao {
	width: 100%;
	--diiho-local-top-webcao-background: #151515;

	background: var(--diiho-local-top-webcao-background);
	border-radius: 0px 0px 20px 20px;
	padding: 20px;
	background-image: var(--diiho-asset-images-bg-baitop-png, url(images/bg-baitop.png));
	background-size: 100%;
	background-repeat: no-repeat;
}

.webcao {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 10px;
	width: 150px;
	margin: auto;
	text-align: center
}

.webcao a {
	--diiho-local-webcao-a-color: #fff;

	color: var(--diiho-local-webcao-a-color);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none
}

.webcao img {
	border-radius: 100%;
	width: 60px;
}

@media (max-width: 900px) {

	.item-bai img,
	.top-bai .item-bai:nth-child(2) img {
		height: 90%;
	}

	.top-bai .item-bai:nth-child(2) .noidung-bai,
	.top-bai .item-bai:nth-child(3) .noidung-bai,
	.top-bai .item-bai:nth-child(4) .noidung-bai,
	.top-bai .item-bai:nth-child(5) .noidung-bai {
		margin-top: 0px;
		border-radius: 0px;
	}

	.top-bai .item-bai:nth-child(2),
	.top-bai .item-bai:nth-child(3),
	.top-bai .item-bai:nth-child(4),
	.top-bai .item-bai:nth-child(5) {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}

	.top-bai .item-bai:nth-child(2),
	.top-bai .item-bai:nth-child(3),
	.top-bai .item-bai:nth-child(4),
	.top-bai {
		--diiho-local-top-bai-item-bai-nth-child-2-border-bottom: #333;

		border-bottom: 1px solid var(--diiho-local-top-bai-item-bai-nth-child-2-border-bottom);
	}

	.top-bai .item-bai:nth-child(2) a {
		font-size: 18px;
	}

	.top-bai .item-bai:nth-child(2) .noidung-bai {
		background: none;
		padding: 0px;
	}

	.top-bai .item-bai:nth-child(2) img {
		border-radius: 5px;
	}

	.top-bai .item-bai:nth-child(2) {
		box-shadow: none;
		margin-top: 5px;
		border-radius: 0px;
	}

	.top-webcao {
		background-size: auto;
	}
}

@media (max-width: 500px) {
	.item-bai:nth-child(1) img {
		height: 200px;
	}

	.top-bai .item-bai:nth-child(2),
	.top-bai .item-bai:nth-child(3),
	.top-bai .item-bai:nth-child(4),
	.top-bai .item-bai:nth-child(5) {
		grid-template-columns: 1fr 1.1fr;
	}

	.top-bai .item-bai:nth-child(1) a {
		font-size: 18px;
	}

	.top-bai .item-bai:nth-child(2) a,
	.top-bai .item-bai:nth-child(3) a,
	.top-bai .item-bai:nth-child(4) a,
	.top-bai .item-bai:nth-child(5) a {
		font-size: 16px;
	}
}

i.fas.fa-stream {
	color: var(--diiho-accent);
	font-size: 16px;
}

.diiho-tocbot {
	--diiho-local-tocbot-background: #fff;
	--diiho-local-tocbot-border: #e5e7eb;
	--diiho-local-tocbot-color: #333;
	--diiho-local-tocbot-muted: #64748b;
	--diiho-local-tocbot-header-background: #f8fafc;
	--diiho-local-tocbot-hover-background: #f1f5f9;
	--diiho-local-tocbot-active-background: #ecfdf5;
	--diiho-local-tocbot-shadow: rgba(15, 23, 42, 0.08);
	--diiho-local-tocbot-accent: var(--diiho-accent, #16a34a);

	background: var(--diiho-local-tocbot-background);
	border: 1px solid var(--diiho-local-tocbot-border);
	border-radius: 8px;
	box-shadow: 0 12px 28px var(--diiho-local-tocbot-shadow);
	color: var(--diiho-local-tocbot-color);
	margin: 0 0 24px;
	overflow: hidden;
}

html[data-theme=light] .diiho-tocbot,
body.diiho-light-mode .diiho-tocbot {
	--diiho-local-tocbot-background: #fff;
	--diiho-local-tocbot-border: #e5e7eb;
	--diiho-local-tocbot-color: #333;
	--diiho-local-tocbot-muted: #64748b;
	--diiho-local-tocbot-header-background: #f8fafc;
	--diiho-local-tocbot-hover-background: #f1f5f9;
	--diiho-local-tocbot-active-background: #ecfdf5;
	--diiho-local-tocbot-shadow: rgba(15, 23, 42, 0.08);
}

.diiho-tocbot__toggle {
	align-items: center;
	background: var(--diiho-local-tocbot-header-background);
	border: 0;
	border-bottom: 1px solid var(--diiho-local-tocbot-border);
	border-radius: 0;
	color: var(--diiho-local-tocbot-color);
	cursor: pointer;
	display: flex;
	font-size: 16px;
	font-weight: bold;
	justify-content: space-between;
	line-height: 1.35;
	margin: 0;
	padding: 13px 16px;
	text-align: left;
	width: 100%;
}

.diiho-tocbot__toggle:hover,
.diiho-tocbot__toggle:focus {
	background: var(--diiho-local-tocbot-hover-background);
	color: var(--diiho-local-tocbot-color);
	outline: none;
}

.diiho-tocbot__toggle:focus-visible {
	box-shadow: inset 0 0 0 2px var(--diiho-local-tocbot-accent);
}

.diiho-tocbot__title {
	align-items: center;
	display: flex;
	gap: 9px;
	min-width: 0;
}

.diiho-tocbot__title i {
	color: var(--diiho-local-tocbot-accent);
	flex: 0 0 auto;
}

.diiho-tocbot__toggle-icon {
	color: var(--diiho-local-tocbot-muted);
	flex: 0 0 auto;
	font-size: 13px;
	transition: transform 0.2s ease;
}

.diiho-tocbot.is-collapsed .diiho-tocbot__toggle-icon {
	transform: rotate(180deg);
}

.diiho-tocbot.is-collapsed .diiho-tocbot__nav {
	display: none;
}

.diiho-tocbot__nav {
	padding: 10px 14px 14px;
	overflow: auto;
	max-height: 500px;
}

.diiho-tocbot__list {
	display: grid;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.diiho-tocbot__link {
	align-items: flex-start;
	border-radius: 6px;
	color: var(--diiho-local-tocbot-color);
	display: flex;
	font-size: 15px;
	gap: 9px;
	line-height: 1.45;
	padding: 7px 10px;
	text-decoration: none;
}

.diiho-tocbot__link::before {
	background: var(--diiho-local-tocbot-accent);
	border-radius: 50%;
	content: "";
	flex: 0 0 auto;
	height: 6px;
	margin-top: 8px;
	opacity: 0.35;
	width: 6px;
}

.diiho-tocbot__link:hover,
.diiho-tocbot__link.is-active {
	background: var(--diiho-local-tocbot-active-background);
	border-left-color: var(--diiho-local-tocbot-accent);
	color: var(--diiho-local-tocbot-color);
	text-decoration: none;
}

.diiho-tocbot__link.is-active::before {
	opacity: 1;
}

.diiho-tocbot__item--level-1 .diiho-tocbot__link {
	font-weight: 600;
}

.diiho-tocbot__item--level-3 .diiho-tocbot__link {
	font-size: 14px;
	padding-left: 24px;
}

.diiho-tocbot__item--level-4 .diiho-tocbot__link {
	color: var(--diiho-local-tocbot-muted);
	font-size: 13px;
	padding-left: 38px;
}

.diiho-tocbot__item--level-5 .diiho-tocbot__link {
	color: var(--diiho-local-tocbot-muted);
	font-size: 12.5px;
	padding-left: 50px;
}

.diiho-tocbot__item--level-6 .diiho-tocbot__link {
	color: var(--diiho-local-tocbot-muted);
	font-size: 12px;
	padding-left: 62px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	scroll-margin-top: 90px;
}

@media (max-width: 600px) {
	.diiho-tocbot {
		margin-bottom: 20px;
	}

	.diiho-tocbot__toggle {
		font-size: 15px;
		padding: 12px 14px;
	}

	.diiho-tocbot__nav {
		padding: 8px 10px 12px;
	}

	.diiho-tocbot__link {
		font-size: 14px;
		padding: 7px 8px;
	}

	.diiho-tocbot__item--level-3 .diiho-tocbot__link {
		padding-left: 20px;
	}

	.diiho-tocbot__item--level-4 .diiho-tocbot__link {
		padding-left: 30px;
	}

	.diiho-tocbot__item--level-5 .diiho-tocbot__link {
		padding-left: 38px;
	}

	.diiho-tocbot__item--level-6 .diiho-tocbot__link {
		padding-left: 46px;
	}
}

/* login mxh o binh luan */
ul.the_champ_login_ul li i,
i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin {
	--diiho-local-ul-the-champ-login-ul-li-i-background: #000;

	background: var(--diiho-local-ul-the-champ-login-ul-li-i-background) !important;
	border: 0px;
}

ul.the_champ_login_ul li i:hover,
i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin:hover {
	--diiho-local-ul-the-champ-login-ul-li-i-hover-background: #222;

	background: var(--diiho-local-ul-the-champ-login-ul-li-i-hover-background) !important;
	border-radius: 100% !important
}

/* like bai viet huu ich */
.pp-oklike {
	font-size: 13px;
	--diiho-local-pp-oklike-color: #888;

	color: var(--diiho-local-pp-oklike-color);
	margin-top: 10px;
	text-transform: uppercase;
}

.pp_like {
	--pp-like-color: #444;
	--pp-like-background: #ffc800;
	padding: 5px 15px 5px 15px;
	border-radius: 30px;
	font-size: 18px;
	color: var(--pp-like-color);
	text-decoration: none !important;
	background: var(--pp-like-background);
	font-weight: bold;
	transition: all 0.2s ease-in-out;
}

.pp_like:hover {
	--pp-like-hover-background: #555;
	--pp-like-hover-color: #fff;
	background: var(--pp-like-hover-background);
	color: var(--pp-like-hover-color);
}

.pp_like:hover:after {
	content: " " attr(data-label) "!";
}

.pp_like.liked {
	--pp-like-color: #fff;
	--pp-like-background: #ff4757;
}

.pp_like.liked:hover {
	--pp-like-hover-background: #e04050;
	--pp-like-hover-color: #fff;
}

.pp_like.loading {
	opacity: 0.6;
	pointer-events: none;
}

/* like binh luan */
.cld-like-dislike-wrap.cld-template-2 {
	margin-bottom: 0px;
	--diiho-local-cld-like-dislike-wrap-cld-template-2-color: #999;

	color: var(--diiho-local-cld-like-dislike-wrap-cld-template-2-color);
	font-size: 13px;
}

.cld-like-dislike-wrap .cld-common-wrap {
	margin-right: 0px !important
}

.like-comen {
	margin-right: 15px;
	margin-left: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cld-like-wrap.cld-common-wrap {
	min-width: 0px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: color 0.2s ease;
}

.cld-like-wrap.cld-common-wrap a {
	--diiho-local-cld-like-wrap-cld-common-wrap-a-color: #979797;

	color: var(--diiho-local-cld-like-wrap-cld-common-wrap-a-color);
	display: inline-flex;
	align-items: center;
	gap: 4px;
	transition: color 0.2s ease;
}

.cld-count-wrap {
	margin-left: 0px !important;
	display: inline-flex;
	align-items: center;
	transition: color 0.2s ease;
}

.cld-common-wrap>a.cld-like-dislike-trigger:after {
	content: attr(data-label);
}

.cld-common-wrap>a.cld-like-dislike-trigger:hover {
	color: var(--diiho-accent);
}

/* Chuyển icon tim và text count sang màu chủ đạo khi có like hoặc đã like */
.cld-like-wrap.has-likes,
.cld-like-wrap.cld-is-liked,
.cld-like-wrap:has(.cld-like-trigger.liked),
.cld-like-wrap:has(.cld-like-trigger.has-likes) {
	color: var(--diiho-accent);
}

.cld-like-wrap.has-likes a,
.cld-like-wrap.cld-is-liked a,
.cld-like-dislike-trigger.liked,
.cld-like-dislike-trigger.has-likes {
	--diiho-local-cld-like-wrap-cld-common-wrap-a-color: var(--diiho-accent);
	color: var(--diiho-accent) !important;
}

.cld-like-wrap.has-likes a svg,
.cld-like-wrap.cld-is-liked a svg,
.cld-like-dislike-trigger.liked svg,
.cld-like-dislike-trigger.has-likes svg {
	fill: currentColor;
	color: var(--diiho-accent);
}

.cld-like-wrap.has-likes .cld-count-wrap,
.cld-like-wrap.cld-is-liked .cld-count-wrap,
.cld-like-dislike-trigger.liked~.cld-count-wrap,
.cld-like-dislike-trigger.has-likes~.cld-count-wrap {
	color: var(--diiho-accent) !important;
	font-weight: 600;
}

.cld-like-trigger .diiho-svg,
.cld-like-trigger i {
	transition: transform 0.2s ease, fill 0.2s ease;
}

.cld-like-trigger.liked .diiho-svg,
.cld-like-trigger.liked i {
	transform: scale(1.1);
}

.quang-tin {
	width: 100%;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: none;
	--diiho-local-wp-pagenavi-a-color: #fff;

	color: var(--diiho-local-wp-pagenavi-a-color);
}

/* scroll */
html {
	scrollbar-width: thin;
	scrollbar-color: #555 transparent;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: transparent;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	background-color: #555;
	border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #777;
}

html[data-theme=light],
body.diiho-light-mode {
	scrollbar-color: #cbd5e1 transparent;
}

html[data-theme=light]::-webkit-scrollbar,
html[data-theme=light] ::-webkit-scrollbar,
body.diiho-light-mode::-webkit-scrollbar,
body.diiho-light-mode ::-webkit-scrollbar {
	background-color: transparent;
}

html[data-theme=light]::-webkit-scrollbar-track,
html[data-theme=light] ::-webkit-scrollbar-track,
body.diiho-light-mode::-webkit-scrollbar-track,
body.diiho-light-mode ::-webkit-scrollbar-track {
	background-color: transparent;
}

html[data-theme=light]::-webkit-scrollbar-thumb,
html[data-theme=light] ::-webkit-scrollbar-thumb,
body.diiho-light-mode::-webkit-scrollbar-thumb,
body.diiho-light-mode ::-webkit-scrollbar-thumb {
	background-color: #cbd5e1;
}

html[data-theme=light]::-webkit-scrollbar-thumb:hover,
html[data-theme=light] ::-webkit-scrollbar-thumb:hover,
body.diiho-light-mode::-webkit-scrollbar-thumb:hover,
body.diiho-light-mode ::-webkit-scrollbar-thumb:hover {
	background-color: #94a3b8;
}

.chant1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.chant1 ul li {
	margin-left: 20px;
}

.chant1 ul li:first-child {
	margin-left: 0;
}

.chant1 ul li:first-child a {
	--diiho-local-chant1-ul-li-first-child-a-color: #ccc;

	color: var(--diiho-local-chant1-ul-li-first-child-a-color);
}



/* Cố định footer ở dưới cùng (Sticky Footer) */
.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
}

.site-content {
	flex: 1 0 auto;
}

@media (max-width: 650px) {
	.thoitiet {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
		padding: 20px
	}
}

.city {
	font-size: 30px;
	margin-top: 10px;
	line-height: 1.3;
}

.temp {
	margin: 0;
	margin-top: 10px;
	font-size: 55px;
	line-height: 1;
}

@media (max-width: 650px) {
	.temp {
		font-size: 40px;
	}
}

.flex {
	display: flex;
	align-items: center;
	font-size: 50px;
}

.description {
	text-transform: capitalize;
	margin-left: 8px;
	font-size: 20px;
}

.weather.loading {
	visibility: hidden;
	max-height: 20px;
	position: relative;
}

.gio {
	--gio-background-start: rgb(56 252 0 / 22%);
	--gio-background-end: rgba(75, 75, 75, 0);
	line-height: 25px;
	padding-left: 10px;
	background: linear-gradient(90deg, var(--gio-background-start) 0%, var(--gio-background-end) 100%);
	border-radius: 10px;
	padding: 10px;
}

#days {
	font-size: 60px;
	margin-top: 10px;
}

@media (max-width: 650px) {
	#days {
		font-size: 45px;
	}
}

#times {
	--times-color: #8effe0;
	font-size: 50px;
	font-weight: bold;
	color: var(--times-color);
}

@media (max-width: 650px) {
	#times {
		font-size: 40px;
	}
}

.datetim {
	display: flex;
}

.diiho-weather-wrap {
	width: 100%;
}

.diiho-weather {
	--diiho-weather-background: #222;
	--diiho-weather-forecast-background: rgb(57 57 57 / 32%);
	--diiho-weather-forecast-item-background: #3b3b3be3;
	--diiho-weather-forecast-item-border: rgba(255, 255, 255, 0.12);
	--diiho-weather-forecast-color: #fff;
	--diiho-weather-forecast-muted-color: #cbd5e1;
	--diiho-weather-forecast-temp-color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

@media (max-width: 650px) {
	.diiho-weather {
		grid-template-columns: 1fr;
		grid-row-gap: 15px;
	}
}

.diiho-weather-card {
	--diiho-weather-card-background: #000000bf;
	--diiho-weather-card-color: #fff;
	background: var(--diiho-weather-card-background);
	color: var(--diiho-weather-card-color);
	padding: 30px;
	border-radius: 20px;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.diiho-weather-card--hot {
	background-image: var(--diiho-asset-template-parts-weather-nang2-gif, url(template-parts/weather/nang2.gif));
}

.diiho-weather-card--mild {
	background-image: var(--diiho-asset-template-parts-weather-mat2-gif, url(template-parts/weather/mat2.gif));
}

.diiho-weather-card--cold {
	background-image: var(--diiho-asset-template-parts-weather-lanh2-gif, url(template-parts/weather/lanh2.gif));
}

.diiho-weather-search,
.diiho-weather-date-search {
	display: flex;
}

.diiho-weather-search-button,
.diiho-weather-date-submit {
	border: none;
	cursor: pointer;
	width: 60px;
}

.diiho-weather-search-button {
	--diiho-weather-search-button-background: var(--diiho-accent);
	--diiho-weather-search-button-shadow: #11111173;
	border-radius: 0px 10px 10px 0px;
	background: var(--diiho-weather-search-button-background);
	box-shadow: 0px 0px 7px var(--diiho-weather-search-button-shadow);
}

.diiho-weather-search-button i,
.diiho-weather-date-submit i {
	color: #fff;
	font-size: 20px;
}

.diiho-weather-search-input,
.diiho-weather-date-input {
	width: 100%;
	outline: none;
	font-size: 20px;
	border: none;
}

.diiho-weather-search-input {
	--diiho-weather-search-input-background: #ffffffc7;
	--diiho-weather-search-input-color: #333;
	--diiho-weather-search-input-shadow: #66666626;
	border-radius: 10px 0px 0px 10px;
	background: var(--diiho-weather-search-input-background);
	color: var(--diiho-weather-search-input-color);
	box-shadow: 0px 0px 7px var(--diiho-weather-search-input-shadow);
}

.diiho-weather-city {
	font-size: 30px;
	margin-top: 10px;
	line-height: 1.3;
}

.diiho-weather-temp {
	margin: 0;
	margin-top: 10px;
	font-size: 55px;
	line-height: 1;
}

@media (max-width: 650px) {
	.diiho-weather-temp {
		font-size: 40px;
	}
}

.diiho-weather-meta {
	display: flex;
	align-items: center;
	font-size: 50px;
}

.diiho-weather-description {
	text-transform: capitalize;
	margin-left: 8px;
	font-size: 20px;
}

.diiho-weather-current.is-loading {
	visibility: hidden;
	max-height: 20px;
	position: relative;
}

.diiho-weather-current.is-loading::after {
	visibility: visible;
	content: attr(data-loading-text);
	color: #fff;
	position: absolute;
	top: 0;
	left: 20px;
}

.diiho-weather-details {
	--diiho-weather-details-background-start: var(--diiho-accent);
	--diiho-weather-details-background-end: rgba(75, 75, 75, 0);
	line-height: 25px;
	padding: 10px;
	background: linear-gradient(90deg, var(--diiho-weather-details-background-start) 0%, var(--diiho-weather-details-background-end) 100%);
	border-radius: 10px;
}

.diiho-weather-humidity-icon {
	margin-right: 15px;
}

.diiho-weather-wind-icon {
	margin-right: 5px;
}

.diiho-weather-time {
	--diiho-weather-time-background: #272727eb;
	--diiho-weather-time-color: #fff;
	background: var(--diiho-weather-time-background);
	padding: 30px;
	color: var(--diiho-weather-time-color);
	border-radius: 20px;
	font-size: 30px;
	line-height: 1.3;
	background-size: cover;
	background-position: center;
}

.diiho-weather-time--new-year {
	background-image: var(--diiho-asset-template-parts-weather-nammoi-jpg, url(template-parts/weather/nammoi.jpg));
}

.diiho-weather-time--lunar {
	background-image: var(--diiho-asset-template-parts-weather-lunar-jpg, url(template-parts/weather/lunar.jpg));
}

.diiho-weather-day {
	font-size: 60px;
	margin-top: 10px;
}

@media (max-width: 650px) {
	.diiho-weather-day {
		font-size: 45px;
	}
}

.diiho-weather-clock {
	--diiho-weather-clock-color: var(--diiho-accent);
	font-size: 50px;
	font-weight: bold;
	color: var(--diiho-weather-clock-color);
}

@media (max-width: 650px) {
	.diiho-weather-clock {
		font-size: 40px;
	}
}

.diiho-weather-holiday {
	--diiho-weather-holiday-background-start: rgb(255 255 255 / 28%);
	--diiho-weather-holiday-background-end: rgba(75, 75, 75, 0);
	font-size: 16px;
	padding: 10px;
	background: linear-gradient(90deg, var(--diiho-weather-holiday-background-start) 0%, var(--diiho-weather-holiday-background-end) 100%);
	border-radius: 10px;
}

span.diiho-weather-holiday-text {
	margin-left: 7px;
}

.diiho-weather-holiday-text.is-emphasis {
	font-weight: 900;
	text-shadow: 0 2px 1px #000;
}

.diiho-weather-forecast {
	background: var(--diiho-weather-forecast-background);
	border-radius: 20px;
	color: var(--diiho-weather-forecast-color);
	grid-column: 1 / -1;
	padding: 15px;
}

.diiho-weather-forecast__list {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diiho-weather-forecast__item {
	align-items: center;
	background: var(--diiho-weather-forecast-item-background);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 145px;
	min-width: 0;
	padding: 12px 10px;
	text-align: center;
}

.diiho-weather-forecast__item.is-placeholder {
	gap: 8px;
}

.diiho-weather-forecast__message {
	grid-column: 1 / -1;
	min-height: 70px;
}

.diiho-weather-forecast__day {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	overflow-wrap: anywhere;
	color: var(--diiho-accent);
}

.diiho-weather-forecast__date,
.diiho-weather-forecast__description,
.diiho-weather-forecast__item.is-placeholder {
	color: var(--diiho-weather-forecast-muted-color);
	font-size: 13px;
	line-height: 1.25;
}

.diiho-weather-forecast__icon {
	height: 54px;
	margin: 4px 0;
	object-fit: contain;
	width: 54px;
}

.diiho-weather-forecast__temp {
	color: var(--diiho-weather-forecast-temp-color);
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}

.diiho-weather-forecast__description {
	margin-top: 5px;
	text-transform: capitalize;
}

@media (max-width: 650px) {
	.diiho-weather-forecast__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.diiho-weather-date-submit {
	--diiho-weather-date-submit-background: var(--diiho-accent);
	--diiho-weather-date-submit-shadow: #555;
	border-radius: 0px 10px 10px 0px;
	background: var(--diiho-weather-date-submit-background);
	box-shadow: 0px 0px 7px var(--diiho-weather-date-submit-shadow);
}

.diiho-weather-date-input {
	--diiho-weather-date-input-background: #ffffffc7;
	--diiho-weather-date-input-color: #444;
	--diiho-weather-date-input-shadow: #555;
	border-radius: 10px 0px 0px 10px;
	background: var(--diiho-weather-date-input-background);
	color: var(--diiho-weather-date-input-color);
	box-shadow: 0px 0px 7px var(--diiho-weather-date-input-shadow);
}

/* crypto finance widget */
.widget_diiho_crypto_market {
	grid-column: 1/-1;
	width: 100%;
}

.diiho-crypto-market {
	--diiho-crypto-market-background: #05070b;
	--diiho-crypto-market-panel: #0b1118;
	--diiho-crypto-market-panel-2: #1e1e1e00;
	--diiho-crypto-market-border: rgba(148, 163, 184, 0.22);
	--diiho-crypto-market-border-strong: rgba(255, 255, 255, 0.14);
	--diiho-crypto-market-text: #f8fafc;
	--diiho-crypto-market-muted: #94a3b8;
	--diiho-crypto-market-soft: #cbd5e1;
	--diiho-crypto-market-up: #22c55e;
	--diiho-crypto-market-down: #ef4444;
	--diiho-crypto-market-grid: rgba(148, 163, 184, 0.16);
	--diiho-crypto-market-shadow: rgba(0, 0, 0, 0.45);

	background: linear-gradient(135deg, #111111d1, #111111c7 54%, #111111b0),
		var(--diiho-crypto-market-background);
	border-radius: 10px;
	box-shadow: 0 20px 55px var(--diiho-crypto-market-shadow);
	color: var(--diiho-crypto-market-text);
	overflow: hidden;
	padding: 20px;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}

.diiho-crypto-market::before {
	background-image:
		linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px);
	background-size: 36px 36px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.diiho-crypto-market>* {
	position: relative;
	z-index: 1;
}

.diiho-crypto-market__header {
	align-items: center;
	display: flex;
	gap: 15px;
	justify-content: space-between;
	margin-bottom: 16px;
}

.diiho-crypto-market__eyebrow {
	color: var(--diiho-accent);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: uppercase;
}

.diiho-crypto-market__title {
	color: var(--diiho-crypto-market-text);
	font-size: 26px;
	line-height: 1.15;
	margin: 2px 0 0;
}

.diiho-crypto-market__source {
	align-items: center;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--diiho-crypto-market-border-strong);
	border-radius: 5px;
	color: var(--diiho-crypto-market-soft);
	display: inline-flex;
	font-size: 13px;
	font-weight: bold;
	gap: 8px;
	padding: 9px 12px;
	white-space: nowrap;
}

.diiho-crypto-market__source i {
	color: var(--diiho-accent);
}

.diiho-crypto-market__featured {
	position: relative;
}

.diiho-crypto-market__featured.is-loading::after {
	align-items: center;
	background: rgba(5, 7, 11, 0.72);
	border-radius: 10px;
	color: var(--diiho-crypto-market-text);
	content: attr(data-loading-text);
	display: flex;
	font-size: 15px;
	font-weight: bold;
	inset: 0;
	justify-content: center;
	position: absolute;
	z-index: 3;
}

.diiho-crypto-market__featured-top {
	align-items: flex-start;
	display: flex;
	gap: 15px;
	justify-content: space-between;
	margin-bottom: 14px;
}

.diiho-crypto-market__coin {
	align-items: center;
	display: flex;
	gap: 12px;
	min-width: 0;
}

.diiho-crypto-market__coin-icon {
	background: #fff;
	border-radius: 100%;
	height: 44px;
	width: 44px;
}

.diiho-crypto-market__coin-name {
	color: var(--diiho-crypto-market-text);
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1;
	overflow-wrap: anywhere;
}

.diiho-crypto-market__coin-symbol {
	color: var(--diiho-crypto-market-muted);
	font-size: 12px;
	font-weight: bold;
	margin-top: 4px;
	text-transform: uppercase;
}

.diiho-crypto-market__featured-price {
	color: var(--diiho-crypto-market-text);
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
	text-align: right;
	white-space: nowrap;
}

.diiho-crypto-market__chart {
	background: linear-gradient(180deg, #000000cf, #00000073);
	border: 1px solid var(--diiho-crypto-market-border);
	border-radius: 10px;
	height: 270px;
	overflow: hidden;
	position: relative;
}

.diiho-crypto-market__chart::after {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
	background-size: 80px 100%;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.diiho-crypto-market__chart-svg {
	color: var(--diiho-crypto-market-up);
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

.diiho-crypto-market.is-negative .diiho-crypto-market__chart-svg {
	color: var(--diiho-crypto-market-down);
}

.diiho-crypto-market__chart-line-grid {
	stroke: var(--diiho-crypto-market-grid);
	stroke-width: 1;
}

.diiho-crypto-market__chart-line {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 4;
}

.diiho-crypto-market__chart-point {
	fill: currentColor;
	stroke: #05070b;
	stroke-width: 4;
}

.diiho-crypto-market__stats {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 14px;
}


.diiho-crypto-market__stats span {
	color: var(--diiho-crypto-market-muted);
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.diiho-crypto-market__stats strong {
	color: var(--diiho-crypto-market-text);
	display: block;
	font-size: 15px;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.diiho-crypto-market .is-positive {
	color: var(--diiho-crypto-market-up);
}

.diiho-crypto-market .is-negative {
	color: var(--diiho-crypto-market-down);
}

.diiho-crypto-market__list {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 14px;
}

.diiho-crypto-market__item {
	align-items: center;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03)),
		var(--diiho-crypto-market-panel-2);
	border: 1px solid var(--diiho-crypto-market-border);
	border-radius: 10px;
	display: grid;
	gap: 9px;
	grid-template-columns: 34px minmax(0, 1fr);
	min-height: 132px;
	padding: 12px;
}

.diiho-crypto-market__item-icon {
	background: rgba(255, 255, 255, 0.16);
	border-radius: 100%;
	display: block;
	height: 34px;
	width: 34px;
}

.diiho-crypto-market__item-main {
	min-width: 0;
}

.diiho-crypto-market__item-main span {
	color: var(--diiho-crypto-market-text);
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.diiho-crypto-market__item-main small,
.diiho-crypto-market__item-side small {
	color: var(--diiho-crypto-market-muted);
	display: block;
	font-size: 11px;
	line-height: 1.25;
}

.diiho-crypto-market__item-side {
	grid-column: 1 / -1;
}

.diiho-crypto-market__item-side strong {
	color: var(--diiho-crypto-market-soft);
	display: block;
	font-size: 15px;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.diiho-crypto-market__message {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid var(--diiho-crypto-market-border);
	border-radius: 10px;
	color: var(--diiho-crypto-market-muted);
	grid-column: 1 / -1;
	padding: 18px;
	text-align: center;
}

.diiho-crypto-market__item.is-placeholder {
	opacity: .45;
}

.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-main span,
.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-main small,
.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-side strong,
.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-side small {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 4px;
	display: block;
	height: 12px;
}

.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-main small,
.diiho-crypto-market__item.is-placeholder .diiho-crypto-market__item-side small {
	margin-top: 7px;
	width: 64%;
}

@media (max-width: 1000px) {
	.diiho-crypto-market__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.diiho-crypto-market {
		padding: 15px;
	}

	.diiho-crypto-market__header,
	.diiho-crypto-market__featured-top {
		align-items: flex-start;
	}

	.diiho-crypto-market__header .diiho-crypto-market__source span {
		display: none;
	}

	.diiho-crypto-market__featured-price {
		text-align: left;
	}

	.diiho-crypto-market__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.diiho-crypto-market__title {
		font-size: 20px;
	}

	.diiho-crypto-market__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.diiho-crypto-market__coin-name {
		font-size: 16px;
	}

	.diiho-crypto-market__featured-price {
		font-size: 16px;
	}

	.diiho-crypto-market__coin-symbol {
		font-size: 10px;
	}
}


/* cao video widgth */

.widget_diiho_video_post {
	grid-column: 1/-1;
	width: 100%;
}

#xemthemvideo {
	text-align: center;
	width: 100%;
	border-radius: 10px;
	--diiho-local-xemthemvideo-background-1: var(--diiho-accent);

	--diiho-local-xemthemvideo-background-2: var(--diiho-accent-dark);

	background: linear-gradient(to left, var(--diiho-local-xemthemvideo-background-1), var(--diiho-local-xemthemvideo-background-2));
	--diiho-local-xemthemvideo-box-shadow: #111;

	margin-top: 10px;
	border: none;
	--diiho-local-xemthemvideo-color: #fff;

	color: var(--diiho-local-xemthemvideo-color);
}

#style-2::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	--diiho-local-style-2-webkit-scrollbar-background-color: rgba(0, 0, 0, 0.1);

	background-color: var(--diiho-local-style-2-webkit-scrollbar-background-color);
}

#style-2::-webkit-scrollbar-thumb {
	--diiho-local-style-2-webkit-scrollbar-thumb-background-color: #555;

	background-color: var(--diiho-local-style-2-webkit-scrollbar-thumb-background-color);
	border-radius: 0px;
}

#style-2::-webkit-scrollbar-track {
	--diiho-local-style-2-webkit-scrollbar-track-webkit-box-shadow: rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: inset 0 0 6px var(--diiho-local-style-2-webkit-scrollbar-track-webkit-box-shadow);
	--diiho-local-style-2-webkit-scrollbar-track-background-color: rgba(0, 0, 0, 0.2);

	background-color: var(--diiho-local-style-2-webkit-scrollbar-track-background-color);
	border-radius: 0px;
}

.nenvideocao {
	--diiho-local-nenvideocao-background-image-1: #252525;

	--diiho-local-nenvideocao-background-image-2: #3e3e3e;

	background-image: linear-gradient(90deg, var(--diiho-local-nenvideocao-background-image-1), var(--diiho-local-nenvideocao-background-image-2));
	padding: 20px 20px 20px 20px;
	border-radius: 10px;
	border-top: 6px solid;
	border-image-slice: 1;
	border-width: 6px;
	border-left: 0px;
	border-bottom: 0px;
	border-right: 0px;
}

.nenvideocaob {
	--diiho-local-nenvideocaob-border-image-source: #00cc0005;

	border-image-source: linear-gradient(to left, var(--diiho-local-nenvideocaob-border-image-source), var(--diiho-accent));
}

.tieude-video {
	position: relative;
	top: -15px;
	left: 0;
	font-size: 20px;
	font-weight: bold;
	padding: 0 15px 0 10px;
	height: 50px;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	--diiho-local-tieude-video-color: #fff;

	color: var(--diiho-local-tieude-video-color);
	--diiho-local-tieude-video-background-image-1: var(--diiho-accent);

	--diiho-local-tieude-video-background-image-2: var(--diiho-accent-dark);

	background-image: linear-gradient(90deg, var(--diiho-local-tieude-video-background-image-1), var(--diiho-local-tieude-video-background-image-2));
	border-top-left-radius: 10px;
	margin-bottom: -45px;
}

.tieude-video svg {
	color: #fff;
	margin-right: 10px;
}

.tieude-video::after {
	position: absolute;
	top: 0;
	right: -39.8px;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	--diiho-local-tieude-video-after-border-top: #86868600;

	border-top: 50px solid var(--diiho-local-tieude-video-after-border-top);
	--diiho-local-tieude-video-after-border-left: var(--diiho-accent-dark);

	border-left: 40px solid var(--diiho-local-tieude-video-after-border-left);
}

.box {
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	border-radius: 6px;
}

.noidungs {
	margin: 0px 10px 10px 0px;
	--diiho-local-noidungs-background-color: rgb(0 0 0 / 40%);

	background-color: var(--diiho-local-noidungs-background-color);
	border-radius: 7px;
}

.noidung {
	width: 250px;
}

.noidung a {
	text-decoration: none;
}

.noidung a:hover {
	--diiho-local-noidung-a-hover-color: #999;
	color: var(--diiho-local-noidung-a-hover-color)
}

.hinh-video img {
	height: 150px;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 7px 7px 0px 0px
}

.ten-video {
	margin-top: 10px;
	margin-bottom: -15px;
	padding: 15px;
	margin-top: -10px
}

.ten-video a {
	--diiho-local-ten-video-a-color: #fff;
	color: var(--diiho-local-ten-video-a-color);
	font-size: 17px;
}

/* top face */
.widget_diiho_top_face,
.widget_diiho_top_slide,
.widget_diiho_weather {
	grid-column: 1/-1;
	width: 100%;
}

.top-face {
	width: 100%;
	margin-top: -30px;
}

.linkface {
	margin-top: 20px;
	margin-bottom: 40px;
}

.linkface a {
	font-size: 25px;
	--diiho-local-linkface-a-color: #fff;
	color: var(--diiho-local-linkface-a-color);
	margin-right: 20px;
	padding-bottom: 5px;
	text-decoration: none
}

.scrol {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	overflow-x: scroll;
	overflow-y: hidden;
	border-radius: 6px;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#style-1::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	--diiho-local-style-1-webkit-scrollbar-background-color: #000;

	background-color: var(--diiho-local-style-1-webkit-scrollbar-background-color);
}

#style-1::-webkit-scrollbar-thumb {
	--diiho-local-style-1-webkit-scrollbar-thumb-background-color: #333;

	background-color: var(--diiho-local-style-1-webkit-scrollbar-thumb-background-color);
	border-radius: 0px;
}

#style-1::-webkit-scrollbar-track {
	--diiho-local-style-1-webkit-scrollbar-track-webkit-box-shadow: rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: inset 0 0 6px var(--diiho-local-style-1-webkit-scrollbar-track-webkit-box-shadow);
	--diiho-local-style-1-webkit-scrollbar-track-background-color: #111;

	background-color: var(--diiho-local-style-1-webkit-scrollbar-track-background-color);
	border-radius: 0px;
}

.iten {
	padding: 8px 4px 8px 4px;
}

.iten1 {
	text-align: center;
	height: 250px;
	width: 150px;
	border-radius: 8px;
	--diiho-local-iten1-border: #444;
	overflow: hidden;
	position: relative;
}

.iten1 a {
	--iten1-link-color: #fff;
	color: var(--iten1-link-color);
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.faceimage {
	height: 250px;
	object-fit: cover;
	object-position: 50% 50%;
	display: block;
	transition: all .3s ease;
	filter: brightness(0.6);
	background: #333;
}

.faceimage:hover {
	transform: scale(1.5);
}

.top-left {
	position: absolute;
	top: 8px;
	padding: 10px;
	line-height: 1.2;
}

/* wiget tin tuc */
.widget_diiho_tintuc {
	grid-column: 1/-1;
	width: 100%;
}

.quang-tin {
	width: 100%;
}

.video-cao {
	margin-bottom: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#xemthem {
	text-align: center;
	width: 100%;
	border-radius: 10px;
	--diiho-local-xemthem-background: var(--diiho-accent);
	background: var(--diiho-local-xemthem-background);
	--diiho-local-xemthem-box-shadow: #111;
	box-shadow: -2px 2px 4px var(--diiho-local-xemthem-box-shadow);
	margin-top: 10px;
	border: none;
	--diiho-local-xemthem-color: #fff;
	color: var(--diiho-local-xemthem-color)
}

.xemthem:hover {
	--diiho-local-xemthem-hover-box-shadow: #111;
	box-shadow: -2px 5px 4px var(--diiho-local-xemthem-hover-box-shadow)
}

@media (max-width: 1000px) {
	.tenvideo a {
		font-size: 18px
	}
}

@media (max-width: 900px) {
	.tenvideo a {
		font-size: 19px
	}

	.video-cao {
		width: 100%;
	}

	.tintucmoi {
		width: 100%;
		float: none
	}

	.tap-baiviet {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
	}
}

@media (max-width: 700px) {
	.tenvideo a {
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	.tenvideo a {
		font-size: 18px;
	}

	.luotxemdiv {
		display: none;
	}

	.hinhvideo {
		width: 45%;
	}

	.tenvideo {
		width: 55%;
	}

	.xemthem {
		width: 100%;
	}

	.tintucmoi {
		padding: 20px;
	}
}

@media (max-width: 500px) {
	.tenvideo a {
		font-size: 18px;
	}

	.hinhvideo {
		width: 100%;
	}

	.tenvideo {
		width: 100%;
		padding: 0px
	}
}

button#xemkm {
	--diiho-local-button-xemkm-background: #737373;

	background: var(--diiho-local-button-xemkm-background);
	width: 100%;
	border-radius: 3px 3px 10px 10px;
	margin-top: 10px;
	--diiho-local-button-xemkm-box-shadow: #000;

	box-shadow: 0px 1px 9px var(--diiho-local-button-xemkm-box-shadow);
	border: none;
}

.diiho-tintuc {
	width: 100%;
}

.diiho-tintuc::after,
.diiho-tintuc-post::after {
	clear: both;
	content: "";
	display: table;
}

.diiho-tintuc-side {
	float: left;
	padding-right: 20px;
	text-align: center;
	width: 30%;
}

.diiho-tintuc-side-inner {
	border-radius: 7px;
}

.diiho-tintuc-container {
	position: relative;
	width: 100%;
}

.diiho-tintuc-container img {
	border-radius: 7px;
	margin-bottom: 20px;
}

.diiho-tintuc-container:hover .diiho-tintuc-image {
	opacity: 0.3;
}

.diiho-tintuc-container:hover .diiho-tintuc-middle {
	opacity: 1;
}

.diiho-tintuc-text {
	background-color: var(--diiho-accent);
	border-radius: 25px;
	color: #fff;
	font-size: 16px;
	padding: 16px 32px;
}

.diiho-tintuc-text a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.diiho-tintuc-title {
	--diiho-local-diiho-tintuc-title-color: var(--diiho-accent);

	color: var(--diiho-local-diiho-tintuc-title-color);
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 10px;
	text-align: center;
}

.diiho-tintuc-title i {
	color: var(--diiho-accent);
	margin-right: 5px;
}

.diiho-tintuc-main {
	--diiho-local-diiho-tintuc-main-background: #222;
	--diiho-local-diiho-tintuc-main-border: var(--diiho-accent);

	background: var(--diiho-local-diiho-tintuc-main-background);
	border: 2px solid var(--diiho-local-diiho-tintuc-main-border);
	border-radius: 15px;
	float: left;
	padding: 20px;
	width: 70%;
}

.diiho-tintuc-meta {
	--diiho-local-diiho-tintuc-meta-color: #999;

	color: var(--diiho-local-diiho-tintuc-meta-color);
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	width: 100%;
}

.diiho-tintuc-meta img {
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: middle;
}

.diiho-tintuc-meta a {
	--diiho-local-diiho-tintuc-meta-a-color: var(--diiho-accent);

	color: var(--diiho-local-diiho-tintuc-meta-a-color);
	text-decoration: none;
}

.diiho-tintuc-date {
	margin-left: 7px;
}

.diiho-tintuc-post {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.diiho-tintuc-post-image {
	float: left;
	width: 30%;
}

.diiho-tintuc-post-image img {
	--diiho-local-diiho-tintuc-post-image-img-box-shadow: #111;

	border-radius: 7px;
	box-shadow: -2px 2px 4px var(--diiho-local-diiho-tintuc-post-image-img-box-shadow);
	width: 100%;
}

.diiho-tintuc-post-image img:hover {
	opacity: 0.7;
}

.diiho-tintuc-post-content {
	--diiho-local-diiho-tintuc-post-content-color: #999;

	color: var(--diiho-local-diiho-tintuc-post-content-color);
	float: left;
	font-size: 13px;
	padding-left: 10px;
	width: 70%;
}

.diiho-tintuc-post-content a {
	--diiho-local-diiho-tintuc-post-content-a-color: var(--diiho-accent);

	color: var(--diiho-local-diiho-tintuc-post-content-a-color);
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

.diiho-tintuc-post-content a:hover {
	--diiho-local-diiho-tintuc-post-content-a-hover-color: var(--diiho-accent);

	color: var(--diiho-local-diiho-tintuc-post-content-a-hover-color);
	opacity: .78;
	text-decoration: none;
}

.diiho-tintuc-excerpt-wrap {
	margin-top: 5px;
}

.diiho-tintuc-excerpt {
	--diiho-local-diiho-tintuc-excerpt-color: #999;

	color: var(--diiho-local-diiho-tintuc-excerpt-color);
	font-size: 15px;
	line-height: 1.2;
	text-align: right;
}

.diiho-tintuc-button {
	cursor: pointer;
	outline: none;
}

.diiho-tintuc-more {
	--diiho-local-diiho-tintuc-more-background: var(--diiho-accent);
	--diiho-local-diiho-tintuc-more-box-shadow: #111;
	--diiho-local-diiho-tintuc-more-color: #fff;

	background: var(--diiho-local-diiho-tintuc-more-background);
	border: none;
	border-radius: 10px;
	box-shadow: -2px 2px 4px var(--diiho-local-diiho-tintuc-more-box-shadow);
	color: var(--diiho-local-diiho-tintuc-more-color);
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

.diiho-tintuc-more:hover {
	--diiho-local-diiho-tintuc-more-hover-box-shadow: #111;

	box-shadow: -2px 5px 4px var(--diiho-local-diiho-tintuc-more-hover-box-shadow);
	color: #fff;
	opacity: .88;
}

.diiho-tintuc-promo {
	margin-bottom: 20px;
	margin-top: 15px;
	text-align: left;
}

.diiho-tintuc-promo-title {
	--diiho-local-diiho-tintuc-promo-title-background-1: #3d3d3d6e;
	--diiho-local-diiho-tintuc-promo-title-background-2: rgb(51 51 51);

	background: linear-gradient(271deg, var(--diiho-local-diiho-tintuc-promo-title-background-1) 0%, var(--diiho-local-diiho-tintuc-promo-title-background-2) 100%);
	border-radius: 10px 10px 0px 0px;
	font-weight: bold;
	line-height: 1.2;
	padding: 10px;
}

.diiho-tintuc-promo-title:hover {
	--diiho-local-diiho-tintuc-promo-title-hover-background-1: var(--diiho-accent);
	--diiho-local-diiho-tintuc-promo-title-hover-background-2: rgb(51 51 51);

	background: linear-gradient(271deg, var(--diiho-local-diiho-tintuc-promo-title-hover-background-1) 0%, var(--diiho-local-diiho-tintuc-promo-title-hover-background-2) 100%);
	opacity: .9;
}

.diiho-tintuc-promo-title a {
	--diiho-local-diiho-tintuc-promo-title-a-color: #fff;

	color: var(--diiho-local-diiho-tintuc-promo-title-a-color);
	font-size: 18px;
	text-decoration: none;
}

.diiho-tintuc-promo-title a:hover {
	--diiho-local-diiho-tintuc-promo-title-a-hover-color: #f1f1f1;

	color: var(--diiho-local-diiho-tintuc-promo-title-a-hover-color);
}

.diiho-tintuc-promo-star {
	margin-right: 3px;
	vertical-align: middle;
	width: 18px;
}

.diiho-tintuc-promo-excerpt {
	--diiho-local-diiho-tintuc-promo-excerpt-background: #333;
	--diiho-local-diiho-tintuc-promo-excerpt-color: #999;

	background: var(--diiho-local-diiho-tintuc-promo-excerpt-background);
	border-radius: 0px 0px 10px 10px;
	color: var(--diiho-local-diiho-tintuc-promo-excerpt-color);
	font-size: 15px;
	padding: 10px;
}

.diiho-tintuc-promo-button {
	--diiho-local-diiho-tintuc-promo-button-background: var(--diiho-accent);
	--diiho-local-diiho-tintuc-promo-button-box-shadow: #000;

	background: var(--diiho-local-diiho-tintuc-promo-button-background);
	border: none;
	border-radius: 3px 3px 10px 10px;
	box-shadow: 0px 1px 9px var(--diiho-local-diiho-tintuc-promo-button-box-shadow);
	color: #fff;
	margin-top: 10px;
	width: 100%;
}

.diiho-tintuc-promo-button:hover {
	color: #fff;
	opacity: .88;
}

@media (max-width: 1000px) {
	.diiho-tintuc-post-content a {
		font-size: 18px;
	}
}

@media (max-width: 900px) {
	.diiho-tintuc-post-content a {
		font-size: 19px;
	}

	.diiho-tintuc-post {
		width: 100%;
	}

	.diiho-tintuc-main {
		float: none;
		width: 100%;
	}

	.diiho-tintuc-side {
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
		width: 100%;
	}
}

@media (max-width: 700px) {
	.diiho-tintuc-post-content a {
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	.diiho-tintuc-post-content a {
		font-size: 18px;
	}

	.diiho-tintuc-excerpt-wrap {
		display: none;
	}

	.diiho-tintuc-post-image {
		width: 45%;
	}

	.diiho-tintuc-post-content {
		width: 55%;
	}

	.diiho-tintuc-more {
		width: 100%;
	}

	.diiho-tintuc-main {
		padding: 20px;
	}
}

@media (max-width: 500px) {
	.diiho-tintuc-post-content a {
		font-size: 18px;
	}

	.diiho-tintuc-post-image {
		width: 100%;
	}

	.diiho-tintuc-post-content {
		padding: 0px;
		width: 100%;
	}
}

.widget_diiho_post_2_columns {
	grid-column: 1/-1;
	width: 100%;
}

.widget_diiho_post_top_new {
	grid-column: 1/-1;
	width: 100%;
}

.diiho-post-top-new {
	--diiho-post-top-new-panel: #444;
	--diiho-post-top-new-panel-fade: rgba(34, 34, 34, 0);
	--diiho-post-top-new-title: #f8fafc;
	--diiho-post-top-new-text: #cbd5e1;
	--diiho-post-top-new-author: var(--diiho-accent);
	--diiho-post-top-new-shadow: rgba(0, 0, 0, 0.22);

	margin: 0px;
	width: 100%;
}

.diiho-post-top-new a {
	text-decoration: none;
}

.diiho-post-top-new__header {
	margin-bottom: 15px;
}

.diiho-post-top-new__heading {
	font-size: 26px;
	line-height: 1.2;
	margin: 0;
}

.diiho-post-top-new__heading a,
.diiho-post-top-new__title a {
	color: var(--diiho-post-top-new-title);
}

.diiho-post-top-new__grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diiho-post-top-new__item {
	min-width: 0;
}

.diiho-post-top-new__item--featured {
	grid-column: span 2;
}

.diiho-post-top-new__item--featured:only-child {
	grid-column: 1 / -1;
}

.diiho-post-top-new__item--side {
	background: linear-gradient(180deg,
			var(--diiho-post-top-new-panel) 0%,
			var(--diiho-post-top-new-panel) 18%,
			var(--diiho-post-top-new-panel-fade) 100%);
	border-radius: 7px;
	overflow: hidden;
}

.diiho-post-top-new__media {
	border-radius: 7px;
	display: block;
	line-height: 0;
	overflow: hidden;
}

.diiho-post-top-new__image {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	transition: opacity .25s ease, transform .25s ease;
	width: 100%;
}

.diiho-post-top-new__media:hover .diiho-post-top-new__image {
	opacity: .88;
	transform: scale(1.03);
}

.diiho-post-top-new__item--side .diiho-post-top-new__media {
	border-radius: 7px 7px 0 0;
}

.diiho-post-top-new__item--side .diiho-post-top-new__image {
	border-radius: 7px 7px 0 0;
}

.diiho-post-top-new__content {
	padding-top: 12px;
}

.diiho-post-top-new__item--side .diiho-post-top-new__content {
	padding: 14px 16px 16px;
}

.diiho-post-top-new__title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.35;
	margin: 0px;
	overflow-wrap: anywhere;
}

.diiho-post-top-new__item--featured .diiho-post-top-new__title {
	font-size: 24px;
	line-height: 1.25;
}

.diiho-post-top-new__author {
	color: var(--diiho-post-top-new-author);
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 8px;
}

.diiho-post-top-new__excerpt {
	color: var(--diiho-post-top-new-text);
	display: -webkit-box;
	font-size: 15px;
	line-height: 1.45;
	margin: 4px 0 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

html[data-theme=light] .diiho-post-top-new,
body.diiho-light-mode .diiho-post-top-new {
	--diiho-post-top-new-panel: #f1f5f9;
	--diiho-post-top-new-panel-fade: rgba(241, 245, 249, 0);
	--diiho-post-top-new-title: #27364a;
	--diiho-post-top-new-text: #334155;
	--diiho-post-top-new-shadow: rgba(15, 23, 42, 0.08);
}

@media (max-width: 900px) {
	.diiho-post-top-new__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.diiho-post-top-new__item--featured {
		grid-column: span 2;
		background: linear-gradient(180deg, var(--diiho-post-top-new-panel) 0%, var(--diiho-post-top-new-panel) 48%, var(--diiho-post-top-new-panel-fade) 100%);
		padding: 15px;
		border-radius: 10px 10px 0px 0px;
	}

	.diiho-post-top-new__item--side {
		background: transparent;
		box-shadow: none;
		overflow: visible;
	}

	.diiho-post-top-new__item--side .diiho-post-top-new__media,
	.diiho-post-top-new__item--side .diiho-post-top-new__image {
		border-radius: 7px;
	}

	.diiho-post-top-new__item--side .diiho-post-top-new__content {
		padding: 12px 0 0;
	}

	.diiho-post-top-new__item--side .diiho-post-top-new__excerpt {
		display: none;
	}
}

@media (max-width: 620px) {

	.diiho-post-top-new__item--featured .diiho-post-top-new__title {
		font-size: 20px;
	}

	.diiho-post-top-new__title {
		font-size: 17px;
	}
}

.widget_diiho_title {
	grid-column: 1/-1;
	width: 100%;
}

.diiho-title-widget {
	--diiho-title-widget-text: #f8fafc;
	--diiho-title-widget-soft: #cbd5e1;
	--diiho-title-widget-line: rgba(148, 163, 184, 0.28);

	align-items: center;
	display: flex;
	gap: 14px;
	margin: 26px 0 20px;
	min-width: 0;
	width: 100%;
}

.diiho-title-widget::after {
	background: linear-gradient(90deg, var(--diiho-title-widget-line), transparent);
	content: "";
	display: block;
	flex: 1 1 auto;
	height: 3px;
	min-width: 40px;
}

.diiho-title-widget__mark {
	background: var(--diiho-accent);
	border-radius: 8px;
	display: block;
	flex: 0 0 42px;
	height: 42px;
	position: relative;
	width: 42px;
}

.diiho-title-widget__mark::before {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 8px 0 rgba(255, 255, 255, 0.86), 0 16px 0 rgba(255, 255, 255, 0.68);
	content: "";
	height: 3px;
	left: 12px;
	position: absolute;
	right: 12px;
	top: 11px;
}

.diiho-title-widget__text {
	color: var(--diiho-title-widget-text);
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 520px) {
	.diiho-title-widget {
		gap: 10px;
		margin: 22px 0 16px;
	}

	.diiho-title-widget::after {
		min-width: 24px;
	}

	.diiho-title-widget__mark {
		flex-basis: 36px;
		height: 36px;
		width: 36px;
	}

	.diiho-title-widget__mark::before {
		left: 10px;
		right: 10px;
		top: 9px;
	}

	.diiho-title-widget__text {
		font-size: 20px;
	}
}

.widget_diiho_category_showcase_posts {
	grid-column: 1/-1;
	width: 100%;
}

.diiho-category-showcase {
	--diiho-category-showcase-heading-color: #f8fafc;
	--diiho-category-showcase-border-color: var(--diiho-accent);
	--diiho-category-showcase-featured-background: rgba(255, 255, 255, 0.08);
	--diiho-category-showcase-list-background: #222;
	--diiho-category-showcase-item-border-color: rgba(255, 255, 255, 0.12);
	--diiho-category-showcase-title-color: #f8fafc;
	--diiho-category-showcase-text-color: #cbd5e1;
	--diiho-category-showcase-meta-color: #94a3b8;
	--diiho-category-showcase-more-background: var(--diiho-accent);
	--diiho-category-showcase-more-color: #fff;
	--diiho-category-showcase-read-more-background: var(--diiho-accent);
	--diiho-category-showcase-read-more-color: #fff;
	--diiho-category-showcase-placeholder-background: rgba(255, 255, 255, 0.12);
	--diiho-category-showcase-placeholder-color: #94a3b8;

	margin-top: 20px;
	width: 100%;
}

.diiho-category-showcase a {
	text-decoration: none;
}

.diiho-category-showcase__header {
	align-items: center;
	border-bottom: 3px solid var(--diiho-category-showcase-border-color);
	display: flex;
	gap: 15px;
	justify-content: space-between;
	margin-bottom: 13px;
	padding-bottom: 13px;
	position: relative;
}

.diiho-category-showcase__heading {
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.diiho-category-showcase__heading a {
	color: var(--diiho-category-showcase-heading-color);
}

.diiho-category-showcase__more {
	align-items: center;
	background: var(--diiho-category-showcase-more-background);
	border-radius: 5px;
	color: var(--diiho-category-showcase-more-color);
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	line-height: 1;
	padding: 10px 14px;
	white-space: nowrap;
}

.diiho-category-showcase__more:hover {
	opacity: 0.82;
}

.diiho-category-showcase__body {
	align-items: stretch;
	border-radius: 10px;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, 1fr);
	overflow: hidden;
	width: 100%;
}

.diiho-category-showcase__body--single {
	grid-template-columns: 1fr;
}

.diiho-category-showcase__featured {
	background: var(--diiho-category-showcase-featured-background);
	padding: 15px;
}

.diiho-category-showcase__featured-media,
.diiho-category-showcase__item-media {
	border-radius: 5px;
	display: block;
	line-height: 0;
	overflow: hidden;
}

.diiho-category-showcase__featured-image,
.diiho-category-showcase__placeholder {
	aspect-ratio: 16 / 10;
	border-radius: 5px;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.diiho-category-showcase__featured-image,
.diiho-category-showcase__item-image {
	transform: scale(1.06);
	transition: transform .35s ease, opacity .35s ease;
}

.diiho-category-showcase__featured-media:hover .diiho-category-showcase__featured-image,
.diiho-category-showcase__item-media:hover .diiho-category-showcase__item-image {
	opacity: .92;
	transform: scale(1);
}

.diiho-category-showcase__placeholder {
	align-items: center;
	background: var(--diiho-category-showcase-placeholder-background);
	color: var(--diiho-category-showcase-placeholder-color);
	display: flex;
	font-size: 32px;
	justify-content: center;
}

.diiho-category-showcase__featured-title {
	font-size: 22px;
	line-height: 1.2;
	margin: 15px 0 8px;
	overflow-wrap: anywhere;
}

.diiho-category-showcase__featured-title a,
.diiho-category-showcase__item-title a {
	color: var(--diiho-category-showcase-title-color);
}

.diiho-category-showcase__featured-title a:hover,
.diiho-category-showcase__item-title a:hover,
.diiho-category-showcase__meta a:hover {
	opacity: 0.75;
}

.diiho-category-showcase__meta {
	align-items: center;
	color: var(--diiho-category-showcase-meta-color);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 6px 10px;
	line-height: 1.35;
}

.diiho-category-showcase__meta a,
.diiho-category-showcase__meta span {
	align-items: center;
	color: var(--diiho-category-showcase-meta-color);
	display: inline-flex;
	gap: 4px;
}

.diiho-category-showcase__excerpt {
	color: var(--diiho-category-showcase-text-color);
	font-size: 16px;
	line-height: 1.45;
	margin: 10px 0 14px;
}

.diiho-category-showcase__read-more {
	background: var(--diiho-category-showcase-read-more-background);
	border-radius: 5px;
	color: var(--diiho-category-showcase-read-more-color);
	display: inline-flex;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	padding: 8px 10px;
}

.diiho-category-showcase__read-more:hover {
	opacity: 0.85;
}

.diiho-category-showcase__list {
	background: var(--diiho-category-showcase-list-background);
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.diiho-category-showcase__item {
	align-items: stretch;
	border-bottom: 1px solid var(--diiho-category-showcase-item-border-color);
	display: grid;
	flex: 1;
	gap: 10px;
	grid-template-columns: 180px minmax(0, 1fr);
	padding: 14px 20px;
}

.diiho-category-showcase__item:last-child {
	border-bottom: 0;
}

.diiho-category-showcase__item-media {
	align-self: center;
	border-radius: 7px;
	height: 100px;
}

.diiho-category-showcase__item-image,
.diiho-category-showcase__placeholder--small {
	border-radius: 7px;
	display: block;
	height: 100px;
	max-height: 100px;
	object-fit: cover;
	width: 100%;
}

.diiho-category-showcase__placeholder--small {
	font-size: 20px;
}

.diiho-category-showcase__item-content {
	align-self: center;
	min-width: 0;
}

.diiho-category-showcase__item-title {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 7px;
	overflow-wrap: anywhere;
}

.diiho-category-showcase__meta--compact {
	font-size: 11px;
	gap: 4px 7px;
}

@media (max-width: 760px) {
	.diiho-category-showcase__body {
		grid-template-columns: 1fr;
	}

	.diiho-category-showcase__item {
		grid-template-columns: 128px minmax(0, 1fr);
		padding: 14px 15px;
	}
}

@media (max-width: 520px) {
	.diiho-category-showcase__header {
		align-items: flex-start;
	}

	.diiho-category-showcase__header .diiho-category-showcase__more span {
		display: none
	}

	.diiho-category-showcase__heading {
		font-size: 22px;
	}

	.diiho-category-showcase__featured-title {
		font-size: 20px;
	}

	.diiho-category-showcase__item {
		grid-template-columns: 112px minmax(0, 1fr);
	}
}

/* widget ganday / Diiho: Post Slider */
.widget_diiho_slide_post {
	grid-column: 1/-1;
	width: 100%;
	position: relative;
}

.diiho-slide-post {
	position: relative;
}

/* Ensure Owl Carousel items & stage never inherit background colors */
.owl-carousel .owl-stage,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-item,
.diiho-slide-post .owl-item {
	background: transparent !important;
	background-color: transparent !important;
}

/* Equal height cards across all slider items */
.diiho-slide-post .owl-stage {
	display: flex !important;
	align-items: stretch !important;
}

.diiho-slide-post .owl-item {
	display: flex !important;
	flex-direction: column !important;
	flex-shrink: 0;
	height: auto !important;
}

/* General Owl Carousel Button Reset */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
	--diiho-local-button-background: transparent;
	--diiho-local-button-border-color: transparent;
	font-family: inherit;
}

/* Owl Carousel Navigation Container */
.diiho-slide-post .owl-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	margin: 0;
	padding: 0;
	z-index: 5;
}

/* Navigation Buttons: Vertically centered on left and right sides */
.diiho-slide-post .owl-nav button.owl-prev,
.diiho-slide-post .owl-nav button.owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: auto;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	margin: 0;
	padding: 0 !important;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background: rgba(30, 30, 30, 0.88);
	--diiho-local-button-background: rgba(30, 30, 30, 0.88);
	--diiho-local-button-border-color: rgba(255, 255, 255, 0.15);
	--diiho-local-button-color: #ffffff;
	color: #ffffff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	user-select: none;
	transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, opacity 0.25s ease;
	outline: none;
	z-index: 10;
}

.diiho-slide-post .owl-nav button.owl-prev {
	left: 0;
}

.diiho-slide-post .owl-nav button.owl-next {
	right: 0;
}

@media (min-width: 1024px) {
	.diiho-slide-post .owl-nav button.owl-prev {
		left: -6px;
	}

	.diiho-slide-post .owl-nav button.owl-next {
		right: -6px;
	}
}

@media (max-width: 767px) {

	.diiho-slide-post .owl-nav button.owl-prev,
	.diiho-slide-post .owl-nav button.owl-next {
		width: 34px;
		height: 34px;
		min-width: 34px;
		min-height: 34px;
	}

	.diiho-slide-post .owl-nav button.owl-prev {
		left: 4px;
	}

	.diiho-slide-post .owl-nav button.owl-next {
		right: 4px;
	}
}

.diiho-slide-post .owl-nav button.owl-prev:hover:not(.disabled),
.diiho-slide-post .owl-nav button.owl-next:hover:not(.disabled) {
	background: var(--diiho-accent);
	--diiho-local-button-hover-background: var(--diiho-accent);
	--diiho-local-button-background: var(--diiho-accent);
	border-color: var(--diiho-accent);
	color: #ffffff;
	transform: translateY(-50%) scale(1.08);
}

.diiho-slide-post .owl-nav button.owl-prev:active:not(.disabled),
.diiho-slide-post .owl-nav button.owl-next:active:not(.disabled) {
	transform: translateY(-50%) scale(0.95);
}

.diiho-slide-post .owl-nav button.disabled,
.diiho-slide-post .owl-nav button.disabled:hover {
	opacity: 0.25;
	cursor: not-allowed;
	pointer-events: none;
	transform: translateY(-50%);
	box-shadow: none;
}

.diiho-slide-post .owl-nav .chuyen {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	line-height: 1;
	font-size: 14px;
	pointer-events: none;
}

.diiho-slide-post .owl-nav .chuyen svg,
.diiho-slide-post .owl-nav .chuyen i {
	font-size: 14px;
	width: 14px;
	height: 14px;
	display: block;
	fill: currentColor;
	color: inherit;
}

.item {
	margin: 10px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: calc(100% - 20px);
}

.viet2 {
	--diiho-local-viet2-background: #222;
	background: var(--diiho-local-viet2-background);
	border-radius: 10px;
	min-height: 0;
	--diiho-local-viet2-color: #999;
	color: var(--diiho-local-viet2-color);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: 100%;
	transition: background-color 0.2s ease;
}

.viet2:hover {
	--diiho-local-viet2-hover-background: #292929;
	background: var(--diiho-local-viet2-hover-background);
}

.viet2>a {
	display: block;
	flex-shrink: 0;
	overflow: hidden;
}

.item img {
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	transition: opacity 0.2s ease;
}

.viet2:hover .item img,
.item img:hover {
	opacity: 0.85;
}

.ganday-content {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.ten-tin {
	margin-top: 0;
	margin-bottom: 8px;
}

.ten-tin h2 {
	margin: 0;
	line-height: 1.35;
	font-size: 19px;
	font-weight: 700;
}

.ten-tin a {
	font-size: 19px;
	font-weight: 700;
	--diiho-local-ten-tin-a-color: #fff;
	color: var(--diiho-local-ten-tin-a-color);
	text-decoration: none;
	transition: color 0.2s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 767px) {

	.ten-tin h2,
	.ten-tin a {
		font-size: 17px;
	}
}

.ten-tin a:hover {
	--diiho-local-ten-tin-a-hover-color: var(--diiho-accent);
	color: var(--diiho-local-ten-tin-a-hover-color);
}

.tgia-tin {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 8px;
}

.tgia-tin a {
	font-size: 13px;
	color: var(--diiho-accent);
}

.ganday-time {
	font-size: 12px;
	margin-left: 7px;
	opacity: 0.8;
}

.ndung-tin {
	font-size: 14px;
	--diiho-local-ndung-tin-color: #999;
	color: var(--diiho-local-ndung-tin-color);
	line-height: 1.45;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: auto;
}

.viet {
	padding: 10px;
	border-radius: 10px;
	min-height: 270px;
	text-align: center;
	--diiho-local-viet-color: #fff;
	color: var(--diiho-local-viet-color);
	font-weight: bold;
}

/* cookie css */
#cookieNotice.light {
	--diiho-local-cookienotice-light-background-color: #333;

	background-color: var(--diiho-local-cookienotice-light-background-color);
	--diiho-local-cookienotice-light-color: #fff;

	color: var(--diiho-local-cookienotice-light-color);
}

#cookieNotice.display-right {
	right: 30px;
	bottom: 30px;
	left: auto;
	max-width: 395px;
}

#cookieNotice.display-left {
	left: 30px;
	bottom: 30px;
	right: auto;
	max-width: 395px;
}

#cookieNotice.display-full {
	left: 30px;
	right: 30px;
	bottom: 30px;
	max-width: none;
	width: auto;
	box-sizing: border-box;
}

#cookieNotice.display-full .boxcoo {
	margin-top: 6px;
}

#cookieNotice.display-full .ndcoo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
}

#cookieNotice.display-full .ndcoo p {
	margin: 0;
	flex: 1;
}

#cookieNotice.display-full .dongycoo {
	flex-shrink: 0;
}

#cookieNotice.display-full button.cookok {
	width: auto;
	min-width: 130px;
	padding: 10px 24px;
}

#cookieNotice {
	display: none;
	position: fixed;
	padding: 20px 24px;
	border-radius: 12px;
	z-index: 999997;
	--diiho-local-cookienotice-box-shadow: #000;
	border: 1px solid #79797952;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

@media (max-width: 768px) {

	#cookieNotice.display-right,
	#cookieNotice.display-left,
	#cookieNotice.display-full {
		left: 15px;
		right: 15px;
		bottom: 15px;
		max-width: none;
		padding: 16px;
	}

	#cookieNotice.display-full .ndcoo {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	#cookieNotice.display-full button.cookok {
		width: 100%;
	}
}

button.cookok {
	background: var(--diiho-accent);
	padding: 10px;
	width: 100%;
	border: none;
	border-radius: 10px;
	--diiho-local-button-cookok-color: #fff;
	color: var(--diiho-local-button-cookok-color);
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.15s ease;
	--diiho-local-button-cookok-box-shadow: #000;
}

button.cookok:hover {
	background: var(--diiho-accent-dark, var(--diiho-accent));
	transform: translateY(-1px);
}

.ndcoo a {
	color: var(--diiho-accent);
}

.titcoo {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #99999938;
	padding-bottom: 10px;
}

.ndcoo {
	font-size: 15px;
}

.titcoo .fa-cookie-bite,
.titcoo .diiho-svg {
	margin-right: 5px;
	color: var(--diiho-accent);
}

#closeIcon {
	display: none;
}

/* widgt cau hoi */
.tacgia-hoi img {
	margin-right: 5px;
	border-radius: 100%;
	vertical-align: middle;
	margin-bottom: 5px;
}

.quang-tin {
	width: 100%;
}

.tdtap-choi {
	--diiho-local-tdtap-choi-color: var(--diiho-accent);
	color: var(--diiho-local-tdtap-choi-color);
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center
}

.tdtap-choi svg,
.td-binhluan-new svg,
.diiho-tintuc-title svg {
	margin-right: 7px;
}

.tacgia-hoi {
	--diiho-local-tacgia-hoi-color: #fff;
	color: var(--diiho-local-tacgia-hoi-color);
	font-size: 16px;
	width: 100%;
}

.ten-choi {
	--diiho-local-ten-choi-color: #fff;
	color: var(--diiho-local-ten-choi-color);
	font-size: 13px;
	width: 100%;
	padding: 20px;
	--diiho-local-ten-choi-background: var(--diiho-accent);
	background: var(--diiho-local-ten-choi-background);
	border-radius: 15px;
	line-height: 1.2em;
}

.ten-choi a {
	--diiho-local-ten-choi-a-color: #fff;
	color: var(--diiho-local-ten-choi-a-color);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2
}

.ten-choi a:hover {
	--diiho-local-ten-choi-a-hover-color: #fff;
	color: var(--diiho-local-ten-choi-a-hover-color);
	text-decoration: none;
}

.nd-choi {
	margin-bottom: 20px;
}

.ndngan-choi {
	margin-top: 10px;
	line-height: 1.2;
	--diiho-local-ndngan-choi-color: #fff;
	color: var(--diiho-local-ndngan-choi-color);
	font-size: 15px
}

.xem-themdiv {
	text-align: center;
}

.xem-them {
	width: 50px;
	height: 50px;
	--diiho-local-xem-them-border: #55555542;
	border: 1px solid var(--diiho-local-xem-them-border);
	margin: 0 auto;
	border-radius: 100%;
	--diiho-local-xem-them-background: #55555542;
	background: var(--diiho-local-xem-them-background);
	color: #fff;
	padding: 8px;
	font-size: 18px;
	outline: none;
}

.xem-them:hover {
	--diiho-local-xem-them-hover-border: var(--diiho-accent);
	border: 2px solid var(--diiho-local-xem-them-hover-border);
	--diiho-local-xem-them-hover-background: var(--diiho-accent);
	background: var(--diiho-local-xem-them-hover-background)
}

@media (max-width: 1000px) {
	.ten-choi a {
		font-size: 18px
	}
}

@media (max-width: 900px) {
	.ten-choi a {
		font-size: 19px
	}

	.nd-choi {
		width: 100%;
	}

	.tab-choi {
		width: 100%;
		float: none
	}

	.tap-baiviet {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
	}
}

@media (max-width: 700px) {
	.ten-choi a {
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	.ten-choi a {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	.ten-choi a {
		font-size: 18px;
	}
}

.td-binhluan-new {
	--diiho-local-td-binhluan-new-color: var(--diiho-accent);
	color: var(--diiho-local-td-binhluan-new-color);
	margin-bottom: -5px;
	font-size: 26px;
	font-weight: bold;
	margin-top: 40px;
	text-align: center
}

.diiho-comments-widget .td-binhluan-new {
	margin-top: 0;
}

.binhluan-new {
	padding: 20px;
	margin-top: -5px;
	margin-top: 20px;
	border-radius: 15px;
	--diiho-local-binhluan-new-background: #222;
	background: var(--diiho-local-binhluan-new-background);
	--diiho-local-binhluan-new-border: #292929;
	border: 2px solid var(--diiho-local-binhluan-new-border);
	wight: 100%;
	line-height: 1.2
}

.comment-av {
	--diiho-local-comment-av-color: #999;
	color: var(--diiho-local-comment-av-color);
	padding: 7px;
}

.comment-av img {
	margin-right: 15px;
	vertical-align: middle;
	border-radius: 100%;
	width: 50px;
	border: 2px solid var(--diiho-accent)
}

.comment-nd {
	--diiho-local-comment-nd-background: #333;
	background: var(--diiho-local-comment-nd-background);
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 15px;
	--diiho-local-comment-nd-box-shadow: #111;
	box-shadow: -3px 2px 4px var(--diiho-local-comment-nd-box-shadow);
	width: 100%;
	list-style: none;
	font-size: 16px;
	--diiho-local-comment-nd-color: #fff;
	color: var(--diiho-local-comment-nd-color)
}

.comment-nd a {
	color: var(--diiho-accent);
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.comment-nd img {
	margin: 10px 0px 10px 0px;
	border-radius: 5px;
}

.tap-comment {
	display: flex;
	line-height: 1.3
}

.td-comment {
	padding: 10px;
}

.td-comment a {
	font-weight: bold;
	--diiho-local-td-comment-a-color: #fff;
	color: var(--diiho-local-td-comment-a-color);
	text-decoration: none;
	font-size: 18px;
}

.td-comment a:hover {
	color: var(--diiho-accent)
}

@media (max-width: 400px) {

	.binhluan-new,
	.comment-nd {
		padding: 10px;
	}
}

.widget_diiho_binh_luan,
.widget_diiho_post_color_list {
	grid-column: 1/-1;
	width: 100%;
}

.widget_diiho_post_newtime_1,
.widget_diiho_post_newtime_2,
.widget_diiho_post_newtime_3,
.widget_diiho_post_newtime_4 {
	grid-column: 1/-1;
	width: 100%;
	margin-bottom: 20px;
}

.diiho-post-newtime {
	--diiho-post-newtime-background: #222;
	--diiho-post-newtime-panel: #2b2b2b;
	--diiho-post-newtime-panel-soft: #222;
	--diiho-post-newtime-border: rgba(255, 255, 255, 0.12);
	--diiho-post-newtime-heading: #f8fafc;
	--diiho-post-newtime-title: #f8fafc;
	--diiho-post-newtime-text: #cbd5e1;
	--diiho-post-newtime-muted: #94a3b8;
	--diiho-post-newtime-chip: var(--diiho-accent);
	--diiho-post-newtime-chip-text: #fff;
	--diiho-post-newtime-rank: #666;
	width: 100%;
}

.diiho-post-newtime a {
	text-decoration: none;
}

.diiho-post-newtime__header {
	align-items: end;
	border-bottom: 3px solid var(--diiho-post-newtime-chip);
	display: flex;
	gap: 16px;
	justify-content: space-between;
	margin-bottom: 16px;
	padding-bottom: 10px;
}

.diiho-post-newtime__headline {
	min-width: 0;
}

.diiho-post-newtime__eyebrow {
	align-items: center;
	color: var(--diiho-post-newtime-chip);
	display: inline-flex;
	font-size: 12px;
	font-weight: bold;
	gap: 7px;
	line-height: 1;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.diiho-post-newtime__heading {
	font-size: 28px;
	line-height: 1.15;
	margin: 0;
	overflow-wrap: anywhere;
}

.diiho-post-newtime__heading a {
	color: var(--diiho-post-newtime-heading);
}

.diiho-post-newtime__title a {
	color: var(--diiho-post-newtime-title);
}

.diiho-post-newtime__heading a:hover,
.diiho-post-newtime__title a:hover {
	opacity: .78;
}

.diiho-post-newtime__more {
	align-items: center;
	background: var(--diiho-post-newtime-chip);
	border-radius: 5px;
	color: var(--diiho-post-newtime-chip-text);
	display: inline-flex;
	font-size: 13px;
	font-weight: bold;
	gap: 8px;
	line-height: 1;
	padding: 10px 13px;
	white-space: nowrap;
}

.diiho-post-newtime__more:hover {
	color: var(--diiho-post-newtime-chip-text);
	opacity: .86;
}

.diiho-post-newtime__layout {
	display: grid;
	gap: 16px;
	width: 100%;
}

.diiho-post-newtime__item {
	min-width: 0;
}

.diiho-post-newtime__media {
	border-radius: 7px;
	display: block;
	line-height: 0;
	overflow: hidden;
}

.diiho-post-newtime__image {
	aspect-ratio: 16 / 10;
	display: block;
	height: auto;
	object-fit: cover;
	transition: opacity .25s ease, transform .25s ease;
	width: 100%;
}

.diiho-post-newtime__media:hover .diiho-post-newtime__image {
	opacity: .9;
	transform: scale(1.03);
}

.diiho-post-newtime__content {
	min-width: 0;
}

.diiho-post-newtime__category {
	color: var(--diiho-post-newtime-chip);
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.diiho-post-newtime__title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.28;
	margin: 0;
	overflow-wrap: anywhere;
}

.diiho-post-newtime__item--lead .diiho-post-newtime__title,
.diiho-post-newtime__item--wide .diiho-post-newtime__title {
	font-size: 26px;
	line-height: 1.2;
}

@media (min-width: 761px) {
	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead .diiho-post-newtime__title {
		font-size: 40px;
	}

	.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide .diiho-post-newtime__title {
		font-size: 30px;
	}
}

.diiho-post-newtime__meta {
	align-items: center;
	color: var(--diiho-post-newtime-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 6px 11px;
	line-height: 1.35;
	margin-top: 8px;
}

.diiho-post-newtime__meta a,
.diiho-post-newtime__meta span {
	align-items: center;
	color: var(--diiho-post-newtime-muted);
	display: inline-flex;
	gap: 5px;
}

.diiho-post-newtime__excerpt {
	color: var(--diiho-post-newtime-text);
	display: -webkit-box;
	font-size: 15px;
	line-height: 1.45;
	margin: 10px 0 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.diiho-post-newtime__item--lead,
.diiho-post-newtime__item--wide,
.diiho-post-newtime__item--secondary,
.diiho-post-newtime__item--split,
.diiho-post-newtime__item--card,
.diiho-post-newtime__item--row,
.diiho-post-newtime__item--ranked {
	background: var(--diiho-post-newtime-panel-soft);
	border-radius: 7px;
}

.diiho-post-newtime__item--lead .diiho-post-newtime__content,
.diiho-post-newtime__item--secondary .diiho-post-newtime__content,
.diiho-post-newtime__item--card .diiho-post-newtime__content {
	padding: 13px 14px 15px;
}

.diiho-post-newtime__item--bulletin {
	border-top: 2px dashed var(--diiho-post-newtime-border);
	padding-top: 12px;
}

.diiho-post-newtime__item--bulletin .diiho-post-newtime__title {
	font-size: 16px;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__layout {
	align-items: stretch;
	grid-template-columns: minmax(0, 1.35fr) minmax(240px, .85fr) minmax(230px, .75fr);
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__column {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__column--bulletin {
	gap: 0;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--lead {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--lead .diiho-post-newtime__media {
	border-radius: 7px 7px 0 0;
	flex: 1 1 auto;
	min-height: 360px;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--lead .diiho-post-newtime__image {
	aspect-ratio: 3 / 4;
	height: 100%;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--secondary {
	overflow: hidden;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--secondary .diiho-post-newtime__media,
.diiho-post-newtime--layout-1 .diiho-post-newtime__item--secondary .diiho-post-newtime__image {
	border-radius: 7px 7px 0 0;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--secondary .diiho-post-newtime__image {
	aspect-ratio: 16 / 9;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--secondary .diiho-post-newtime__excerpt {
	display: none;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin {
	align-self: stretch;
	align-items: flex-end;
	display: flex;
	flex: 1 1 0;
	margin-top: 20px;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin .diiho-post-newtime__content {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin .diiho-post-newtime__category {
	margin-bottom: 5px;
	order: 1;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin .diiho-post-newtime__meta {
	margin: 0 0 7px;
	order: 2;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin .diiho-post-newtime__title {
	font-size: 17px;
	line-height: 1.35;
	order: 3;
}

.diiho-post-newtime--layout-1 .diiho-post-newtime__column--bulletin .diiho-post-newtime__item--bulletin:first-child {
	border-top: 0;
	padding-top: 0;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__layout {
	background: var(--diiho-post-newtime-background);
	border-radius: 7px;
	gap: 0;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr);
	overflow: hidden;
}


.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead {
	border-bottom: 0;
	border-right: 1px solid var(--diiho-post-newtime-border);
	border-radius: 0;
	grid-column: 1;
	grid-row: 1 / span 7;
	overflow: hidden;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead .diiho-post-newtime__media,
.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead .diiho-post-newtime__image {
	border-radius: 7px 0 0 0;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split {
	align-items: center;
	display: grid;
	gap: 13px;
	grid-column: 2;
	grid-template-columns: 156px minmax(0, 1fr);
	padding: 14px;
	border-radius: 0px;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split .diiho-post-newtime__image {
	aspect-ratio: 4 / 3;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split .diiho-post-newtime__media,
.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split .diiho-post-newtime__image {
	border-radius: 7px;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split .diiho-post-newtime__excerpt {
	display: none;
}

.diiho-post-newtime--layout-2 .diiho-post-newtime__item--bulletin {
	grid-column: 2;
	padding: 13px 16px;
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__layout {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__item--card {
	overflow: hidden;
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__item--card .diiho-post-newtime__media,
.diiho-post-newtime--layout-3 .diiho-post-newtime__item--card .diiho-post-newtime__image {
	border-radius: 7px 7px 0 0;
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__item--row {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 118px minmax(0, 1fr);
	padding: 12px;
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__item--row .diiho-post-newtime__image {
	aspect-ratio: 1 / 1;
}

.diiho-post-newtime--layout-3 .diiho-post-newtime__item--row .diiho-post-newtime__title {
	font-size: 16px;
}

.diiho-post-newtime--layout-4 .diiho-post-newtime__layout {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide {
	align-items: stretch;
	display: grid;
	gap: 18px;
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	padding: 16px;
}

.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide .diiho-post-newtime__image {
	aspect-ratio: 16 / 9;
	height: 100%;
}

.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide .diiho-post-newtime__content {
	align-self: center;
}

.diiho-post-newtime__item--ranked {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 45px 112px minmax(0, 1fr);
	padding: 12px;
}

.diiho-post-newtime__rank {
	color: var(--diiho-post-newtime-rank);
	font-size: 30px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
}

.diiho-post-newtime__item--ranked .diiho-post-newtime__image {
	aspect-ratio: 1 / 1;
}

.diiho-post-newtime__item--ranked .diiho-post-newtime__title {
	font-size: 16px;
}

.diiho-post-newtime__item--ranked .diiho-post-newtime__category,
.diiho-post-newtime__item--ranked .diiho-post-newtime__excerpt {
	display: none;
}

html[data-theme=light] .diiho-post-newtime,
body.diiho-light-mode .diiho-post-newtime {
	--diiho-post-newtime-background: #fff;
	--diiho-post-newtime-panel: #f8fafc;
	--diiho-post-newtime-panel-soft: #fff;
	--diiho-post-newtime-border: rgba(15, 23, 42, 0.12);
	--diiho-post-newtime-heading: #0f172a;
	--diiho-post-newtime-title: #0f172a;
	--diiho-post-newtime-text: #475569;
	--diiho-post-newtime-muted: #64748b;
	--diiho-post-newtime-rank: rgba(15, 23, 42, 0.2);
}

@media (max-width: 980px) {
	.diiho-post-newtime--layout-1 .diiho-post-newtime__layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.diiho-post-newtime--layout-1 .diiho-post-newtime__column--lead {
		grid-column: 1 / -1;
	}

	.diiho-post-newtime--layout-2 .diiho-post-newtime__layout,
	.diiho-post-newtime--layout-4 .diiho-post-newtime__layout {
		grid-template-columns: 1fr;
	}

	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead,
	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split,
	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--bulletin,
	.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide {
		grid-column: auto;
		grid-row: auto;
	}

	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead {
		border-bottom: 1px solid var(--diiho-post-newtime-border);
		border-right: 0;
	}

	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead .diiho-post-newtime__media,
	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--lead .diiho-post-newtime__image {
		border-radius: 7px 7px 0 0;
	}

	.diiho-post-newtime--layout-4 .diiho-post-newtime__item--wide {
		grid-template-columns: 1fr;
	}
}

.entry-body .entry-title {
	color: #222;
}

@media (max-width: 760px) {

	.diiho-post-newtime__heading {
		font-size: 23px;
	}

	.diiho-post-newtime__item--lead .diiho-post-newtime__title,
	.diiho-post-newtime__item--wide .diiho-post-newtime__title {
		font-size: 22px;
	}

	.diiho-post-newtime--layout-3 .diiho-post-newtime__layout,
	.diiho-post-newtime--layout-4 .diiho-post-newtime__layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.diiho-post-newtime__header {
		gap: 10px;
	}

	.diiho-post-newtime__more span {
		display: none;
	}

	.diiho-post-newtime--layout-1 .diiho-post-newtime__layout {
		grid-template-columns: 1fr;
	}

	.diiho-post-newtime--layout-1 .diiho-post-newtime__item--bulletin {
		flex: 0 1 auto;
	}

	.diiho-post-newtime--layout-1 .diiho-post-newtime__item--lead .diiho-post-newtime__media {
		min-height: 0;
	}

	.diiho-post-newtime--layout-1 .diiho-post-newtime__item--lead .diiho-post-newtime__image {
		aspect-ratio: 16 / 10;
		height: auto;
	}

	.diiho-post-newtime--layout-2 .diiho-post-newtime__item--split,
	.diiho-post-newtime--layout-3 .diiho-post-newtime__item--row,
	.diiho-post-newtime__item--ranked {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.diiho-post-newtime__item--ranked {
		position: relative;
	}

	.diiho-post-newtime__rank {
		background: var(--diiho-post-newtime-chip);
		border-radius: 4px;
		color: var(--diiho-post-newtime-chip-text);
		font-size: 12px;
		left: 18px;
		padding: 4px 5px;
		position: absolute;
		top: 18px;
		z-index: 1;
	}

	.diiho-post-newtime__excerpt {
		display: none;
	}
}

/*--------------------------------------------------------------
# Component Color Overrides - Light Mode
--------------------------------------------------------------*/
html[data-theme=light] .td-comment a,
body.diiho-light-mode .td-comment a {
	--diiho-local-td-comment-a-color: #0f172a;
}

html[data-theme=light] .diiho-title-widget,
body.diiho-light-mode .diiho-title-widget {
	--diiho-title-widget-text: #0f172a;
	--diiho-title-widget-soft: #475569;
	--diiho-title-widget-line: rgba(15, 23, 42, 0.18);
}

html[data-theme=light] .comment-nd,
body.diiho-light-mode .comment-nd {
	--diiho-local-comment-nd-background: #e5e7eb;
}

html[data-theme=light] .comment-nd,
body.diiho-light-mode .comment-nd {
	--diiho-local-comment-nd-box-shadow: #f8fafc;
}

html[data-theme=light] .comment-nd,
body.diiho-light-mode .comment-nd {
	--diiho-local-comment-nd-color: #0f172a;
}

html[data-theme=light] .comment-av,
body.diiho-light-mode .comment-av {
	--diiho-local-comment-av-color: #64748b;
}

html[data-theme=light] .binhluan-new,
body.diiho-light-mode .binhluan-new {
	--diiho-local-binhluan-new-background: #f8fafc;
}

html[data-theme=light] .binhluan-new,
body.diiho-light-mode .binhluan-new {
	--diiho-local-binhluan-new-border: #fff;
}

html[data-theme=light] .td-binhluan-new,
body.diiho-light-mode .td-binhluan-new {
	--diiho-local-td-binhluan-new-color: var(--diiho-accent);
}

html[data-theme=light] .xem-them:hover,
body.diiho-light-mode .xem-them:hover {
	--diiho-local-xem-them-hover-border: var(--diiho-accent);
}

html[data-theme=light] .xem-them:hover,
body.diiho-light-mode .xem-them:hover {
	--diiho-local-xem-them-hover-background: var(--diiho-accent);
}

html[data-theme=light] .xem-them,
body.diiho-light-mode .xem-them {
	--diiho-local-xem-them-border: #5555551a;
}

html[data-theme=light] .xem-them,
body.diiho-light-mode .xem-them {
	--diiho-local-xem-them-background: #55555542;
}

html[data-theme=light] .ndngan-choi,
body.diiho-light-mode .ndngan-choi {
	--diiho-local-ndngan-choi-color: #fff;
}

html[data-theme=light] .ten-choi a:hover,
body.diiho-light-mode .ten-choi a:hover {
	--diiho-local-ten-choi-a-hover-color: #fff;
}

html[data-theme=light] .ten-choi a,
body.diiho-light-mode .ten-choi a {
	--diiho-local-ten-choi-a-color: #fff;
}

html[data-theme=light] .ten-choi,
body.diiho-light-mode .ten-choi {
	--diiho-local-ten-choi-color: #fff;
}

html[data-theme=light] .ten-choi,
body.diiho-light-mode .ten-choi {
	--diiho-local-ten-choi-background: var(--diiho-accent);
}

html[data-theme=light] .tacgia-hoi,
body.diiho-light-mode .tacgia-hoi {
	--diiho-local-tacgia-hoi-color: #fff;
}

html[data-theme=light] .tdtap-choi,
body.diiho-light-mode .tdtap-choi {
	--diiho-local-tdtap-choi-color: var(--diiho-accent);
}

html[data-theme=light] button.cookok,
body.diiho-light-mode button.cookok {
	--diiho-local-button-cookok-color: #fff;
}

html[data-theme=light] button.cookok,
body.diiho-light-mode button.cookok {
	--diiho-local-button-cookok-box-shadow: #fff;
}

html[data-theme=light] #cookieNotice,
body.diiho-light-mode #cookieNotice {
	--diiho-local-cookienotice-box-shadow: #fff;
}

html[data-theme=light] #cookieNotice.light,
body.diiho-light-mode #cookieNotice.light {
	--diiho-local-cookienotice-light-background-color: #fff;
}

html[data-theme=light] #cookieNotice.light,
body.diiho-light-mode #cookieNotice.light {
	--diiho-local-cookienotice-light-color: #0f172a;
}

html[data-theme=light] .viet2:hover,
body.diiho-light-mode .viet2:hover {
	--diiho-local-viet2-hover-background: #f1f5f9;
}

html[data-theme=light] .viet2,
body.diiho-light-mode .viet2 {
	--diiho-local-viet2-background: #fff;
}

html[data-theme=light] .viet2,
body.diiho-light-mode .viet2 {
	--diiho-local-viet2-color: #64748b;
}

html[data-theme=light] .viet,
body.diiho-light-mode .viet {
	--diiho-local-viet-color: #0f172a;
}

html[data-theme=light] .ndung-tin,
body.diiho-light-mode .ndung-tin {
	--diiho-local-ndung-tin-color: #64748b;
}

html[data-theme=light] .ten-tin a:hover,
body.diiho-light-mode .ten-tin a:hover {
	--diiho-local-ten-tin-a-hover-color: var(--diiho-accent);
}

html[data-theme=light] .ten-tin a,
body.diiho-light-mode .ten-tin a {
	--diiho-local-ten-tin-a-color: #0f172a;
}

/* Light mode: General Owl Carousel Button Reset */
html[data-theme=light] .owl-carousel .owl-nav button.owl-prev,
body.diiho-light-mode .owl-carousel .owl-nav button.owl-prev,
html[data-theme=light] .owl-carousel .owl-nav button.owl-next,
body.diiho-light-mode .owl-carousel .owl-nav button.owl-next {
	--diiho-local-button-background: transparent;
}

/* Light mode: Diiho: Post Slider navigation buttons */
html[data-theme=light] .diiho-slide-post .owl-nav button.owl-prev,
body.diiho-light-mode .diiho-slide-post .owl-nav button.owl-prev,
html[data-theme=light] .diiho-slide-post .owl-nav button.owl-next,
body.diiho-light-mode .diiho-slide-post .owl-nav button.owl-next {
	background: rgba(255, 255, 255, 0.95);
	--diiho-local-button-background: rgba(255, 255, 255, 0.95);
	--diiho-local-button-border-color: rgba(16, 32, 57, 0.12);
	border: 1px solid rgba(16, 32, 57, 0.12);
	--diiho-local-button-color: #102039;
	color: #102039;
	box-shadow: 0 4px 14px rgba(16, 32, 57, 0.12);
}

html[data-theme=light] .diiho-slide-post .owl-nav button.owl-prev:hover:not(.disabled),
body.diiho-light-mode .diiho-slide-post .owl-nav button.owl-prev:hover:not(.disabled),
html[data-theme=light] .diiho-slide-post .owl-nav button.owl-next:hover:not(.disabled),
body.diiho-light-mode .diiho-slide-post .owl-nav button.owl-next:hover:not(.disabled) {
	background: var(--diiho-accent);
	--diiho-local-button-hover-background: var(--diiho-accent);
	--diiho-local-button-background: var(--diiho-accent);
	border-color: var(--diiho-accent);
	color: #ffffff;
	transform: translateY(-50%) scale(1.08);
}

html[data-theme=light] button#xemkm,
body.diiho-light-mode button#xemkm {
	--diiho-local-button-xemkm-background: #d0d2d4;
}

html[data-theme=light] button#xemkm,
body.diiho-light-mode button#xemkm {
	--diiho-local-button-xemkm-box-shadow: #fff;
}

html[data-theme=light] .xemthem:hover,
body.diiho-light-mode .xemthem:hover {
	--diiho-local-xemthem-hover-box-shadow: #f8fafc;
}

html[data-theme=light] #xemthem,
body.diiho-light-mode #xemthem {
	--diiho-local-xemthem-background: var(--diiho-accent);
}

html[data-theme=light] #xemthem,
body.diiho-light-mode #xemthem {
	--diiho-local-xemthem-box-shadow: #f8fafc;
}

html[data-theme=light] #xemthem,
body.diiho-light-mode #xemthem {
	--diiho-local-xemthem-color: #fff;
}

html[data-theme=light] .diiho-tintuc-promo-button,
body.diiho-light-mode .diiho-tintuc-promo-button {
	--diiho-local-diiho-tintuc-promo-button-background: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-promo-button,
body.diiho-light-mode .diiho-tintuc-promo-button {
	--diiho-local-diiho-tintuc-promo-button-box-shadow: #fff;
}

html[data-theme=light] .diiho-tintuc-promo-excerpt,
body.diiho-light-mode .diiho-tintuc-promo-excerpt {
	--diiho-local-diiho-tintuc-promo-excerpt-color: #0f172a;
}

html[data-theme=light] .diiho-tintuc-promo-excerpt,
body.diiho-light-mode .diiho-tintuc-promo-excerpt {
	--diiho-local-diiho-tintuc-promo-excerpt-background: #fff;
}

html[data-theme=light] .diiho-tintuc-promo-title a:hover,
body.diiho-light-mode .diiho-tintuc-promo-title a:hover {
	--diiho-local-diiho-tintuc-promo-title-a-hover-color: #111827;
}

html[data-theme=light] .diiho-tintuc-promo-title a,
body.diiho-light-mode .diiho-tintuc-promo-title a {
	--diiho-local-diiho-tintuc-promo-title-a-color: #0f172a;
}

html[data-theme=light] .diiho-tintuc-promo-title:hover,
body.diiho-light-mode .diiho-tintuc-promo-title:hover {
	--diiho-local-diiho-tintuc-promo-title-hover-background-1: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-promo-title:hover,
body.diiho-light-mode .diiho-tintuc-promo-title:hover {
	--diiho-local-diiho-tintuc-promo-title-hover-background-2: rgb(226 232 240);
}

html[data-theme=light] .diiho-tintuc-promo-title,
body.diiho-light-mode .diiho-tintuc-promo-title {
	--diiho-local-diiho-tintuc-promo-title-background-1: #3d3d3d2b;
}

html[data-theme=light] .diiho-tintuc-promo-title,
body.diiho-light-mode .diiho-tintuc-promo-title {
	--diiho-local-diiho-tintuc-promo-title-background-2: #fff;
}

html[data-theme=light] .diiho-tintuc-more:hover,
body.diiho-light-mode .diiho-tintuc-more:hover {
	--diiho-local-diiho-tintuc-more-hover-box-shadow: #f8fafc;
}

html[data-theme=light] .diiho-tintuc-more,
body.diiho-light-mode .diiho-tintuc-more {
	--diiho-local-diiho-tintuc-more-background: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-more,
body.diiho-light-mode .diiho-tintuc-more {
	--diiho-local-diiho-tintuc-more-box-shadow: #f8fafc;
}

html[data-theme=light] .diiho-tintuc-more,
body.diiho-light-mode .diiho-tintuc-more {
	--diiho-local-diiho-tintuc-more-color: #fff;
}

html[data-theme=light] .diiho-tintuc-excerpt,
body.diiho-light-mode .diiho-tintuc-excerpt {
	--diiho-local-diiho-tintuc-excerpt-color: #64748b;
}

html[data-theme=light] .diiho-tintuc-post-content a:hover,
body.diiho-light-mode .diiho-tintuc-post-content a:hover {
	--diiho-local-diiho-tintuc-post-content-a-hover-color: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-post-content a,
body.diiho-light-mode .diiho-tintuc-post-content a {
	--diiho-local-diiho-tintuc-post-content-a-color: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-post-content,
body.diiho-light-mode .diiho-tintuc-post-content {
	--diiho-local-diiho-tintuc-post-content-color: #64748b;
}

html[data-theme=light] .diiho-tintuc-post-image img,
body.diiho-light-mode .diiho-tintuc-post-image img {
	--diiho-local-diiho-tintuc-post-image-img-box-shadow: #f8fafc;
}

html[data-theme=light] .diiho-tintuc-meta a,
body.diiho-light-mode .diiho-tintuc-meta a {
	--diiho-local-diiho-tintuc-meta-a-color: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-meta,
body.diiho-light-mode .diiho-tintuc-meta {
	--diiho-local-diiho-tintuc-meta-color: #64748b;
}

html[data-theme=light] .diiho-tintuc-title,
body.diiho-light-mode .diiho-tintuc-title {
	--diiho-local-diiho-tintuc-title-color: var(--diiho-accent);
}

html[data-theme=light] .diiho-tintuc-main,
body.diiho-light-mode .diiho-tintuc-main {
	--diiho-local-diiho-tintuc-main-background: #fff;
}

html[data-theme=light] .diiho-tintuc-main,
body.diiho-light-mode .diiho-tintuc-main {
	--diiho-local-diiho-tintuc-main-border: var(--diiho-accent);
}

html[data-theme=light] .diiho-category-showcase,
body.diiho-light-mode .diiho-category-showcase {
	--diiho-category-showcase-heading-color: #111827;
	--diiho-category-showcase-border-color: var(--diiho-accent);
	--diiho-category-showcase-featured-background: #fff;
	--diiho-category-showcase-list-background: #f1f5f9;
	--diiho-category-showcase-item-border-color: #c4cfcf;
	--diiho-category-showcase-title-color: #1f2937;
	--diiho-category-showcase-text-color: #111827;
	--diiho-category-showcase-meta-color: #6b7280;
	--diiho-category-showcase-more-background: var(--diiho-accent);
	--diiho-category-showcase-more-color: #fff;
	--diiho-category-showcase-read-more-background: var(--diiho-accent);
	--diiho-category-showcase-read-more-color: #fff;
	--diiho-category-showcase-placeholder-background: #e5e7eb;
	--diiho-category-showcase-placeholder-color: #6b7280;
}

html[data-theme=light] .iten1,
body.diiho-light-mode .iten1 {
	--diiho-local-iten1-border: #cbd5e1;
}

html[data-theme=light] #style-1::-webkit-scrollbar-track,
body.diiho-light-mode #style-1::-webkit-scrollbar-track {
	--diiho-local-style-1-webkit-scrollbar-track-webkit-box-shadow: #00000000;
}

html[data-theme=light] #style-1::-webkit-scrollbar-track,
body.diiho-light-mode #style-1::-webkit-scrollbar-track {
	--diiho-local-style-1-webkit-scrollbar-track-background-color: #dfe4e4;
}

html[data-theme=light] #style-1::-webkit-scrollbar-thumb,
body.diiho-light-mode #style-1::-webkit-scrollbar-thumb {
	--diiho-local-style-1-webkit-scrollbar-thumb-background-color: #cfcfcf;
}

html[data-theme=light] #style-1::-webkit-scrollbar,
body.diiho-light-mode #style-1::-webkit-scrollbar {
	--diiho-local-style-1-webkit-scrollbar-background-color: #dfe4e4;
}

html[data-theme=light] .linkface a,
body.diiho-light-mode .linkface a {
	--diiho-local-linkface-a-color: #0f172a;
}

html[data-theme=light] .ten-video a,
body.diiho-light-mode .ten-video a {
	--diiho-local-ten-video-a-color: #0f172a;
}

html[data-theme=light] .noidung a:hover,
body.diiho-light-mode .noidung a:hover {
	--diiho-local-noidung-a-hover-color: #64748b;
}

html[data-theme=light] .noidungs,
body.diiho-light-mode .noidungs {
	--diiho-local-noidungs-background-color: rgba(15, 23, 42, 0.08);
}

html[data-theme=light] .tieude-video::after,
body.diiho-light-mode .tieude-video::after {
	--diiho-local-tieude-video-after-border-top: rgba(148, 163, 184, 0);
}

html[data-theme=light] .tieude-video::after,
body.diiho-light-mode .tieude-video::after {
	--diiho-local-tieude-video-after-border-left: var(--diiho-accent-dark);
}

html[data-theme=light] .tieude-video,
body.diiho-light-mode .tieude-video {
	--diiho-local-tieude-video-color: #fff;
}

html[data-theme=light] .tieude-video,
body.diiho-light-mode .tieude-video {
	--diiho-local-tieude-video-background-image-1: var(--diiho-accent);
}

html[data-theme=light] .tieude-video,
body.diiho-light-mode .tieude-video {
	--diiho-local-tieude-video-background-image-2: var(--diiho-accent-dark);
}

html[data-theme=light] .nenvideocaob,
body.diiho-light-mode .nenvideocaob {
	--diiho-local-nenvideocaob-border-image-source: rgba(22, 163, 74, 0.04);
}

html[data-theme=light] .nenvideocao,
body.diiho-light-mode .nenvideocao {
	--diiho-local-nenvideocao-background-image-1: #f1f5f9;
}

html[data-theme=light] .nenvideocao,
body.diiho-light-mode .nenvideocao {
	--diiho-local-nenvideocao-background-image-2: #fff;
}

html[data-theme=light] #style-2::-webkit-scrollbar-track,
body.diiho-light-mode #style-2::-webkit-scrollbar-track {
	--diiho-local-style-2-webkit-scrollbar-track-webkit-box-shadow: #fff;
}

html[data-theme=light] #style-2::-webkit-scrollbar-track,
body.diiho-light-mode #style-2::-webkit-scrollbar-track {
	--diiho-local-style-2-webkit-scrollbar-track-background-color: #fff;
}

html[data-theme=light] #style-2::-webkit-scrollbar-thumb,
body.diiho-light-mode #style-2::-webkit-scrollbar-thumb {
	--diiho-local-style-2-webkit-scrollbar-thumb-background-color: #c0c0c0;
}

html[data-theme=light] #style-2::-webkit-scrollbar,
body.diiho-light-mode #style-2::-webkit-scrollbar {
	--diiho-local-style-2-webkit-scrollbar-background-color: #fff;
}

html[data-theme=light] #xemthemvideo,
body.diiho-light-mode #xemthemvideo {
	--diiho-local-xemthemvideo-background-1: var(--diiho-accent);
}

html[data-theme=light] #xemthemvideo,
body.diiho-light-mode #xemthemvideo {
	--diiho-local-xemthemvideo-background-2: var(--diiho-accent-dark);
}

html[data-theme=light] #xemthemvideo,
body.diiho-light-mode #xemthemvideo {
	--diiho-local-xemthemvideo-box-shadow: #7b7b7b85;
}

html[data-theme=light] #xemthemvideo,
body.diiho-light-mode #xemthemvideo {
	--diiho-local-xemthemvideo-color: #fff;
}

html[data-theme=light] .chant1 ul li:first-child a,
body.diiho-light-mode .chant1 ul li:first-child a {
	--diiho-local-chant1-ul-li-first-child-a-color: #475569;
}

html[data-theme=light] ::-webkit-scrollbar-track,
body.diiho-light-mode ::-webkit-scrollbar-track {
	--diiho-local-webkit-scrollbar-track-webkit-box-shadow: rgba(15, 23, 42, 0.24);
}

html[data-theme=light] ::-webkit-scrollbar-track,
body.diiho-light-mode ::-webkit-scrollbar-track {
	--diiho-local-webkit-scrollbar-track-background-color: #f8fafc;
}

html[data-theme=light] ::-webkit-scrollbar,
body.diiho-light-mode ::-webkit-scrollbar {
	--diiho-local-webkit-scrollbar-background-color: #fff;
}

html[data-theme=light] .wp-pagenavi a,
body.diiho-light-mode .wp-pagenavi a,
html[data-theme=light] .wp-pagenavi span,
body.diiho-light-mode .wp-pagenavi span {
	--diiho-local-wp-pagenavi-a-color: #0f172a;
}

html[data-theme=light] .cld-like-wrap.cld-common-wrap a,
body.diiho-light-mode .cld-like-wrap.cld-common-wrap a {
	--diiho-local-cld-like-wrap-cld-common-wrap-a-color: #64748b;
}

html[data-theme=light] .cld-like-dislike-wrap.cld-template-2,
body.diiho-light-mode .cld-like-dislike-wrap.cld-template-2 {
	--diiho-local-cld-like-dislike-wrap-cld-template-2-color: #64748b;
}

html[data-theme=light] .cld-like-wrap.has-likes a,
html[data-theme=light] .cld-like-wrap.has-likes .cld-count-wrap,
html[data-theme=light] .cld-like-wrap.cld-is-liked a,
html[data-theme=light] .cld-like-wrap.cld-is-liked .cld-count-wrap,
html[data-theme=light] .cld-like-dislike-trigger.liked,
html[data-theme=light] .cld-like-dislike-trigger.liked~.cld-count-wrap,
html[data-theme=light] .cld-like-dislike-trigger.has-likes,
html[data-theme=light] .cld-like-dislike-trigger.has-likes~.cld-count-wrap,
body.diiho-light-mode .cld-like-wrap.has-likes a,
body.diiho-light-mode .cld-like-wrap.has-likes .cld-count-wrap,
body.diiho-light-mode .cld-like-wrap.cld-is-liked a,
body.diiho-light-mode .cld-like-wrap.cld-is-liked .cld-count-wrap,
body.diiho-light-mode .cld-like-dislike-trigger.liked,
body.diiho-light-mode .cld-like-dislike-trigger.liked~.cld-count-wrap,
body.diiho-light-mode .cld-like-dislike-trigger.has-likes,
body.diiho-light-mode .cld-like-dislike-trigger.has-likes~.cld-count-wrap {
	--diiho-local-cld-like-wrap-cld-common-wrap-a-color: var(--diiho-accent);
	--diiho-local-cld-like-dislike-wrap-cld-template-2-color: var(--diiho-accent);
	color: var(--diiho-accent) !important;
}

html[data-theme=light] .pp-oklike,
body.diiho-light-mode .pp-oklike {
	--diiho-local-pp-oklike-color: #64748b;
}

html[data-theme=light] ul.the_champ_login_ul li i:hover,
body.diiho-light-mode ul.the_champ_login_ul li i:hover,
html[data-theme=light] i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin:hover,
body.diiho-light-mode i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin:hover {
	--diiho-local-ul-the-champ-login-ul-li-i-hover-background: #f8fafc;
}

html[data-theme=light] ul.the_champ_login_ul li i,
body.diiho-light-mode ul.the_champ_login_ul li i,
html[data-theme=light] i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin,
body.diiho-light-mode i.theChampLogin.theChampFacebookBackground.theChampFacebookLogin {
	--diiho-local-ul-the-champ-login-ul-li-i-background: #fff;
}

html[data-theme=light] .top-bai .item-bai:nth-child(2),
body.diiho-light-mode .top-bai .item-bai:nth-child(2),
html[data-theme=light] .top-bai .item-bai:nth-child(3),
body.diiho-light-mode .top-bai .item-bai:nth-child(3),
html[data-theme=light] .top-bai .item-bai:nth-child(4),
body.diiho-light-mode .top-bai .item-bai:nth-child(4),
html[data-theme=light] .top-bai,
body.diiho-light-mode .top-bai {
	--diiho-local-top-bai-item-bai-nth-child-2-border-bottom: #e5e7eb;
}

html[data-theme=light] .webcao a,
body.diiho-light-mode .webcao a {
	--diiho-local-webcao-a-color: #0f172a;
}

html[data-theme=light] .top-webcao,
body.diiho-light-mode .top-webcao {
	--diiho-local-top-webcao-background: #f3f4f6;
	background-image: var(--diiho-asset-images-bg-baitop-2-png, url(images/bg-baitop-2.png));
}

html[data-theme=light] .top-bai a:hover,
body.diiho-light-mode .top-bai a:hover {
	--diiho-local-top-bai-a-hover-color: #475569;
}

html[data-theme=light] .top-bai a,
body.diiho-light-mode .top-bai a {
	--diiho-local-top-bai-a-color: #0f172a;
}

html[data-theme=light] .top-bai,
body.diiho-light-mode .top-bai {
	--diiho-local-top-bai-background-color: #fff;
}

html[data-theme=light] .top-bai .item-bai:nth-child(2),
body.diiho-light-mode .top-bai .item-bai:nth-child(2) {
	--diiho-local-top-bai-item-bai-nth-child-2-box-shadow: #f8fafc;
}

html[data-theme=light] .top-bai .item-bai:nth-child(2),
body.diiho-light-mode .top-bai .item-bai:nth-child(2) {
	--diiho-local-top-bai-item-bai-nth-child-2-background: #f1f5f9;
}

html[data-theme=light] .top-bai .item-bai:nth-child(1),
body.diiho-light-mode .top-bai .item-bai:nth-child(1) {
	--diiho-local-top-bai-item-bai-nth-child-1-box-shadow: #f8fafc;
}

html[data-theme=light] .top-bai .item-bai:nth-child(1),
body.diiho-light-mode .top-bai .item-bai:nth-child(1) {
	--diiho-local-top-bai-item-bai-nth-child-1-background: #f1f5f9;
}

html[data-theme=light] .timeago-bai,
body.diiho-light-mode .timeago-bai {
	--diiho-local-timeago-bai-color: #333;
}

html[data-theme=light] .hat,
body.diiho-light-mode .hat {
	--diiho-local-hat-background-color: #e5e7eb;
}

html[data-theme=light] #nutms:hover,
body.diiho-light-mode #nutms:hover {
	--diiho-local-nutms-hover-background-color: #94a3b8;
}

html[data-theme=light] #nutms,
body.diiho-light-mode #nutms {
	--diiho-local-nutms-background-color: #e5e7eb;
}

html[data-theme=light] #nutms,
body.diiho-light-mode #nutms {
	--diiho-local-nutms-color: #0f172a;
}

html[data-theme=light] #nutms .nutms-count,
body.diiho-light-mode #nutms .nutms-count {
	border-color: #e5e7eb;
}

html[data-theme=light] #nutms:hover .nutms-count,
body.diiho-light-mode #nutms:hover .nutms-count {
	border-color: #94a3b8;
}

html[data-theme=light] .share-save-post,
body.diiho-light-mode .share-save-post {
	background: #e5e7eb;
	color: #0f172a;
}

html[data-theme=light] .share-save-post:hover,
body.diiho-light-mode .share-save-post:hover,
html[data-theme=light] .share-save-post:focus-visible,
body.diiho-light-mode .share-save-post:focus-visible,
html[data-theme=light] .share-save-post.is-saved,
body.diiho-light-mode .share-save-post.is-saved {
	background: var(--diiho-accent);
	color: #fff;
}

html[data-theme=light] .nhomcao-dk p,
body.diiho-light-mode .nhomcao-dk p {
	--diiho-local-nhomcao-dk-p-border-bottom: #ccc;
}

html[data-theme=light] .nhomcao-dk,
body.diiho-light-mode .nhomcao-dk {
	--diiho-local-nhomcao-dk-background: #f3f4f6;
}

html[data-theme=light] .nhomcao-dk,
body.diiho-light-mode .nhomcao-dk {
	--diiho-local-nhomcao-dk-box-shadow: #f5f5f5;
}

html[data-theme=light] .errordk,
body.diiho-light-mode .errordk {
	--diiho-local-errordk-background: #b91c1c;
}

html[data-theme=light] .errordk,
body.diiho-light-mode .errordk {
	--diiho-local-errordk-color: #0f172a;
}

html[data-theme=light] .successdk,
body.diiho-light-mode .successdk {
	--diiho-local-successdk-background: #16a34a;
}

html[data-theme=light] .successdk,
body.diiho-light-mode .successdk {
	--diiho-local-successdk-color: #fff;
}

html[data-theme=light] .baiviet-dk a:hover,
body.diiho-light-mode .baiviet-dk a:hover {
	--diiho-local-baiviet-dk-a-hover-color: #64748b;
}

html[data-theme=light] .baiviet-dk a,
body.diiho-light-mode .baiviet-dk a {
	--diiho-local-baiviet-dk-a-color: #0f172a;
}

html[data-theme=light] .baiviet-dk,
body.diiho-light-mode .baiviet-dk {
	--diiho-local-baiviet-dk-color: #64748b;
}

html[data-theme=light] .tieude-thongtin,
body.diiho-light-mode .tieude-thongtin {
	--diiho-local-tieude-thongtin-color: #555;
}

html[data-theme=light] .loicapnhat-tt,
body.diiho-light-mode .loicapnhat-tt {
	--diiho-local-loicapnhat-tt-color: #b91c1c;
}

html[data-theme=light] .avatar-thay,
body.diiho-light-mode .avatar-thay {
	--diiho-local-avatar-thay-color: #64748b;
}

html[data-theme=light] .tabcontent,
body.diiho-light-mode .tabcontent {
	--diiho-local-tabcontent-color: #0f172a;
}

html[data-theme=light] .tablink,
body.diiho-light-mode .tablink {
	--diiho-local-tablink-background-color: #e5e7eb;
	--diiho-local-tablink-color: #64748b;
}

html[data-theme=light] .tablink:hover,
body.diiho-light-mode .tablink:hover {
	background-color: var(--diiho-accent) !important;
	color: #fff !important;
}

html[data-theme=light] .tablink:hover i,
html[data-theme=light] .tablink:hover .diiho-svg,
body.diiho-light-mode .tablink:hover i,
body.diiho-light-mode .tablink:hover .diiho-svg {
	color: #fff !important;
}

html[data-theme=light] .tablink.active,
body.diiho-light-mode .tablink.active {
	background-color: color-mix(in srgb, var(--diiho-accent) 16%, transparent) !important;
	color: var(--diiho-accent) !important;
}

html[data-theme=light] .tablink.active i,
html[data-theme=light] .tablink.active .diiho-svg,
body.diiho-light-mode .tablink.active i,
body.diiho-light-mode .tablink.active .diiho-svg {
	color: var(--diiho-accent) !important;
}

html[data-theme=light] .dk-dtdx,
body.diiho-light-mode .dk-dtdx {
	--diiho-local-dk-dtdx-background: #fff;
}

html[data-theme=light] .dk-dtdx,
body.diiho-light-mode .dk-dtdx {
	--diiho-local-dk-dtdx-color: #111827;
}

html[data-theme=light] .dk-dtdx,
body.diiho-light-mode .dk-dtdx {
	--diiho-local-dk-dtdx-border-bottom: #c0c0c0;
}

html[data-theme=light] .dk-dtdx,
body.diiho-light-mode .dk-dtdx {
	--diiho-local-dk-dtdx-box-shadow: #f8fafc;
}

html[data-theme=light] .dk-dtdx:first-child,
body.diiho-light-mode .dk-dtdx:first-child {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

html[data-theme=light] .tenuser-dk,
body.diiho-light-mode .tenuser-dk {
	--diiho-local-tenuser-dk-color: #666;
}

html[data-theme=light] .tenuser-dk,
body.diiho-light-mode .tenuser-dk {
	--diiho-local-tenuser-dk-background: #f3f4f6;
}

html[data-theme=light] .tenuser-dk,
body.diiho-light-mode .tenuser-dk {
	--diiho-local-tenuser-dk-box-shadow: #f5f5f5;
}

html[data-theme=light] .time-tgia-dk,
body.diiho-light-mode .time-tgia-dk {
	--diiho-local-time-tgia-dk-color: #64748b;
}

html[data-theme=light] .list-dk p,
body.diiho-light-mode .list-dk p {
	--diiho-local-list-dk-p-border-bottom: #ccc;
}

html[data-theme=light] .list-dk,
body.diiho-light-mode .list-dk {
	--diiho-local-list-dk-color: #475569;
}

html[data-theme=light] .list-dk,
body.diiho-light-mode .list-dk {
	--diiho-local-list-dk-background: #f3f4f6;
}

html[data-theme=light] .list-dk,
body.diiho-light-mode .list-dk {
	--diiho-local-list-dk-box-shadow: #f5f5f5;
}

html[data-theme=light] .thongtin-coban,
body.diiho-light-mode .thongtin-coban {
	--diiho-local-thongtin-coban-color: #1f2937;
}

html[data-theme=light] .play a,
body.diiho-light-mode .play a {
	--diiho-local-play-a-color: #0f172a;
}

html[data-theme=light] .baiviet-lq:hover,
body.diiho-light-mode .baiviet-lq:hover {
	--diiho-local-baiviet-lq-hover-background: #fff;
}

html[data-theme=light] .baiviet-lq,
body.diiho-light-mode .baiviet-lq {
	--diiho-local-baiviet-lq-background: #f8fafc;
}

html[data-theme=light] .baiviet-lq,
body.diiho-light-mode .baiviet-lq {
	--diiho-local-baiviet-lq-border: #e5e7eb;
}

html[data-theme=light] .diiho-read-more-posts,
body.diiho-light-mode .diiho-read-more-posts {
	--diiho-local-read-more-excerpt-color: #64748b;
	--diiho-local-read-more-shadow: rgba(15, 23, 42, 0.08);
}

html[data-theme=light] .tap,
body.diiho-light-mode .tap {
	--diiho-local-tap-border-bottom: #e5e7eb;
}

html[data-theme=light] .xem,
body.diiho-light-mode .xem {
	--diiho-local-xem-color: #64748b;
}

html[data-theme=light] .ten-lq a,
body.diiho-light-mode .ten-lq a {
	--diiho-local-ten-lq-a-color: #0f172a;
}

html[data-theme=light] .ten-box,
body.diiho-light-mode .ten-box {
	--diiho-local-ten-box-color: #0f172a;
}

html[data-theme=light] .sharehome,
body.diiho-light-mode .sharehome {
	--diiho-local-sharehome-background-color: rgb(255, 255, 255);
}

html[data-theme=light] .sharehome,
body.diiho-light-mode .sharehome {
	--diiho-local-sharehome-background-color-2: rgba(15, 23, 42, 0.24);
}

html[data-theme=light] .comen-title,
body.diiho-light-mode .comen-title {
	--diiho-local-comen-title-background: #bfdbfe;
}

html[data-theme=light] .comen-title,
body.diiho-light-mode .comen-title {
	--diiho-local-comen-title-color: #0f172a;
}

html[data-theme=light] .tentraloi,
body.diiho-light-mode .tentraloi {
	--diiho-local-tentraloi-color: #0284c7;
}

html[data-theme=light] .tra-comen a:hover,
body.diiho-light-mode .tra-comen a:hover {
	--diiho-local-tra-comen-a-hover-color: #475569;
}

html[data-theme=light] .tra-comen a,
body.diiho-light-mode .tra-comen a {
	--diiho-local-tra-comen-a-color: #64748b;
}

html[data-theme=light] .tgian-comen,
body.diiho-light-mode .tgian-comen {
	--diiho-local-tgian-comen-color: #64748b;
}

html[data-theme=light] .tgia-comen,
body.diiho-light-mode .tgia-comen {
	--diiho-local-tgia-comen-color: #0f172a;
}

html[data-theme=light] .comen a,
body.diiho-light-mode .comen a {
	--diiho-local-comen-a-color: #0284c7;
}

html[data-theme=light] .comen,
body.diiho-light-mode .comen {
	--diiho-local-comen-background: #f3f4f6;
}

html[data-theme=light] .comen,
body.diiho-light-mode .comen {
	--diiho-local-comen-color: #475569;
}

html[data-theme=light] .comment-author-label-administrator,
body.diiho-light-mode .comment-author-label-administrator {
	--diiho-local-comment-author-label-administrator-color: #fff;
}

html[data-theme=light] .comment-author-label-editor,
body.diiho-light-mode .comment-author-label-editor {
	--diiho-local-comment-author-label-editor-background-color: #b91c1c;
}

html[data-theme=light] .comment-author-label-editor,
body.diiho-light-mode .comment-author-label-editor {
	--diiho-local-comment-author-label-editor-color: #475569;
}

html[data-theme=light] .comment-author-label-author,
body.diiho-light-mode .comment-author-label-author {
	--diiho-local-comment-author-label-author-background-color: #7e22ce;
}

html[data-theme=light] .comment-author-label-author,
body.diiho-light-mode .comment-author-label-author {
	--diiho-local-comment-author-label-author-color: #fff;
}

html[data-theme=light] .comment-author-label-contributor,
body.diiho-light-mode .comment-author-label-contributor {
	--diiho-local-comment-author-label-contributor-background-color: #8a6d00;
}

html[data-theme=light] .comment-author-label-contributor,
body.diiho-light-mode .comment-author-label-contributor {
	--diiho-local-comment-author-label-contributor-color: #fff;
}

html[data-theme=light] .comment-author-label-subscriber,
body.diiho-light-mode .comment-author-label-subscriber {
	--diiho-local-comment-author-label-subscriber-background-color: #94a3b8;
}

html[data-theme=light] .comment-author-label-subscriber,
body.diiho-light-mode .comment-author-label-subscriber {
	--diiho-local-comment-author-label-subscriber-color: #475569;
}

html[data-theme=light] .khach,
body.diiho-light-mode .khach {
	--diiho-local-khach-color: #8a6d00;
}

html[data-theme=light] .the-tag a,
body.diiho-light-mode .the-tag a {
	--diiho-local-the-tag-a-color: #64748b;
}

html[data-theme=light] .dropdown-content a,
body.diiho-light-mode .dropdown-content a {
	--diiho-local-dropdown-content-a-color: #0f172a;
}

html[data-theme=light] .dropdown-content a,
body.diiho-light-mode .dropdown-content a {
	--diiho-local-dropdown-content-a-border-bottom: #e5e7eb;
}

html[data-theme=light] .dropdown-content,
body.diiho-light-mode .dropdown-content {
	--diiho-local-dropdown-content-background-color: #fff;
}

html[data-theme=light] .dangnhap-icon:hover,
body.diiho-light-mode .dangnhap-icon:hover {
	--diiho-local-dangnhap-icon-hover-color: #dc2626;
}

html[data-theme=light] #dangnhap-icon,
body.diiho-light-mode #dangnhap-icon {
	--diiho-local-dangnhap-icon-color: #333;
}



html[data-theme=light] #updateuser:hover,
body.diiho-light-mode #updateuser:hover {
	--diiho-local-updateuser-hover-color: #f8fafc;
}

html[data-theme=light] #updateuser,
body.diiho-light-mode #updateuser {
	--diiho-local-updateuser-background: #a65c45;
}

html[data-theme=light] #updateuser,
body.diiho-light-mode #updateuser {
	--diiho-local-updateuser-border: #a65c45;
}

html[data-theme=light] #updateuser,
body.diiho-light-mode #updateuser {
	--diiho-local-updateuser-color: #f8fafc;
}

html[data-theme=light] #wp-submit,
body.diiho-light-mode #wp-submit {
	--diiho-local-wp-submit-color: #0f172a;
}

html[data-theme=light] #description,
body.diiho-light-mode #description,
html[data-theme=light] select,
body.diiho-light-mode select {
	--diiho-local-pin2-background-color: #fff;
}

html[data-theme=light] #description,
body.diiho-light-mode #description,
html[data-theme=light] select,
body.diiho-light-mode select {
	--diiho-local-pin2-border: #94a3b8;
}

html[data-theme=light] #description,
body.diiho-light-mode #description,
html[data-theme=light] select,
body.diiho-light-mode select {
	--diiho-local-pin2-color: #0f172a;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #bank {
	--diiho-local-select-background-color: #fff;
	--diiho-local-select-border: #94a3b8;
	--diiho-local-select-color: #0f172a;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_login, #username, #last-name, #first-name, #last_name, #first_name) {
	background-image: var(--diiho-asset-images-admin-id-333-svg, url(images/admin/id-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_pass, #pwd1, #pwd2, #pass_current, #pass1, #pass2) {
	background-image: var(--diiho-asset-images-admin-pass-333-svg, url(images/admin/pass-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #nam {
	background-image: var(--diiho-asset-images-admin-tuoi-333-svg, url(images/admin/tuoi-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #email2 {
	background-image: var(--diiho-asset-images-admin-email-333-svg, url(images/admin/email-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #user_url {
	background-image: var(--diiho-asset-images-admin-web-333-svg, url(images/admin/web-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #facebook {
	background-image: var(--diiho-asset-images-admin-facebook-333-svg, url(images/admin/facebook-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #twitter {
	background-image: var(--diiho-asset-images-admin-twitter-333-svg, url(images/admin/twitter-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #phone {
	background-image: var(--diiho-asset-images-admin-phone-333-svg, url(images/admin/phone-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #tiktok {
	background-image: var(--diiho-asset-images-admin-tiktok-333-svg, url(images/admin/tiktok-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #zalo2 {
	background-image: var(--diiho-asset-images-admin-zalo-333-svg, url(images/admin/zalo-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #youtube {
	background-image: var(--diiho-asset-images-admin-youtube-333-svg, url(images/admin/youtube-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #momo2 {
	background-image: var(--diiho-asset-images-admin-momo-333-svg, url(images/admin/momo-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #paypal {
	background-image: var(--diiho-asset-images-admin-paypal-333-svg, url(images/admin/paypal-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #slogan {
	background-image: var(--diiho-asset-images-admin-slogan-333-svg, url(images/admin/slogan-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #telegram {
	background-image: var(--diiho-asset-images-admin-telegram-333-svg, url(images/admin/telegram-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #instagram {
	background-image: var(--diiho-asset-images-admin-instagram-333-svg, url(images/admin/instagram-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) #bank {
	background-image: var(--diiho-asset-images-admin-bank-333-svg, url(images/admin/bank-333.svg));
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#bank-account-name, #bank-account-number) {
	background-image: var(--diiho-asset-images-admin-bank-333-svg, url(images/admin/bank-333.svg));
}

html[data-theme=light] .diiho-bank-picker__button,
body.diiho-light-mode .diiho-bank-picker__button {
	--diiho-local-select-background-color: #fff;
	--diiho-local-select-border: #94a3b8;
	--diiho-local-select-color: #0f172a;
}

html[data-theme=light] .diiho-bank-picker__meta,
body.diiho-light-mode .diiho-bank-picker__meta,
html[data-theme=light] .diiho-bank-picker__chevron,
body.diiho-light-mode .diiho-bank-picker__chevron {
	color: #64748b;
}

html[data-theme=light] .diiho-bank-picker__panel,
body.diiho-light-mode .diiho-bank-picker__panel {
	background: #fff;
	border-color: #cbd5e1;
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
}

html[data-theme=light] .diiho-bank-picker__search,
body.diiho-light-mode .diiho-bank-picker__search {
	background: #f8fafc;
	border-color: #cbd5e1;
	color: #0f172a;
}

html[data-theme=light] .diiho-bank-picker__option,
body.diiho-light-mode .diiho-bank-picker__option {
	color: #0f172a;
}

html[data-theme=light] .diiho-bank-picker__option:hover,
body.diiho-light-mode .diiho-bank-picker__option:hover,
html[data-theme=light] .diiho-bank-picker__option:focus,
body.diiho-light-mode .diiho-bank-picker__option:focus,
html[data-theme=light] .diiho-bank-picker__option[aria-selected="true"],
body.diiho-light-mode .diiho-bank-picker__option[aria-selected="true"] {
	background: #e0f2fe;
}

html[data-theme=light] .diiho-bank-picker__status,
body.diiho-light-mode .diiho-bank-picker__status {
	color: #64748b;
}

:is(html[data-theme=light], body.diiho-light-mode) :is(.dang-nhap, .dangnhap, .diiho-auth-page) :is(#user_pass,
	#pwd1,
	#pwd2,
	#pass_current,
	#pass1,
	#pass2,
	#user_login,
	#username,
	#last-name,
	#first-name,
	#nam,
	#email2,
	#user_url,
	#facebook,
	#twitter,
	#phone,
	#tiktok,
	#last_name,
	#first_name,
	#zalo2,
	#youtube,
	#momo2,
	#paypal,
	#slogan,
	#telegram,
	#instagram,
	#bank-account-name,
	#bank-account-number) {
	--diiho-local-somfrp-user-info-background-color: #fff;
	--diiho-local-somfrp-user-info-border: #94a3b8;
	--diiho-local-somfrp-user-info-color: #0f172a;
}

html[data-theme=light] .dangnhapfom a:hover,
body.diiho-light-mode .dangnhapfom a:hover {
	--diiho-local-dangnhapfom-a-hover-color: #334155;
}

html[data-theme=light] .dangnhapfom a,
body.diiho-light-mode .dangnhapfom a {
	--diiho-local-dangnhapfom-a-color: #64748b;
}

html[data-theme=light] .dangnhaproi,
body.diiho-light-mode .dangnhaproi {
	--diiho-local-dangnhaproi-color: #64748b;
}

html[data-theme=light] .top-tieude,
body.diiho-light-mode .top-tieude {
	--diiho-local-top-tieude-color: #0f172a;
}

html[data-theme=light] .thongbao-dn a,
body.diiho-light-mode .thongbao-dn a {
	--diiho-local-thongbao-dn-a-color: #0f172a;
}

html[data-theme=light] .thongbao-dn,
body.diiho-light-mode .thongbao-dn {
	--diiho-local-thongbao-dn-background: #f3f4f6;
}

html[data-theme=light] .thongbao-dk,
body.diiho-light-mode .thongbao-dk {
	--diiho-local-thongbao-dk-color: #64748b;
}

html[data-theme=light] .thongbao-hub,
body.diiho-light-mode .thongbao-hub {
	--diiho-local-thongbao-hub-color: #333;
}

html[data-theme=light] .dang-1,
body.diiho-light-mode .dang-1 {
	--diiho-local-dang-1-background: #fff;
}

html[data-theme=light] .dang-nhap,
body.diiho-light-mode .dang-nhap {
	--diiho-local-dang-nhap-box-shadow: #d6d6d6;
}

html[data-theme=light] .dangnhap,
body.diiho-light-mode .dangnhap {
	--diiho-local-dangnhap-color: #64748b;
}

html[data-theme=light] .dangnhap,
body.diiho-light-mode .dangnhap {
	--diiho-local-dangnhap-background: #fff;
}

html[data-theme=light] .dangnhap,
body.diiho-light-mode .dangnhap {
	--diiho-local-dangnhap-border: #e5e7eb;
}

html[data-theme=light] input:-webkit-autofill,
body.diiho-light-mode input:-webkit-autofill {
	--diiho-local-input-webkit-autofill-webkit-text-fill-color: #0f172a;
}

html[data-theme=light] .cm-bai-viet a:hover,
body.diiho-light-mode .cm-bai-viet a:hover {
	--diiho-local-cm-bai-viet-a-hover-color: #0f172a;
}

html[data-theme=light] .cm-bai-viet a,
body.diiho-light-mode .cm-bai-viet a {
	--diiho-local-cm-bai-viet-a-color: #666;
}

html[data-theme=light] #themeToggle:hover,
body.diiho-light-mode #themeToggle:hover,
html[data-theme=light] #diihoSavedPostsToggle:hover,
body.diiho-light-mode #diihoSavedPostsToggle:hover {
	--diiho-local-themetoggle-hover-background-color: #94a3b8;
	--diiho-local-saved-posts-toggle-hover-background-color: #94a3b8;
}

html[data-theme=light] #myBtn,
body.diiho-light-mode #myBtn,
html[data-theme=light] #nutms,
body.diiho-light-mode #nutms,
html[data-theme=light] #themeToggle,
body.diiho-light-mode #themeToggle,
html[data-theme=light] #diihoSavedPostsToggle,
body.diiho-light-mode #diihoSavedPostsToggle {
	--diiho-local-floating-button-box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
}

html[data-theme=light] #themeToggle,
body.diiho-light-mode #themeToggle,
html[data-theme=light] #diihoSavedPostsToggle,
body.diiho-light-mode #diihoSavedPostsToggle {
	--diiho-local-themetoggle-background-color: #e5e7eb;
	--diiho-local-saved-posts-toggle-background-color: #e5e7eb;
}

html[data-theme=light] #themeToggle,
body.diiho-light-mode #themeToggle,
html[data-theme=light] #diihoSavedPostsToggle,
body.diiho-light-mode #diihoSavedPostsToggle {
	--diiho-local-themetoggle-color: #0f172a;
	--diiho-local-saved-posts-toggle-color: #0f172a;
}

html[data-theme=light] .diiho-saved-posts-toggle__count,
body.diiho-light-mode .diiho-saved-posts-toggle__count {
	border-color: #e5e7eb;
}

html[data-theme=light] #myBtn:hover,
body.diiho-light-mode #myBtn:hover {
	--diiho-local-mybtn-hover-background-color: #94a3b8;
}

html[data-theme=light] #myBtn,
body.diiho-light-mode #myBtn {
	--diiho-local-mybtn-background-color: #e5e7eb;
}

html[data-theme=light] #myBtn,
body.diiho-light-mode #myBtn {
	--diiho-local-mybtn-color: #0f172a;
}

html[data-theme=light] .card2-xt:hover,
body.diiho-light-mode .card2-xt:hover {
	--diiho-local-card2-xt-hover-border: var(--diiho-accent);
}

html[data-theme=light] .card2-xt:hover,
body.diiho-light-mode .card2-xt:hover {
	--diiho-local-card2-xt-hover-background: var(--diiho-accent);
}

html[data-theme=light] .card2-xt,
body.diiho-light-mode .card2-xt {
	--diiho-local-card2-xt-background: #55555542;
}

html[data-theme=light] .card2-xt,
body.diiho-light-mode .card2-xt {
	--diiho-local-card2-xt-color: #fff;
}

html[data-theme=light] .baichu,
body.diiho-light-mode .baichu {
	--diiho-local-baichu-color: #64748b;
}

html[data-theme=light] .danhmucbai,
body.diiho-light-mode .danhmucbai {
	--diiho-local-danhmucbai-background: #fff;
}

html[data-theme=light] .danhmuctd,
body.diiho-light-mode .danhmuctd {
	--diiho-local-danhmuctd-color: var(--diiho-accent);
}

html[data-theme=light] .baivietmuc a:hover,
body.diiho-light-mode .baivietmuc a:hover {
	--diiho-local-baivietmuc-a-hover-color: #64748b;
}

html[data-theme=light] .baivietmuc a,
body.diiho-light-mode .baivietmuc a {
	--diiho-local-baivietmuc-a-color: #0f172a;
}

html[data-theme=light] .page-content,
body.diiho-light-mode .page-content {
	--diiho-local-page-content-color: #0f172a;
}

html[data-theme=light] .cat-links a,
body.diiho-light-mode .cat-links a {
	--diiho-local-cat-links-a-color: #64748b;
}

html[data-theme=light] .cat-links a,
body.diiho-light-mode .cat-links a {
	--diiho-local-cat-links-a-border: #475569;
}

html[data-theme=light] .wp-caption-text,
body.diiho-light-mode .wp-caption-text {
	--diiho-local-wp-caption-text-color: #64748b;
}

html[data-theme=light] #infinite-footer .blog-credits,
body.diiho-light-mode #infinite-footer .blog-credits,
html[data-theme=light] #infinite-footer .blog-credits a,
body.diiho-light-mode #infinite-footer .blog-credits a {
	--diiho-local-infinite-footer-blog-credits-color: #64748b;
}

html[data-theme=light] #infinite-footer .blog-info a,
body.diiho-light-mode #infinite-footer .blog-info a {
	--diiho-local-infinite-footer-blog-info-a-color: #111827;
}

html[data-theme=light] #infinite-footer .container,
body.diiho-light-mode #infinite-footer .container {
	--diiho-local-infinite-footer-container-border-color: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .site-main #infinite-handle span button:hover,
body.diiho-light-mode .site-main #infinite-handle span button:hover {
	--diiho-local-site-main-infinite-handle-span-button-hover-background: #64748b;
}

html[data-theme=light] .site-main #infinite-handle span button:hover,
body.diiho-light-mode .site-main #infinite-handle span button:hover {
	--diiho-local-site-main-infinite-handle-span-button-hover-border-color: #64748b;
}

html[data-theme=light] .site-main #infinite-handle span button:hover,
body.diiho-light-mode .site-main #infinite-handle span button:hover {
	--diiho-local-site-main-infinite-handle-span-button-hover-color: #0f172a;
}

html[data-theme=light] .site-main #infinite-handle span button,
body.diiho-light-mode .site-main #infinite-handle span button {
	--diiho-local-site-main-infinite-handle-span-button-background: #334155;
}

html[data-theme=light] .site-main #infinite-handle span button,
body.diiho-light-mode .site-main #infinite-handle span button {
	--diiho-local-site-main-infinite-handle-span-button-border-color: #334155;
}

html[data-theme=light] .duoi-cung,
body.diiho-light-mode .duoi-cung {
	--diiho-local-duoi-cung-color: #64748b;
}

html[data-theme=light] .duoi-cung,
body.diiho-light-mode .duoi-cung {
	--diiho-local-duoi-cung-background: #d9dadd;
}

html[data-theme=light] .duoi-cung,
body.diiho-light-mode .duoi-cung {
	--diiho-local-duoi-cung-border-top: #d0d3db;
}

html[data-theme=light] .phobien,
body.diiho-light-mode .phobien {
	--diiho-local-phobien-color: #475569;
}

html[data-theme=light] .diiho-footer-socials a,
body.diiho-light-mode .diiho-footer-socials a {
	--diiho-local-diiho-footer-socials-a-color: #64748b;
}

html[data-theme=light] .chant2,
body.diiho-light-mode .chant2 {
	--diiho-local-chant2-color: #64748b;
}

html[data-theme=light] .chant1,
body.diiho-light-mode .chant1 {
	--diiho-local-chant1-color: #475569;
}

html[data-theme=light] .chant10 a,
body.diiho-light-mode .chant10 a {
	--diiho-local-chant10-a-color: #64748b;
}

html[data-theme=light] .chant10,
body.diiho-light-mode .chant10 {
	--diiho-local-chant10-color: #475569;
}

html[data-theme=light] .chant10,
body.diiho-light-mode .chant10 {
	--diiho-local-chant10-background: #f8fafc;
}

html[data-theme=light] .site-info,
body.diiho-light-mode .site-info {
	--diiho-local-site-info-background-color: #e5e7eb;
}

html[data-theme=light] .footer-widgets,
body.diiho-light-mode .footer-widgets {
	--diiho-local-footer-widgets-border-bottom: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .site-footer a,
body.diiho-light-mode .site-footer a {
	--diiho-local-site-footer-a-color: #0f172a;
}

html[data-theme=light] #cancel-comment-reply-link,
body.diiho-light-mode #cancel-comment-reply-link {
	--diiho-local-cancel-comment-reply-link-color: #1f2937;
}

html[data-theme=light] .logged-in-as a,
body.diiho-light-mode .logged-in-as a {
	--diiho-local-logged-in-as-a-color: #0f172a;
}

html[data-theme=light] .logged-in-as,
body.diiho-light-mode .logged-in-as {
	--diiho-local-logged-in-as-background: #f1f5f9;
}

html[data-theme=light] .logged-in-as,
body.diiho-light-mode .logged-in-as {
	--diiho-local-logged-in-as-border-bottom: #cbd5e1;
}

html[data-theme=light] .no-comments,
body.diiho-light-mode .no-comments {
	--diiho-local-no-comments-color: #64748b;
}

html[data-theme=light] .no-comments,
body.diiho-light-mode .no-comments {
	--diiho-local-no-comments-background: #dbeafe;
}

html[data-theme=light] .no-comments,
body.diiho-light-mode .no-comments {
	--diiho-local-no-comments-border: #bfdbfe;
}

html[data-theme=light] .required,
body.diiho-light-mode .required {
	--diiho-local-required-color: #0f172a;
}

html[data-theme=light] .comment-content,
body.diiho-light-mode .comment-content {
	--diiho-local-comment-content-color: #0f172a;
}

html[data-theme=light] .reply a:hover,
body.diiho-light-mode .reply a:hover {
	--diiho-local-reply-a-hover-background: #f8fafc;
}

html[data-theme=light] .reply a:hover,
body.diiho-light-mode .reply a:hover {
	--diiho-local-reply-a-hover-color: #0f172a;
}

html[data-theme=light] .reply a,
body.diiho-light-mode .reply a {
	--diiho-local-reply-a-color: #64748b;
}

html[data-theme=light] .comment-metadata a,
body.diiho-light-mode .comment-metadata a {
	--diiho-local-comment-metadata-a-color: #64748b;
}

html[data-theme=light] .comment-author,
body.diiho-light-mode .comment-author {
	--diiho-local-comment-author-color: #64748b;
}

html[data-theme=light] .comment-awaiting-moderation,
body.diiho-light-mode .comment-awaiting-moderation {
	--diiho-local-comment-awaiting-moderation-color: #8a6d00;
}

html[data-theme=light] .comment-body,
body.diiho-light-mode .comment-body {
	--diiho-local-comment-body-color: #475569;
}

html[data-theme=light] li.comment.even.thread-even.depth-1>.children,
body.diiho-light-mode li.comment.even.thread-even.depth-1>.children {
	--diiho-local-li-comment-even-thread-even-depth-1-children-border-left: #bbb;
}

html[data-theme=light] #nuttim,
body.diiho-light-mode #nuttim {
	--diiho-local-nuttim-box-shadow: #f8fafc;
}

html[data-theme=light] #inputtim,
body.diiho-light-mode #inputtim {
	--diiho-local-inputtim-background: #e5e7eb;
}

html[data-theme=light] #inputtim,
body.diiho-light-mode #inputtim {
	--diiho-local-inputtim-color: #0f172a;
}

html[data-theme=light] #inputtim,
body.diiho-light-mode #inputtim {
	--diiho-local-inputtim-box-shadow: #f8fafc;
}

html[data-theme=light] .formtimkiem,
body.diiho-light-mode .formtimkiem {
	--diiho-local-formtimkiem-background: #f8fafc;
}

html[data-theme=light] .formtimkiem,
body.diiho-light-mode .formtimkiem {
	--diiho-local-formtimkiem-border: #e5e7eb;
}

html[data-theme=light] .nonoidung,
body.diiho-light-mode .nonoidung {
	--diiho-local-nonoidung-color: #64748b;
}

html[data-theme=light] .nonoidung,
body.diiho-light-mode .nonoidung {
	--diiho-local-nonoidung-background: #f5f5f5b8;
}

html[data-theme=light] .nonoidung,
body.diiho-light-mode .nonoidung {
	--diiho-local-nonoidung-border: #e5e7eb;
}

/* 404 Light Mode Overrides */
html[data-theme=light] .diiho-404-title,
body.diiho-light-mode .diiho-404-title {
	color: #0f172a;
}

html[data-theme=light] .diiho-404-desc,
body.diiho-light-mode .diiho-404-desc {
	color: #64748b;
}

html[data-theme=light] .diiho-404-glow,
body.diiho-light-mode .diiho-404-glow {
	background: radial-gradient(ellipse at center, color-mix(in srgb, var(--diiho-accent) 20%, transparent) 0%, transparent 70%);
}

html[data-theme=light] .diiho-404-number,
body.diiho-light-mode .diiho-404-number {
	background: var(--diiho-accent);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 4px 12px color-mix(in srgb, var(--diiho-accent) 28%, transparent));
}


html[data-theme=light] .searchtitle a,
body.diiho-light-mode .searchtitle a {
	--diiho-local-searchtitle-a-color: #0369a1;
}

html[data-theme=light] .searchmuc,
body.diiho-light-mode .searchmuc {
	--diiho-local-searchmuc-color: #64748b;
}

html[data-theme=light] .searchpost,
body.diiho-light-mode .searchpost {
	--diiho-local-searchpost-background: #f5f5f5d4;
}

html[data-theme=light] .searchpost,
body.diiho-light-mode .searchpost {
	--diiho-local-searchpost-border: #e5e7eb;
}

html[data-theme=light] .searchpost,
body.diiho-light-mode .searchpost {
	--diiho-local-searchpost-color: #475569;
}

html[data-theme=light] .entry-footer .edit-link a,
body.diiho-light-mode .entry-footer .edit-link a {
	--diiho-local-entry-footer-edit-link-a-color: #64748b;
}

html[data-theme=light] .diiho-single-author,
body.diiho-light-mode .diiho-single-author {
	--diiho-local-single-author-background: #f8fafc;
	--diiho-local-single-author-border: #e5e7eb;
	--diiho-local-single-author-color: #64748b;
	--diiho-local-single-author-heading-color: #0f172a;
}

html[data-theme=light] .diiho-single-breadcrumbs,
body.diiho-light-mode .diiho-single-breadcrumbs {
	--diiho-local-single-breadcrumbs-color: #64748b;
}

html[data-theme=light] .tag-cloud-link:hover,
body.diiho-light-mode .tag-cloud-link:hover,
html[data-theme=light] .tags-links a:hover,
body.diiho-light-mode .tags-links a:hover {
	--diiho-local-tag-cloud-link-hover-background: #0b63ce;
}

html[data-theme=light] .tag-cloud-link:hover,
body.diiho-light-mode .tag-cloud-link:hover,
html[data-theme=light] .tags-links a:hover,
body.diiho-light-mode .tags-links a:hover {
	--diiho-local-tag-cloud-link-hover-color: #0f172a;
}

html[data-theme=light] .page .entry-content>p:first-child,
body.diiho-light-mode .page .entry-content>p:first-child,
html[data-theme=light] .single .entry-content>p:first-child,
body.diiho-light-mode .single .entry-content>p:first-child {
	--diiho-local-page-entry-content-p-first-child-color: #64748b;
}

html[data-theme=light] .page .entry-body,
body.diiho-light-mode .page .entry-body,
html[data-theme=light] .single .entry-body,
body.diiho-light-mode .single .entry-body {
	--diiho-local-page-entry-body-box-shadow: rgba(15, 23, 42, 0.07);
}

html[data-theme=light] .page .entry-title,
body.diiho-light-mode .page .entry-title,
html[data-theme=light] .single .entry-title,
body.diiho-light-mode .single .entry-title {
	--diiho-local-page-entry-title-color: #0f172a;
}

html[data-theme=light] .page-header,
body.diiho-light-mode .page-header {
	--diiho-local-page-header-color: #102039;
	color: #102039;
}

html[data-theme=light] .page-title,
body.diiho-light-mode .page-title {
	--diiho-local-page-title-color: #102039;
}

html[data-theme=light] .page-header :is(.archive-description, .archive-description p, .diiho-archive-breadcrumb, .woocommerce-breadcrumb),
body.diiho-light-mode .page-header :is(.archive-description, .archive-description p, .diiho-archive-breadcrumb, .woocommerce-breadcrumb) {
	color: #65748c;
}

html[data-theme=light] .hfeed .format-quote blockquote cite a:hover,
body.diiho-light-mode .hfeed .format-quote blockquote cite a:hover {
	--diiho-local-hfeed-format-quote-blockquote-cite-a-hover-color: #0b63ce;
}

html[data-theme=light] .hfeed .format-quote blockquote:before,
body.diiho-light-mode .hfeed .format-quote blockquote:before {
	--diiho-local-hfeed-format-quote-blockquote-before-color: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .sticky .icon-bookmark,
body.diiho-light-mode .sticky .icon-bookmark {
	--diiho-local-sticky-icon-bookmark-fill: #64748b;
}

html[data-theme=light] .card__title a:hover,
body.diiho-light-mode .card__title a:hover {
	--diiho-local-card-title-a-hover-color: #64748b;
}

html[data-theme=light] .card__footer,
body.diiho-light-mode .card__footer {
	--diiho-local-card-footer-color: #64748b;
}

html[data-theme=light] .card__content,
body.diiho-light-mode .card__content {
	--diiho-local-card-content-color: #64748b;
}

html[data-theme=light] .card__title a,
body.diiho-light-mode .card__title a {
	--diiho-local-card-title-a-color: #0f172a;
}

html[data-theme=light] .card__subtitle,
body.diiho-light-mode .card__subtitle {
	--diiho-local-card-subtitle-color: #fff;
}

html[data-theme=light] .card__subtitle,
body.diiho-light-mode .card__subtitle {
	--diiho-local-card-subtitle-box-shadow: #00000070;
}

html[data-theme=light] .card:hover,
body.diiho-light-mode .card:hover {
	--diiho-local-card-hover-box-shadow: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .card,
body.diiho-light-mode .card {
	--diiho-local-card-box-shadow: rgba(15, 23, 42, 0.05);
}

html[data-theme=light] .card,
body.diiho-light-mode .card {
	--diiho-local-card-background: #fff;
}

html[data-theme=light] .site-description,
body.diiho-light-mode .site-description {
	--diiho-local-site-description-color: #475569;
}

html[data-theme=light] .site-title a,
body.diiho-light-mode .site-title a {
	--diiho-local-site-title-a-color: #111827;
}

html[data-theme=light] .icon-smenu .search-toggle:hover,
body.diiho-light-mode .icon-smenu .search-toggle:hover {
	--diiho-local-icon-smenu-search-toggle-hover-color: #dc2626;
}

html[data-theme=light] .search-toggle:hover,
body.diiho-light-mode .search-toggle:hover {
	--diiho-local-search-toggle-hover-color: #dc2626;
}

html[data-theme=light] .icon-smenu .jetpack-social-navigation a:hover,
body.diiho-light-mode .icon-smenu .jetpack-social-navigation a:hover {
	--diiho-local-icon-smenu-jetpack-social-navigation-a-hover-color: #0b63ce;
}

html[data-theme=light] .site-header,
body.diiho-light-mode .site-header {
	--diiho-local-site-header-background: #fff;
}

html[data-theme=light] .diiho-header-builder,
body.diiho-light-mode .diiho-header-builder {
	--diiho-header-builder-background: #fff;
	--diiho-header-builder-border: rgba(15, 23, 42, 0.08);
	--diiho-header-builder-text: #0f172a;
	--diiho-header-builder-muted: #64748b;
	--diiho-header-builder-hover: #f1f5f9;
}

html[data-theme=light] .form-wrapper .search-field::placeholder,
body.diiho-light-mode .form-wrapper .search-field::placeholder {
	--diiho-local-form-wrapper-search-field-placeholder-color: #64748b;
}

html[data-theme=light] .form-wrapper .search-field::-ms-input-placeholder,
body.diiho-light-mode .form-wrapper .search-field::-ms-input-placeholder {
	--diiho-local-form-wrapper-search-field-ms-input-placeholder-color: #64748b;
}

html[data-theme=light] .form-wrapper .search-field:-ms-input-placeholder,
body.diiho-light-mode .form-wrapper .search-field:-ms-input-placeholder {
	--diiho-local-form-wrapper-search-field-ms-input-placeholder-color-2: #64748b;
}

html[data-theme=light] .form-wrapper .search-field::-webkit-input-placeholder,
body.diiho-light-mode .form-wrapper .search-field::-webkit-input-placeholder {
	--diiho-local-form-wrapper-search-field-webkit-input-placeholder-color: #64748b;
}

html[data-theme=light] #tim,
body.diiho-light-mode #tim {
	--diiho-local-tim-background: #fff;
}

html[data-theme=light] #tim,
body.diiho-light-mode #tim {
	--diiho-local-tim-color: #0f172a;
}

html[data-theme=light] #tim,
body.diiho-light-mode #tim {
	--diiho-local-tim-border: #cbd5e1;
}

html[data-theme=light] #tim,
body.diiho-light-mode #tim {
	--diiho-local-tim-box-shadow: rgba(15, 23, 42, 0.16);
}

html[data-theme=light] .form-wrapper .search-field,
body.diiho-light-mode .form-wrapper .search-field {
	--diiho-local-form-wrapper-search-field-background: #fff;
}

html[data-theme=light] .form-wrapper .search-field,
body.diiho-light-mode .form-wrapper .search-field {
	--diiho-local-form-wrapper-search-field-color: #0f172a;
}

html[data-theme=light] .form-wrapper .search-field,
body.diiho-light-mode .form-wrapper .search-field {
	--diiho-local-form-wrapper-search-field-border: #cbd5e1;
}

html[data-theme=light] .form-wrapper .search-field,
body.diiho-light-mode .form-wrapper .search-field {
	--diiho-local-form-wrapper-search-field-box-shadow: rgba(15, 23, 42, 0.16);
}

html[data-theme=light] .search-close:hover,
body.diiho-light-mode .search-close:hover {
	--diiho-local-search-close-hover-color: #dc2626;
}

html[data-theme=light] .form-wrapper,
body.diiho-light-mode .form-wrapper {
	--diiho-local-form-wrapper-background: #e5e7eb;
}

html[data-theme=light] .widget_wpcom_social_media_icons_widget a:hover,
body.diiho-light-mode .widget_wpcom_social_media_icons_widget a:hover {
	--diiho-local-widget-wpcom-social-media-icons-widget-a-hover-color: #1f2937;
}

html[data-theme=light] .widget-title,
body.diiho-light-mode .widget-title {
	--diiho-local-widget-title-border-bottom: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .widget-title,
body.diiho-light-mode .widget-title {
	--diiho-local-widget-title-color: #475569;
}

html[data-theme=light] .screen-reader-text:focus,
body.diiho-light-mode .screen-reader-text:focus {
	--diiho-local-screen-reader-text-focus-background-color: #111827;
}

html[data-theme=light] .screen-reader-text:focus,
body.diiho-light-mode .screen-reader-text:focus {
	--diiho-local-screen-reader-text-focus-box-shadow: rgba(15, 23, 42, 0.24);
}

html[data-theme=light] .screen-reader-text:focus,
body.diiho-light-mode .screen-reader-text:focus {
	--diiho-local-screen-reader-text-focus-color: #0f6e9f;
}

html[data-theme=light] .current,
body.diiho-light-mode .current {
	--diiho-local-current-color: #fff;
}

html[data-theme=light] a.page-numbers:hover,
body.diiho-light-mode a.page-numbers:hover {
	--diiho-local-a-page-numbers-hover-color: #0f172a;
}

html[data-theme=light] a.page-numbers,
body.diiho-light-mode a.page-numbers {
	--diiho-local-a-page-numbers-background: #fff;
}

html[data-theme=light] a.page-numbers,
body.diiho-light-mode a.page-numbers {
	--diiho-local-a-page-numbers-color: #0f172a;
}

html[data-theme=light] .diiho-post-block-prev-next,
body.diiho-light-mode .diiho-post-block-prev-next {
	--diiho-local-post-block-nav-background: #fff;
	--diiho-local-post-block-nav-color: #0f172a;
	--diiho-local-post-block-nav-disabled-background: #e5e7eb;
	--diiho-local-post-block-nav-disabled-color: #94a3b8;
}

html[data-theme=light] .diiho-infinite-scroll,
body.diiho-light-mode .diiho-infinite-scroll {
	--diiho-local-infinite-scroll-color: #64748b;
	--diiho-local-infinite-scroll-spinner-track: #cbd5e1;
}

html[data-theme=light] .comment-navigation a:hover,
body.diiho-light-mode .comment-navigation a:hover {
	--diiho-local-comment-navigation-a-hover-color: #0f172a;
}

html[data-theme=light] .main-navigation.toggled a,
body.diiho-light-mode .main-navigation.toggled a {
	--diiho-local-main-navigation-toggled-a-border-bottom: #e2e8f0;
}

html[data-theme=light] .main-navigation.toggled li:hover a,
body.diiho-light-mode .main-navigation.toggled li:hover a {
	--diiho-local-main-navigation-toggled-li-hover-a-border-color: #e2e8f0;
}

html[data-theme=light] .main-navigation.toggled ul,
body.diiho-light-mode .main-navigation.toggled ul {
	--diiho-local-main-navigation-toggled-ul-background: #fff;
}

html[data-theme=light] .main-navigation.toggled ul,
body.diiho-light-mode .main-navigation.toggled ul {
	--diiho-local-main-navigation-toggled-ul-box-shadow: rgba(15, 23, 42, 0.14);
}

html[data-theme=light] .main-navigation.toggled .menu,
body.diiho-light-mode .main-navigation.toggled .menu {
	--diiho-local-main-navigation-toggled-menu-background: #fff;
}

html[data-theme=light] .menu-toggle:hover,
body.diiho-light-mode .menu-toggle:hover {
	--diiho-local-menu-toggle-hover-color: #dc2626;
}

html[data-theme=light] .main-navigation li .current_page_item>a,
body.diiho-light-mode .main-navigation li .current_page_item>a,
html[data-theme=light] .main-navigation li .current-menu-item>a,
body.diiho-light-mode .main-navigation li .current-menu-item>a,
html[data-theme=light] .main-navigation li .current_page_ancestor>a,
body.diiho-light-mode .main-navigation li .current_page_ancestor>a,
html[data-theme=light] .main-navigation li .current-menu-ancestor>a,
body.diiho-light-mode .main-navigation li .current-menu-ancestor>a {
	--diiho-local-main-navigation-li-current-page-item-a-border-color: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] li .main-navigation .current_page_item>a,
body.diiho-light-mode li .main-navigation .current_page_item>a,
html[data-theme=light] li .main-navigation .current-menu-item>a,
body.diiho-light-mode li .main-navigation .current-menu-item>a,
html[data-theme=light] li .main-navigation .current_page_ancestor>a,
body.diiho-light-mode li .main-navigation .current_page_ancestor>a,
html[data-theme=light] li .main-navigation .current-menu-ancestor>a,
body.diiho-light-mode li .main-navigation .current-menu-ancestor>a {
	--diiho-local-li-main-navigation-current-page-item-a-border-color: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .main-navigation li .current_page_item>a,
body.diiho-light-mode .main-navigation li .current_page_item>a,
html[data-theme=light] .main-navigation li .current-menu-item>a,
body.diiho-light-mode .main-navigation li .current-menu-item>a,
html[data-theme=light] .main-navigation li .current_page_ancestor>a,
body.diiho-light-mode .main-navigation li .current_page_ancestor>a,
html[data-theme=light] .main-navigation li .current-menu-ancestor>a,
body.diiho-light-mode .main-navigation li .current-menu-ancestor>a {
	--diiho-local-main-navigation-li-current-page-item-a-background: #e5e7eb;
}

html[data-theme=light] .main-navigation .current_page_item>a,
body.diiho-light-mode .main-navigation .current_page_item>a,
html[data-theme=light] .main-navigation .current-menu-item>a,
body.diiho-light-mode .main-navigation .current-menu-item>a,
html[data-theme=light] .main-navigation .current_page_ancestor>a,
body.diiho-light-mode .main-navigation .current_page_ancestor>a,
html[data-theme=light] .main-navigation .current-menu-ancestor>a,
body.diiho-light-mode .main-navigation .current-menu-ancestor>a {
	--diiho-local-main-navigation-current-page-item-a-color: #fff;
}

html[data-theme=light] .main-navigation a,
body.diiho-light-mode .main-navigation a {
	--diiho-local-main-navigation-a-color: #0f172a;
}

html[data-theme=light] .main-navigation li li:hover>a,
body.diiho-light-mode .main-navigation li li:hover>a,
html[data-theme=light] .main-navigation li li.focus>a,
body.diiho-light-mode .main-navigation li li.focus>a {
	--diiho-local-main-navigation-li-li-hover-a-color: #fff;
}

html[data-theme=light] .main-navigation li li:hover>a,
body.diiho-light-mode .main-navigation li li:hover>a,
html[data-theme=light] .main-navigation li li.focus>a,
body.diiho-light-mode .main-navigation li li.focus>a {
	--diiho-local-main-navigation-li-li-hover-a-border-color: #e5e7eb;
}

html[data-theme=light] .main-navigation ul ul,
body.diiho-light-mode .main-navigation ul ul {
	--diiho-local-main-navigation-ul-ul-border-bottom: #e5e7eb;
}

html[data-theme=light] .main-navigation li:hover>a,
body.diiho-light-mode .main-navigation li:hover>a,
html[data-theme=light] .main-navigation li.focus>a,
body.diiho-light-mode .main-navigation li.focus>a {
	--diiho-local-main-navigation-li-hover-a-color: #0f172a;
}

html[data-theme=light] .main-navigation li:hover>a,
body.diiho-light-mode .main-navigation li:hover>a,
html[data-theme=light] .main-navigation li.focus>a,
body.diiho-light-mode .main-navigation li.focus>a {
	--diiho-local-main-navigation-li-hover-a-background: #f1f5f9;
}

html[data-theme=light] .main-navigation :is(.menu-item-has-children, .diiho-has-mega-menu)>a::after,
body.diiho-light-mode .main-navigation :is(.menu-item-has-children, .diiho-has-mega-menu)>a::after,
html[data-theme=light] .main-navigation .page_item_has_children>a::after,
body.diiho-light-mode .main-navigation .page_item_has_children>a::after {
	--diiho-local-main-navigation-menu-item-has-children-a-after-color: #333;

	background-image: var(--diiho-asset-images-angle-down-333-svg, url(images/angle-down-333.svg));
}

html[data-theme=light] .main-navigation li .menu-item-has-children>a::after,
body.diiho-light-mode .main-navigation li .menu-item-has-children>a::after,
html[data-theme=light] .main-navigation li .page_item_has_children>a::after,
body.diiho-light-mode .main-navigation li .page_item_has_children>a::after {
	background-image: var(--diiho-asset-images-angle-right-333-svg, url(images/angle-right-333.svg));
}

html[data-theme=light] .main-navigation ul ul li:last-child>a,
body.diiho-light-mode .main-navigation ul ul li:last-child>a {
	--diiho-local-main-navigation-ul-ul-li-last-child-a-border-bottom: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .main-navigation ul ul a,
body.diiho-light-mode .main-navigation ul ul a {
	--diiho-local-main-navigation-ul-ul-a-border-bottom: #cbd5e1;
}

html[data-theme=light] .main-navigation ul ul,
body.diiho-light-mode .main-navigation ul ul {
	--diiho-local-main-navigation-ul-ul-background: #f8fafc;
}

.main-navigation.toggled .current_page_item>a,
.main-navigation.toggled .current-menu-item>a,
.main-navigation.toggled .current_page_item>a:hover,
.main-navigation.toggled .current_page_item>a:focus-visible,
.main-navigation.toggled .current_page_item.focus>a,
.main-navigation.toggled .current-menu-item>a:hover,
.main-navigation.toggled .current-menu-item>a:focus-visible,
.main-navigation.toggled .current-menu-item.focus>a,
html[data-theme=light] .main-navigation.toggled .current_page_item>a,
body.diiho-light-mode .main-navigation.toggled .current_page_item>a,
html[data-theme=light] .main-navigation.toggled .current-menu-item>a,
body.diiho-light-mode .main-navigation.toggled .current-menu-item>a {
	background: var(--diiho-accent) !important;
	color: #fff !important;
}

html[data-theme=light] a,
body.diiho-light-mode a {
	--diiho-local-a-color: #0b63ce;
}

html[data-theme=light] select,
body.diiho-light-mode select {
	--diiho-local-select-border: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] #url,
body.diiho-light-mode #url {
	--diiho-local-url-background: #f8fafc;
}

html[data-theme=light] #url,
body.diiho-light-mode #url {
	--diiho-local-url-color: #1f2937;
}

html[data-theme=light] #email,
body.diiho-light-mode #email {
	--diiho-local-email-background: #fff;
}

html[data-theme=light] #email,
body.diiho-light-mode #email {
	--diiho-local-email-border: #d0d4d7;
}

html[data-theme=light] #email,
body.diiho-light-mode #email {
	--diiho-local-email-color: #1f2937;
}

html[data-theme=light] #author,
body.diiho-light-mode #author {
	--diiho-local-author-background: #fff;
}

html[data-theme=light] #author,
body.diiho-light-mode #author {
	--diiho-local-author-color: #1f2937;
}

html[data-theme=light] #author,
body.diiho-light-mode #author {
	--diiho-local-author-border: #d0d4d7;
}

html[data-theme=light] #comment,
body.diiho-light-mode #comment {
	--diiho-local-comment-color: #1f2937;
}

html[data-theme=light] #comment,
body.diiho-light-mode #comment {
	--diiho-local-comment-background: #fff;
}

html[data-theme=light] #comment,
body.diiho-light-mode #comment {
	--diiho-local-comment-border-bottom: #d8dfe6;
}

html[data-theme=light] #commentform,
body.diiho-light-mode #commentform {
	--diiho-local-commentform-color: #64748b;
}

html[data-theme=light] #reply-title a,
body.diiho-light-mode #reply-title a {
	--diiho-local-reply-title-a-color: #be123c;
}

html[data-theme=light] .comment-reply-title,
body.diiho-light-mode .comment-reply-title {
	--diiho-local-comment-reply-title-color: #64748b;
}

html[data-theme=light] .comment-notes,
body.diiho-light-mode .comment-notes {
	--diiho-local-comment-notes-color: #c2410c;
}

html[data-theme=light] input[type="text"],
body.diiho-light-mode input[type="text"],
html[data-theme=light] input[type="email"],
body.diiho-light-mode input[type="email"],
html[data-theme=light] input[type="url"],
body.diiho-light-mode input[type="url"],
html[data-theme=light] input[type="password"],
body.diiho-light-mode input[type="password"],
html[data-theme=light] input[type="search"],
body.diiho-light-mode input[type="search"],
html[data-theme=light] input[type="number"],
body.diiho-light-mode input[type="number"],
html[data-theme=light] input[type="tel"],
body.diiho-light-mode input[type="tel"],
html[data-theme=light] input[type="range"],
body.diiho-light-mode input[type="range"],
html[data-theme=light] input[type="date"],
body.diiho-light-mode input[type="date"],
html[data-theme=light] input[type="month"],
body.diiho-light-mode input[type="month"],
html[data-theme=light] input[type="week"],
body.diiho-light-mode input[type="week"],
html[data-theme=light] input[type="time"],
body.diiho-light-mode input[type="time"],
html[data-theme=light] input[type="datetime"],
body.diiho-light-mode input[type="datetime"],
html[data-theme=light] input[type="datetime-local"],
body.diiho-light-mode input[type="datetime-local"],
html[data-theme=light] input[type="color"],
body.diiho-light-mode input[type="color"],
html[data-theme=light] textarea,
body.diiho-light-mode textarea {
	--diiho-local-input-type-text-color: #64748b;
}

html[data-theme=light] input[type="text"],
body.diiho-light-mode input[type="text"],
html[data-theme=light] input[type="email"],
body.diiho-light-mode input[type="email"],
html[data-theme=light] input[type="url"],
body.diiho-light-mode input[type="url"],
html[data-theme=light] input[type="password"],
body.diiho-light-mode input[type="password"],
html[data-theme=light] input[type="search"],
body.diiho-light-mode input[type="search"],
html[data-theme=light] input[type="number"],
body.diiho-light-mode input[type="number"],
html[data-theme=light] input[type="tel"],
body.diiho-light-mode input[type="tel"],
html[data-theme=light] input[type="range"],
body.diiho-light-mode input[type="range"],
html[data-theme=light] input[type="date"],
body.diiho-light-mode input[type="date"],
html[data-theme=light] input[type="month"],
body.diiho-light-mode input[type="month"],
html[data-theme=light] input[type="week"],
body.diiho-light-mode input[type="week"],
html[data-theme=light] input[type="time"],
body.diiho-light-mode input[type="time"],
html[data-theme=light] input[type="datetime"],
body.diiho-light-mode input[type="datetime"],
html[data-theme=light] input[type="datetime-local"],
body.diiho-light-mode input[type="datetime-local"],
html[data-theme=light] input[type="color"],
body.diiho-light-mode input[type="color"],
html[data-theme=light] textarea,
body.diiho-light-mode textarea {
	--diiho-local-input-type-text-border: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] .button,
body.diiho-light-mode .button,
html[data-theme=light] .wp-block-button__link,
body.diiho-light-mode .wp-block-button__link,
html[data-theme=light] button,
body.diiho-light-mode button,
html[data-theme=light] .site-main #infinite-handle span button,
body.diiho-light-mode .site-main #infinite-handle span button,
html[data-theme=light] input[type="button"],
body.diiho-light-mode input[type="button"],
html[data-theme=light] input[type="reset"],
body.diiho-light-mode input[type="reset"],
html[data-theme=light] input[type="submit"],
body.diiho-light-mode input[type="submit"] {
	--diiho-local-button-border-color: #e5e7eb;
}

html[data-theme=light] .button,
body.diiho-light-mode .button,
html[data-theme=light] .wp-block-button__link,
body.diiho-light-mode .wp-block-button__link,
html[data-theme=light] button,
body.diiho-light-mode button,
html[data-theme=light] .site-main #infinite-handle span button,
body.diiho-light-mode .site-main #infinite-handle span button,
html[data-theme=light] input[type="button"],
body.diiho-light-mode input[type="button"],
html[data-theme=light] input[type="reset"],
body.diiho-light-mode input[type="reset"],
html[data-theme=light] input[type="submit"],
body.diiho-light-mode input[type="submit"] {
	--diiho-local-button-background: var(--diiho-accent);
}

html[data-theme=light] .button,
body.diiho-light-mode .button,
html[data-theme=light] .wp-block-button__link,
body.diiho-light-mode .wp-block-button__link,
html[data-theme=light] button,
body.diiho-light-mode button,
html[data-theme=light] .site-main #infinite-handle span button,
body.diiho-light-mode .site-main #infinite-handle span button,
html[data-theme=light] input[type="button"],
body.diiho-light-mode input[type="button"],
html[data-theme=light] input[type="reset"],
body.diiho-light-mode input[type="reset"],
html[data-theme=light] input[type="submit"],
body.diiho-light-mode input[type="submit"] {
	--diiho-local-button-color: #fff;
}

html[data-theme=light] tr,
body.diiho-light-mode tr {
	--diiho-local-tr-border-bottom: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] hr,
body.diiho-light-mode hr {
	--diiho-local-hr-background-color: rgba(15, 23, 42, 0.1);
}

html[data-theme=light] body,
body.diiho-light-mode {
	--diiho-local-body-background: #dfe4e4;
}

html[data-theme=light] mark,
body.diiho-light-mode mark,
html[data-theme=light] ins,
body.diiho-light-mode ins {
	--diiho-local-mark-background: #6b4f00;
}

html[data-theme=light] abbr,
body.diiho-light-mode abbr,
html[data-theme=light] acronym,
body.diiho-light-mode acronym {
	--diiho-local-abbr-border-bottom: #64748b;
}

html[data-theme=light] pre,
body.diiho-light-mode pre {
	--diiho-local-pre-color: #1e293b;
}

html[data-theme=light] blockquote cite,
body.diiho-light-mode blockquote cite {
	--diiho-local-blockquote-cite-color: #64748b;
}

html[data-theme=light] h1,
body.diiho-light-mode h1,
html[data-theme=light] h2,
body.diiho-light-mode h2,
html[data-theme=light] h3,
body.diiho-light-mode h3,
html[data-theme=light] h4,
body.diiho-light-mode h4,
html[data-theme=light] h5,
body.diiho-light-mode h5,
html[data-theme=light] h6,
body.diiho-light-mode h6 {
	--diiho-local-h1-color: #111827;
}

html[data-theme=light] body,
body.diiho-light-mode {
	--diiho-local-body-color: #1f2937;
}

html[data-theme=light] fieldset,
body.diiho-light-mode fieldset {
	--diiho-local-fieldset-border: #cbd5e1;
}

html[data-theme=light] mark,
body.diiho-light-mode mark {
	--diiho-local-mark-background-2: #8a6d00;
}

html[data-theme=light] mark,
body.diiho-light-mode mark {
	--diiho-local-mark-color: #fff;
}

.av-tgia {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #ccc;
}

.tb-bl {
	--diiho-local-tb-bl-background: #222222b8;
	--diiho-local-tb-bl-border: #333;
	--diiho-local-tb-bl-color: #fff;

	background: var(--diiho-local-tb-bl-background);
	border: 1px solid var(--diiho-local-tb-bl-border);
	border-radius: 10px;
	color: var(--diiho-local-tb-bl-color);
	line-height: 1.2;
	margin: 0 auto;
	max-width: 1000px;
	opacity: 0.93;
	padding: 20px;
	text-align: center;
	width: 90%;
}

.tb-bl a {
	color: var(--diiho-accent);
}

.tb-loi {
	color: var(--diiho-accent);
	font-size: 35px;
	font-weight: bold;
}

.tb-bl p {
	margin: 0;
}

html[data-theme=light] .tb-bl,
body.diiho-light-mode .tb-bl {
	--diiho-local-tb-bl-background: #f8fafc;
	--diiho-local-tb-bl-border: #e5e7eb;
	--diiho-local-tb-bl-color: #0f172a;
}

html.diiho-saved-posts-open,
body.diiho-saved-posts-open {
	overflow: hidden;
}

.diiho-saved-posts-popup[hidden] {
	display: none !important;
}

.diiho-saved-posts-popup {
	--diiho-saved-posts-popup-background: #111827;
	--diiho-saved-posts-popup-border: rgba(148, 163, 184, 0.22);
	--diiho-saved-posts-popup-color: #fff;
	--diiho-saved-posts-popup-muted: #cbd5e1;
	--diiho-saved-posts-popup-surface: #111;

	color: var(--diiho-saved-posts-popup-color);
	inset: 0;
	position: fixed;
	z-index: 999998;
}

html[data-theme=light] .diiho-saved-posts-popup,
body.diiho-light-mode .diiho-saved-posts-popup {
	--diiho-saved-posts-popup-background: #f8fafc;
	--diiho-saved-posts-popup-border: #e5e7eb;
	--diiho-saved-posts-popup-color: #0f172a;
	--diiho-saved-posts-popup-muted: #64748b;
	--diiho-saved-posts-popup-surface: #f8fafc;
}

.diiho-saved-posts-popup__backdrop {
	background: rgba(0, 0, 0, 0.86);
	inset: 0;
	position: absolute;
}

.diiho-saved-posts-popup__dialog {
	background: var(--diiho-saved-posts-popup-surface);
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	position: relative;
	width: 100%;
	z-index: 1;
}

.diiho-saved-posts-popup__header {
	align-items: center;
	border-bottom: 1px solid var(--diiho-saved-posts-popup-border);
	display: flex;
	flex: 0 0 auto;
	gap: 16px;
	justify-content: space-between;
	padding: 15px;
}

.diiho-saved-posts-popup__header h2 {
	color: var(--diiho-saved-posts-popup-color);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
}

.diiho-saved-posts-popup__close {
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--diiho-saved-posts-popup-border);
	border-radius: 999px;
	color: var(--diiho-saved-posts-popup-color);
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	height: 38px;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 38px;
}

.diiho-saved-posts-popup__close:hover,
.diiho-saved-posts-popup__close:focus-visible {
	background: var(--diiho-accent) !important;
	color: #fff;
	outline: none;
}

html[data-theme=light] .diiho-saved-posts-popup__close,
body.diiho-light-mode .diiho-saved-posts-popup__close {
	background: #fff;
}

.diiho-saved-posts-popup__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: clamp(18px, 3vw, 38px) 0 54px;
}

.diiho-saved-posts-popup__content {
	margin: 0 auto;
	max-width: none;
	width: 100%;
}

.diiho-saved-posts-popup .diiho-saved-posts-popup__site-content {
	margin: 0 auto;
	max-width: var(--diiho-content-max, 1280px);
	width: 100%;
}

.diiho-saved-posts-popup .diiho-saved-posts-popup__content-area {
	width: 100%;
}

.diiho-saved-posts-popup .site-main {
	width: 100%;
}

.diiho-saved-posts-popup .diiho-post-block>.diiho-post-block__item {
	padding: .5rem;
}

.diiho-saved-posts-popup .card .entry-header {
	margin-bottom: 0;
	text-align: left;
}

.diiho-saved-posts-popup .entry-title.card__title {
	font-size: 18px;
	margin: 0 0 8px;
	padding: 0;
	text-align: inherit;
}

.diiho-saved-posts-popup .diiho-post-layout-story-list .entry-title.card__title {
	font-size: 22px;
	line-height: 1.25;
}

.diiho-saved-posts-popup .diiho-post-layout-media-list .entry-title.card__title {
	font-size: 20px;
	line-height: 1.35;
	margin: 0 0 8px;
}

.diiho-saved-posts-popup .diiho-post-layout-compact-grid .entry-title.card__title {
	font-size: 18px;
	line-height: 1.35;
}

.diiho-saved-posts-popup .diiho-post-layout-social-feed .entry-title.card__title {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 0;
	min-height: 52px;
}

.diiho-saved-posts-popup .card__content.entry-content {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.diiho-saved-posts-popup .diiho-post-layout-social-feed .card__content.entry-content {
	padding-left: 18px;
	padding-right: 18px;
}

.diiho-saved-posts-popup .card__content.entry-content>p:first-child {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

@media (max-width: 767px) {
	.diiho-saved-posts-popup .diiho-post-layout-media-list .entry-title.card__title {
		font-size: 16px;
		line-height: 1.35;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	.diiho-saved-posts-popup .diiho-post-block>.diiho-post-block__item {
		padding: 1.5rem;
	}
}

.diiho-saved-posts-popup__status {
	align-items: center;
	color: var(--diiho-saved-posts-popup-muted);
	display: flex;
	font-size: 16px;
	font-weight: bold;
	gap: 10px;
	justify-content: center;
	min-height: 180px;
	padding: 24px;
	text-align: center;
}

.diiho-saved-posts-popup__status[hidden] {
	display: none !important;
}

.diiho-saved-posts-popup__status.is-loading::before {
	animation: diiho-post-popup-spin 0.85s linear infinite;
	border: 3px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	border-top-color: var(--diiho-accent);
	content: "";
	height: 24px;
	width: 24px;
}

html[data-theme=light] .diiho-saved-posts-popup__status.is-loading::before,
body.diiho-light-mode .diiho-saved-posts-popup__status.is-loading::before {
	border-color: rgba(15, 23, 42, 0.16);
	border-top-color: var(--diiho-accent);
}

.diiho-saved-posts-popup__status.is-error {
	color: #fecaca;
}

html[data-theme=light] .diiho-saved-posts-popup__status.is-error,
body.diiho-light-mode .diiho-saved-posts-popup__status.is-error {
	color: #b91c1c;
}

.diiho-saved-posts-popup__status.is-empty {
	color: var(--diiho-saved-posts-popup-muted);
}

@media (max-width: 700px) {
	.diiho-saved-posts-popup__body {
		padding-bottom: 30px;
	}
}

html.diiho-post-popup-open,
body.diiho-post-popup-open {
	overflow: hidden;
}

.diiho-post-popup[hidden] {
	display: none !important;
}

.diiho-post-popup {
	background: #05070a;
	color: #0f172a;
	inset: 0;
	position: fixed;
	z-index: 999999;
}

html.diiho-post-popup-resizing,
html.diiho-post-popup-resizing body {
	user-select: none;
}

html.diiho-post-popup-resizing-x,
html.diiho-post-popup-resizing-x body,
html.diiho-post-popup-resizing-x * {
	cursor: col-resize !important;
}

html.diiho-post-popup-resizing-y,
html.diiho-post-popup-resizing-y body,
html.diiho-post-popup-resizing-y * {
	cursor: row-resize !important;
}

.diiho-post-popup__backdrop {
	background: rgba(0, 0, 0, 0.88);
	inset: 0;
	position: absolute;
}

.diiho-post-popup__dialog {
	--diiho-post-popup-media-width: 62vw;
	--diiho-post-popup-media-height: 42vh;
	--diiho-post-popup-resizer-size: 16px;

	background: #fff;
	display: grid;
	grid-template-columns: minmax(260px, var(--diiho-post-popup-media-width)) var(--diiho-post-popup-resizer-size) minmax(300px, 1fr);
	height: 100%;
	min-height: 0;
	position: relative;
	z-index: 1;
}

.diiho-post-popup__close {
	align-items: center;
	background: #67676794;
	border: 0px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	height: 35px;
	justify-content: center;
	left: 18px;
	padding: 0;
	position: fixed;
	top: 18px;
	transition: background 0.2s ease, transform 0.2s ease;
	width: 35px;
	z-index: 3;
}

.diiho-post-popup__close:hover,
.diiho-post-popup__close:focus-visible {
	background: #7f7f7f96;
	outline: none;
	transform: translateY(-1px);
}

.diiho-post-popup__image-fullscreen {
	align-items: center;
	background: #67676794;
	border: 0px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 17px;
	height: 35px;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 18px;
	top: 18px;
	transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
	width: 35px;
	z-index: 5;
}

.diiho-post-popup__image-fullscreen[hidden] {
	display: none !important;
}

.diiho-post-popup__image-fullscreen:hover,
.diiho-post-popup__image-fullscreen:focus-visible {
	background: #7f7f7f96;
	outline: none;
	transform: translateY(-1px);
}

.diiho-post-popup__image-fullscreen:disabled {
	cursor: default;
	opacity: 0.35;
	pointer-events: none;
}

.diiho-post-popup__media-wrap {
	align-items: center;
	background: #05070a;
	display: flex;
	justify-content: center;
	min-height: 0;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.diiho-post-popup__media {
	--diiho-post-popup-media-bg: none;

	align-items: center;
	background: #05070a;
	display: flex;
	height: 100%;
	isolation: isolate;
	justify-content: center;
	min-height: 0;
	min-width: 0;
	overflow: hidden;
	padding: 18px;
	position: relative;
	width: 100%;
}

.diiho-post-popup__media::before,
.diiho-post-popup__media::after {
	content: "";
	inset: 0;
	position: absolute;
	pointer-events: none;
}

.diiho-post-popup__media::before {
	background-image: var(--diiho-post-popup-media-bg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: blur(28px);
	inset: -32px;
	opacity: 0.72;
	transform: scale(1.04);
	z-index: 0;
}

.diiho-post-popup__media::after {
	background: rgba(0, 0, 0, 0.42);
	z-index: 1;
}

.diiho-post-popup__media>* {
	position: relative;
	z-index: 2;
}

.diiho-post-popup__nav {
	align-items: center;
	background: #67676794;
	border: 0px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 20px;
	height: 35px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
	width: 35px;
	z-index: 4;
}

.diiho-post-popup__nav[hidden] {
	display: none !important;
}

.diiho-post-popup__nav--prev {
	left: 18px;
}

.diiho-post-popup__nav--next {
	right: 18px;
}

.diiho-post-popup__nav:hover,
.diiho-post-popup__nav:focus-visible {
	background: #7f7f7f96;
	outline: none;
	transform: translateY(-50%) scale(1.04);
}

.diiho-post-popup__nav:disabled {
	cursor: default;
	opacity: 0.28;
	pointer-events: none;
}

.diiho-post-popup__resizer {
	align-items: center;
	background: linear-gradient(90deg, rgba(5, 7, 10, 0.2), rgba(255, 255, 255, 0.75));
	cursor: col-resize;
	display: flex;
	justify-content: center;
	min-height: 0;
	min-width: var(--diiho-post-popup-resizer-size);
	outline: none;
	position: relative;
	touch-action: none;
	user-select: none;
	z-index: 2;
}

.diiho-post-popup__resizer::before {
	background: rgba(148, 163, 184, 0.82);
	border-radius: 999px;
	box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.14);
	content: "";
	height: 58px;
	transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	width: 3px;
}

.diiho-post-popup__resizer:hover::before,
.diiho-post-popup__resizer:focus-visible::before,
.diiho-post-popup.is-resizing .diiho-post-popup__resizer::before {
	background: var(--diiho-accent);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--diiho-accent) 20%, transparent);
}

.diiho-post-popup__resizer:focus-visible {
	background: color-mix(in srgb, var(--diiho-accent) 14%, #fff);
}

.diiho-post-popup__image {
	border-radius: 8px;
	height: 100%;
	max-height: calc(100vh - 36px);
	max-width: 100%;
	object-fit: contain;
	width: 100%;
}

.diiho-post-popup__article {
	background: #fff;
	color: #0f172a;
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow-y: auto;
	padding: 34px 32px;
}

.diiho-post-popup__meta {
	align-items: center;
	color: #64748b;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 8px;
	line-height: 1.4;
	margin-bottom: 14px;
}

.diiho-post-popup__meta a {
	color: var(--diiho-accent);
	font-weight: bold;
	text-decoration: none;
}

.diiho-post-popup__meta-category {
	background: color-mix(in srgb, var(--diiho-accent) 12%, transparent);
	border-radius: 999px;
	padding: 4px 9px;
}

.diiho-post-popup__title {
	color: #777;
	font-size: 28px;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 0 0 22px;
	padding-bottom: 10px;
}

.diiho-post-popup__content {
	color: #1f2937;
	font-size: 16px;
	line-height: 1.75;
}

.diiho-post-popup__content img,
.diiho-post-popup__content iframe,
.diiho-post-popup__content video {
	border-radius: 8px;
	height: auto;
	max-width: 100%;
}

.diiho-post-popup__footer {
	border-top: 1px solid #e5e7eb;
	margin-top: 26px;
	padding-top: 18px;
}

.diiho-post-popup__open-link {
	align-items: center;
	background: var(--diiho-accent);
	border-radius: 8px;
	color: #fff;
	display: inline-flex;
	font-weight: bold;
	justify-content: center;
	min-height: 40px;
	padding: 4px 20px;
	font-size: 15px;
	width: 100%;
	text-decoration: none;
}

.diiho-post-popup__open-link i {
	margin-left: 10px;
}

.diiho-post-popup__open-link:hover,
.diiho-post-popup__open-link:focus-visible {
	background: var(--diiho-accent-dark);
	color: #fff;
	text-decoration: none;
}

.diiho-post-popup__loader {
	animation: diiho-post-popup-spin 0.85s linear infinite;
	border: 3px solid rgba(255, 255, 255, 0.22);
	border-radius: 50%;
	border-top-color: var(--diiho-accent);
	height: 48px;
	width: 48px;
}

.diiho-post-popup__empty {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 42px;
	justify-content: center;
	min-height: 220px;
	width: 100%;
}

.diiho-post-popup__image-viewer {
	align-items: center;
	background: #000;
	display: flex;
	inset: 0;
	justify-content: center;
	padding: 26px;
	position: fixed;
	z-index: 8;
}

.diiho-post-popup__image-viewer[hidden] {
	display: none !important;
}

.diiho-post-popup__image-viewer-img {
	display: block;
	height: auto;
	max-height: calc(100vh - 52px);
	max-width: calc(100vw - 52px);
	object-fit: contain;
	width: auto;
}

.diiho-post-popup__image-viewer-close {
	align-items: center;
	background: #67676794;
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	height: 35px;
	justify-content: center;
	padding: 0;
	position: fixed;
	right: 18px;
	top: 18px;
	transition: background 0.2s ease, transform 0.2s ease;
	width: 35px;
	z-index: 9;
}

.diiho-post-popup__image-viewer-close:hover,
.diiho-post-popup__image-viewer-close:focus-visible {
	background: #7f7f7f96;
	outline: none;
	transform: translateY(-1px);
}

@keyframes diiho-post-popup-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 900px) {
	.diiho-post-popup__dialog {
		--diiho-post-popup-resizer-size: 30px;

		grid-template-columns: 1fr;
		grid-template-rows: minmax(160px, var(--diiho-post-popup-media-height)) var(--diiho-post-popup-resizer-size) minmax(0, 1fr);
	}

	.diiho-post-popup__media {
		padding: 14px;
	}

	.diiho-post-popup__nav {
		font-size: 15px;
		height: 30px;
		width: 30px;
	}

	.diiho-post-popup__nav--prev {
		left: 10px;
	}

	.diiho-post-popup__nav--next {
		right: 10px;
	}

	.diiho-post-popup__resizer {
		background: linear-gradient(180deg, rgba(5, 7, 10, 0.18), rgba(255, 255, 255, 0.78));
		cursor: row-resize;
		min-height: var(--diiho-post-popup-resizer-size);
		min-width: 0;
		width: 100%;
	}

	.diiho-post-popup__resizer::before {
		height: 3px;
		width: 58px;
	}

	.diiho-post-popup__article {
		padding: 24px 18px;
	}

	.diiho-post-popup__close {
		height: 30px;
		left: 12px;
		top: 12px;
		width: 30px;
	}

	.diiho-post-popup__image-fullscreen,
	.diiho-post-popup__image-viewer-close {
		font-size: 15px;
		height: 30px;
		right: 12px;
		top: 12px;
		width: 30px;
	}

	.diiho-post-popup__image-viewer {
		padding: 14px;
	}

	.diiho-post-popup__image-viewer-img {
		max-height: calc(100vh - 28px);
		max-width: calc(100vw - 28px);
	}
}

.entry-content a.diiho-post-image-has-viewer {
	display: inline-block;
	max-width: 100%;
	position: relative;
}

.entry-content a.diiho-post-image-has-viewer>img {
	display: block;
}

.entry-content .diiho-post-image-viewer-trigger {
	align-items: center;
	background: rgba(17, 24, 39, 0.86);
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 999px;
	bottom: 10px;
	box-shadow: 0 8px 20px rgba(17, 24, 39, 0.24);
	color: #fff;
	cursor: zoom-in;
	display: flex;
	font-size: 15px;
	height: 38px;
	justify-content: center;
	line-height: 1;
	opacity: 0;
	position: absolute;
	right: 10px;
	transform: translateY(4px);
	transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
	width: 38px;
	z-index: 3;
}

.entry-content a.diiho-post-image-has-viewer:hover .diiho-post-image-viewer-trigger,
.entry-content a.diiho-post-image-has-viewer:focus-within .diiho-post-image-viewer-trigger {
	opacity: 1;
	transform: translateY(0);
}

.entry-content .diiho-post-image-viewer-trigger:hover,
.entry-content .diiho-post-image-viewer-trigger:focus {
	background: rgba(17, 24, 39, 0.96);
	outline: none;
}

@media (hover: none) {
	.entry-content .diiho-post-image-viewer-trigger {
		opacity: 1;
		transform: none;
	}
}

@media print {
	body.diiho-print-entry-content * {
		visibility: hidden !important;
	}

	body.diiho-print-entry-content #zoomarea.entry-content,
	body.diiho-print-entry-content #zoomarea.entry-content * {
		visibility: visible !important;
	}

	body.diiho-print-entry-content #zoomarea.entry-content {
		color: #000 !important;
		font-size: 12pt !important;
		line-height: 1.6 !important;
		margin: 0 !important;
		padding: 0 !important;
		position: absolute !important;
		inset: 0 auto auto 0 !important;
		width: 100% !important;
	}

	body.diiho-print-entry-content #zoomarea.entry-content a {
		color: #000 !important;
		text-decoration: underline;
	}

	body.diiho-print-entry-content #zoomarea.entry-content img,
	body.diiho-print-entry-content #zoomarea.entry-content video,
	body.diiho-print-entry-content #zoomarea.entry-content iframe {
		box-shadow: none !important;
		height: auto !important;
		max-width: 100% !important;
	}
}

/* Homepage post list widget. */
.widget_diiho_post_list,
.widget_diiho_woo_list,
.widget_diiho_woo_slide {
	grid-column: 1 / -1;
	min-width: 0;
	width: 100%;
}


.diiho-post-list {
	width: 100%;
	scroll-margin-top: 100px;
}

.diiho-post-list[aria-busy="true"] {
	opacity: .6;
	cursor: progress;
}

.diiho-post-list>.grid {
	padding: 0;
}

.diiho-post-list__title {
	margin: 0 0 20px;
	padding: 0;
}

.diiho-post-list>.pagination {
	/* Keep widget pagination visible when the main listing uses infinite scroll. */
	display: block;
}

@media (min-width: 768px) {
	.diiho-post-list__title {
		margin: 0 0 24px;
		padding: 0;
	}
}

.diiho-post-list .diiho-post-block>.diiho-post-block__item {
	padding: 0 !important;
}

.diiho-post-list .card .entry-header {
	margin-bottom: 0;
	text-align: left;
}

.diiho-post-list .entry-title.card__title {
	font-size: 18px;
	margin: 0 0 8px;
	padding: 0;
	text-align: inherit;
}

.diiho-post-list .diiho-post-columns-4 .entry-title.card__title {
	font-size: 16px;
	line-height: 1.35;
}

@media (min-width: 1200px) {
	.diiho-post-list .diiho-post-columns-4 .entry-title.card__title {
		font-size: 17px;
	}
}

.diiho-post-list .diiho-post-layout-story-list .entry-title.card__title {
	font-size: 22px;
	line-height: 1.25;
}

.diiho-post-list .diiho-post-layout-media-list .entry-title.card__title {
	font-size: 20px;
	line-height: 1.35;
	margin: 0 0 8px;
}

.diiho-post-list .diiho-post-layout-compact-grid .entry-title.card__title {
	font-size: 18px;
	line-height: 1.35;
}

.diiho-post-list .diiho-post-layout-social-feed .entry-title.card__title {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 0;
	min-height: 52px;
}

.diiho-post-list .card__content.entry-content {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.diiho-post-list .diiho-post-layout-social-feed .card__content.entry-content {
	padding-left: 18px;
	padding-right: 18px;
}

.diiho-post-list .card__content.entry-content>p:first-child {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

@media (max-width: 767px) {
	.diiho-post-list .diiho-post-layout-media-list .entry-title.card__title {
		font-size: 16px;
		line-height: 1.35;
		margin-bottom: 20px;
	}
}

@media (min-width: 768px) {
	.diiho-post-list .diiho-post-block>.diiho-post-block__item {
		padding: 0 !important;
	}
}

.search-form .diiho-search-product-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #777;
	color: #fff;
	line-height: 1;
}

.search-form .diiho-search-product-toggle i {
	opacity: .55;
}

.search-form .diiho-search-product-toggle[aria-pressed=true] i {
	opacity: 1;
	text-shadow: 0 0 8px currentColor;
}

.search-form .diiho-search-product-toggle[aria-pressed=true] {
	background: var(--diiho-accent);
}

.thongbao-dn a {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

html[data-theme=light] .diiho-dk-breadcrumb,
body.diiho-light-mode .diiho-dk-breadcrumb {
	--color-dk-breadcrumb-color: #52617a;
}

.diiho-dk-breadcrumb {
	display: flex;
	gap: 12px;
	margin-bottom: 10px;
	--color-dk-breadcrumb-color: #aaa;
	color: var(--color-dk-breadcrumb-color);
	font-size: 14px;
}

.diiho-dk-breadcrumb a {
	color: var(--color-dk-breadcrumb-color);
	text-decoration: none;
	transition: color 0.2s ease;
}

.diiho-dk-breadcrumb a:hover {
	color: var(--diiho-accent);
}

/* WooCommerce Add to Cart Visibility Controls */
body.diiho-no-single-add-to-cart .single_add_to_cart_button,
body.diiho-no-single-add-to-cart form.cart {
	display: none !important;
}

body.diiho-no-loop-add-to-cart .add_to_cart_button,
body.diiho-no-loop-add-to-cart .diiho-woo-slide__btn-wrap,
body.diiho-no-loop-add-to-cart .product .button.product_type_simple,
body.diiho-no-loop-add-to-cart .product .button.product_type_variable,
body.diiho-no-loop-add-to-cart .product .button.product_type_grouped,
body.diiho-no-loop-add-to-cart .product .button.product_type_external {
	display: none !important;
}

/* ==========================================================================
   Diiho Mobile Menu Styles (Floating Panel & Fullscreen Slide)
   ========================================================================== */

/* Lock body scroll when mobile menu is active */
html.diiho-mobile-menu-active,
body.diiho-mobile-menu-active {
	overflow: hidden !important;
	touch-action: none;
}

/* Hide desktop menu responsive dropdown when a dedicated mobile menu style is chosen */
@media (max-width: 767px) {

	body.diiho-mobile-menu-style--floating .main-navigation,
	body.diiho-mobile-menu-style--fullscreen .main-navigation,
	body.diiho-mobile-menu-style--blur_fullscreen .main-navigation {
		display: none !important;
	}
}

/* Base Mobile Menu Wrapper */
.diiho-mobile-menu {
	position: fixed;
	inset: 0;
	z-index: 99999;
	visibility: hidden;
	pointer-events: none;
	transition: visibility 0.3s ease;
}

.diiho-mobile-menu.is-active {
	visibility: visible;
	pointer-events: auto;
}

/* Overlay Backdrop */
.diiho-mobile-menu__overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.diiho-mobile-menu.is-active .diiho-mobile-menu__overlay {
	opacity: 1;
}

/* Panel Common */
.diiho-mobile-menu__panel {
	position: fixed;
	display: flex;
	flex-direction: column;
	background: #1f1f1f;
	color: #f8fafc;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
	z-index: 2;
	box-sizing: border-box;
}

html[data-theme=light] .diiho-mobile-menu__panel,
body.diiho-light-mode .diiho-mobile-menu__panel {
	background: #ffffff;
	color: #0f172a;
	box-shadow: 0 16px 48px rgba(15, 23, 42, 0.18);
}

/* Close button */
.diiho-mobile-menu__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: #f8fafc;
	font-size: 18px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.diiho-mobile-menu__close:hover,
.diiho-mobile-menu__close:focus-visible {
	background: rgba(255, 255, 255, 0.2);
	color: var(--diiho-accent);
	transform: scale(1.05);
	outline: none;
}

html[data-theme=light] .diiho-mobile-menu__close,
body.diiho-light-mode .diiho-mobile-menu__close {
	background: #f1f5f9;
	color: #334155;
}

html[data-theme=light] .diiho-mobile-menu__close:hover,
body.diiho-light-mode .diiho-mobile-menu__close:focus-visible {
	background: #e2e8f0;
	color: var(--diiho-accent);
}

/* Menu Body */
.diiho-mobile-menu__body {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

html[data-theme=light] .diiho-mobile-menu__body,
body.diiho-light-mode .diiho-mobile-menu__body {
	scrollbar-color: #cbd5e1 transparent;
}

.diiho-mobile-menu__body::-webkit-scrollbar {
	width: 5px;
}

.diiho-mobile-menu__body::-webkit-scrollbar-track {
	background: transparent;
}

.diiho-mobile-menu__body::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.15);
	border-radius: 5px;
}

html[data-theme=light] .diiho-mobile-menu__body::-webkit-scrollbar-thumb,
body.diiho-light-mode .diiho-mobile-menu__body::-webkit-scrollbar-thumb {
	background: #cbd5e1;
}

/* --------------------------------------------------------------------------
   Style 2: Floating Panel
   -------------------------------------------------------------------------- */
.diiho-mobile-menu--floating .diiho-mobile-menu__panel {
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: auto;
	width: calc(100vw - 40px);
	max-width: 480px;
	height: calc(100dvh - 40px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	transform: translateX(calc(100% + 40px));
	opacity: 0;
	transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

html[data-theme=light] .diiho-mobile-menu--floating .diiho-mobile-menu__panel,
body.diiho-light-mode .diiho-mobile-menu--floating .diiho-mobile-menu__panel {
	border: 1px solid rgba(0, 0, 0, 0.08);
}

.diiho-mobile-menu--floating.is-active .diiho-mobile-menu__panel {
	transform: translateX(0);
	opacity: 1;
}

/* Floating panel close button at top: 10px; right: 10px */
.diiho-mobile-menu--floating .diiho-mobile-menu__close {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
}

.diiho-mobile-menu--floating .diiho-mobile-menu__body {
	padding: 60px 20px 20px;
}

@media (width < 400px) {
	.diiho-mobile-menu--floating .diiho-mobile-menu__panel {
		left: 20px;
		right: 20px;
		width: auto;
	}
}

/* --------------------------------------------------------------------------
   Style 3: Fullscreen Slide
   -------------------------------------------------------------------------- */
.diiho-mobile-menu--fullscreen .diiho-mobile-menu__panel {
	top: 0;
	left: 0;
	bottom: 0;
	width: min(100vw, 420px);
	height: 100dvh;
	border-radius: 0;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	transform: translateX(-100%);
	opacity: 0;
	transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
}

html[data-theme=light] .diiho-mobile-menu--fullscreen .diiho-mobile-menu__panel,
body.diiho-light-mode .diiho-mobile-menu--fullscreen .diiho-mobile-menu__panel {
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.diiho-mobile-menu--fullscreen.is-active .diiho-mobile-menu__panel {
	transform: translateX(0);
	opacity: 1;
}

.diiho-mobile-menu--fullscreen .diiho-mobile-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	flex-shrink: 0;
}

html[data-theme=light] .diiho-mobile-menu--fullscreen .diiho-mobile-menu__header,
body.diiho-light-mode .diiho-mobile-menu--fullscreen .diiho-mobile-menu__header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.diiho-mobile-menu__heading {
	font-size: 18px;
	font-weight: 700;
	color: #f8fafc;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
}

html[data-theme=light] .diiho-mobile-menu__heading,
body.diiho-light-mode .diiho-mobile-menu__heading {
	color: #0f172a;
}

.diiho-mobile-menu--fullscreen .diiho-mobile-menu__body {
	padding: 20px;
}

/* --------------------------------------------------------------------------
   Mobile Navigation List & Items (Shared by Floating and Fullscreen)
   -------------------------------------------------------------------------- */
.diiho-mobile-nav__list,
.diiho-mobile-sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Enforce no underlines on any mobile menu links under any state */
.diiho-mobile-menu a,
.diiho-mobile-nav a,
.diiho-mobile-nav__link,
.diiho-mobile-sub-menu a {
	text-decoration: none !important;
}

.diiho-mobile-menu a:hover,
.diiho-mobile-menu a:focus,
.diiho-mobile-menu a:focus-visible,
.diiho-mobile-menu a:active,
.diiho-mobile-nav a:hover,
.diiho-mobile-nav a:focus,
.diiho-mobile-nav a:focus-visible,
.diiho-mobile-nav a:active,
.diiho-mobile-nav__link:hover,
.diiho-mobile-nav__link:focus,
.diiho-mobile-nav__link:focus-visible,
.diiho-mobile-nav__link:active,
.diiho-mobile-sub-menu a:hover,
.diiho-mobile-sub-menu a:focus,
.diiho-mobile-sub-menu a:focus-visible,
.diiho-mobile-sub-menu a:active {
	text-decoration: none !important;
}

/* Top-level menu item separator */
.diiho-mobile-nav__list>.diiho-mobile-nav__item {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

html[data-theme=light] .diiho-mobile-nav__list>.diiho-mobile-nav__item,
body.diiho-light-mode .diiho-mobile-nav__list>.diiho-mobile-nav__item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.diiho-mobile-nav__list>.diiho-mobile-nav__item:last-child {
	border-bottom: 0;
}

/* Remove all horizontal separator lines in submenus (cấp 2 & cấp 3) */
.diiho-mobile-sub-menu .diiho-mobile-nav__item {
	position: relative;
	border-bottom: 0 !important;
}

.diiho-mobile-nav__link-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	padding: 4px 0;
	gap: 12px;
}

.diiho-mobile-nav__link {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 8px;
	color: #e2e8f0;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none !important;
	border-radius: 8px;
	transition: color 0.2s ease, background-color 0.2s ease;
}

/* Menu chính (hàng thứ nhất): font-weight bold */
.diiho-mobile-nav__list>.diiho-mobile-nav__item>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	font-weight: 700 !important;
	font-size: 15.5px;
}

/* Toàn bộ menu con (cấp 2, cấp 3...): font-weight bình thường, không bold */
.diiho-mobile-sub-menu .diiho-mobile-nav__link {
	font-weight: 500 !important;
}

html[data-theme=light] .diiho-mobile-nav__link,
body.diiho-light-mode .diiho-mobile-nav__link {
	color: #1e293b;
}

.diiho-mobile-nav__link:hover,
.diiho-mobile-nav__link:focus-visible {
	color: var(--diiho-accent);
	background: rgba(255, 255, 255, 0.04);
	outline: none;
	text-decoration: none !important;
}

html[data-theme=light] .diiho-mobile-nav__link:hover,
body.diiho-light-mode .diiho-mobile-nav__link:focus-visible {
	background: rgba(0, 0, 0, 0.03);
	color: var(--diiho-accent);
	text-decoration: none !important;
}

/* Active Menu Item chính */
.diiho-mobile-nav__list>.diiho-mobile-nav__item.is-current>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	color: var(--diiho-accent);
	font-weight: 700 !important;
}

/* Menu Icon (chỉ xuất hiện khi người dùng thêm thẻ <i>) */
.diiho-mobile-nav__icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	flex-shrink: 0;
	font-size: 16px;
	color: var(--diiho-accent);
}

.diiho-mobile-nav__icon-wrap i {
	color: var(--diiho-accent);
	font-style: normal;
}

.diiho-mobile-nav__text {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Submenu Accordion Toggle Button */
.diiho-mobile-nav__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #94a3b8;
	font-size: 13px;
	cursor: pointer;
	transition: transform 0.25s ease, color 0.2s ease, background-color 0.2s ease;
}

.diiho-mobile-nav__toggle:hover,
.diiho-mobile-nav__toggle:focus-visible {
	color: var(--diiho-accent);
	background: rgba(255, 255, 255, 0.06);
	outline: none;
}

html[data-theme=light] .diiho-mobile-nav__toggle:hover,
body.diiho-light-mode .diiho-mobile-nav__toggle:focus-visible {
	background: rgba(0, 0, 0, 0.04);
}

/* Chevron Rotation on Expand */
.diiho-mobile-nav__item.is-expanded>.diiho-mobile-nav__link-row .diiho-mobile-nav__toggle i {
	transform: rotate(180deg);
}

.diiho-mobile-nav__toggle i {
	transition: transform 0.25s ease;
}

/* --------------------------------------------------------------------------
   Submenu Level 2: có border-left, KHÔNG có đường gạch ngang
   -------------------------------------------------------------------------- */
.diiho-mobile-sub-menu {
	display: none;
	padding-left: 14px;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-left: 20px;
	border-left: 2px solid rgba(255, 255, 255, 0.08);
}

html[data-theme=light] .diiho-mobile-sub-menu,
body.diiho-light-mode .diiho-mobile-sub-menu {
	border-left-color: rgba(0, 0, 0, 0.08);
}

.diiho-mobile-nav__item.is-expanded>.diiho-mobile-sub-menu {
	display: block;
	animation: diiho-sub-menu-fade-in 0.2s ease-out;
}

@keyframes diiho-sub-menu-fade-in {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.diiho-mobile-sub-menu .diiho-mobile-nav__link-row {
	min-height: 40px;
	padding: 2px 0;
}

.diiho-mobile-sub-menu .diiho-mobile-nav__link {
	font-size: 14.5px;
	min-height: 40px;
	padding: 6px 8px;
	color: #94a3b8;
}

html[data-theme=light] .diiho-mobile-sub-menu .diiho-mobile-nav__link,
body.diiho-light-mode .diiho-mobile-sub-menu .diiho-mobile-nav__link {
	color: #64748b;
}

.diiho-mobile-sub-menu .diiho-mobile-nav__item.is-current>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	color: var(--diiho-accent);
}

/* --------------------------------------------------------------------------
   Submenu Level 3+: KHÔNG có border-left và KHÔNG có đường kẻ ngang
   -------------------------------------------------------------------------- */
.diiho-mobile-sub-menu--depth-2,
.diiho-mobile-sub-menu .diiho-mobile-sub-menu {
	border-left: none !important;
	border: none !important;
	padding-left: 14px;
	margin-left: 0;
	margin-top: 2px;
	margin-bottom: 4px;
}

.diiho-mobile-sub-menu .diiho-mobile-sub-menu .diiho-mobile-nav__link-row {
	min-height: 36px;
	padding: 1px 0;
}

.diiho-mobile-sub-menu .diiho-mobile-sub-menu .diiho-mobile-nav__link {
	font-size: 13.5px;
	min-height: 36px;
	padding: 5px 8px;
	color: #8392a5;
}

html[data-theme=light] .diiho-mobile-sub-menu .diiho-mobile-sub-menu .diiho-mobile-nav__link,
body.diiho-light-mode .diiho-mobile-sub-menu .diiho-mobile-sub-menu .diiho-mobile-nav__link {
	color: #718096;
}

/* Desktop screens: Never show dedicated mobile menu */
@media (min-width: 768px) {
	.diiho-mobile-menu {
		display: none !important;
	}
}

/* --------------------------------------------------------------------------
   Style 4: Blur Fullscreen
   -------------------------------------------------------------------------- */
.diiho-mobile-menu--blur_fullscreen {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	display: flex;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.diiho-mobile-menu--blur_fullscreen.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Hide the duplicate overlay for blur_fullscreen since whole viewport is the blur backdrop */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__overlay {
	display: none;
}

/* Panel: No card, no background, no border, no shadow, no border-radius */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__panel {
	position: static;
	width: 100%;
	height: 100%;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
}

/* Header: fixed light color, margin from edge 20-24px */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 24px;
	border: 0 !important;
	background: transparent !important;
	flex-shrink: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__heading {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__close {
	background: transparent !important;
	color: #ffffff !important;
	width: 36px;
	height: 36px;
	font-size: 24px;
	border: 0;
	cursor: pointer;
	opacity: 0.85;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__close:hover,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__close:focus-visible {
	opacity: 1;
	color: #ffffff !important;
	transform: scale(1.1);
}

/* Body: Centered vertical & horizontal */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-menu__body {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 24px 40px;
	overflow-y: auto;
	box-sizing: border-box;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav {
	width: 100%;
	max-width: 500px;
	margin: auto;
	text-align: center;
}

/* Menu items animation: translateY(10px) -> 0 and opacity: 0 -> 1 */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.3s ease 0.05s, transform 0.3s ease 0.05s;
}

.diiho-mobile-menu--blur_fullscreen.is-active .diiho-mobile-nav__list {
	opacity: 1;
	transform: translateY(0);
}

/* Level 1 items */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list>.diiho-mobile-nav__item {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	background: transparent !important;
	margin: 0;
	padding: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__link-row {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-height: auto;
	padding: 4px 0;
	gap: 6px;
	width: auto;
	max-width: 100%;
}

/* Compensate spacer on the left for items with children to ensure 100% dead-center text alignment */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__item.has-children>.diiho-mobile-nav__link-row::before,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__item.menu-item-has-children>.diiho-mobile-nav__link-row::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	flex-shrink: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__link {
	flex: 0 1 auto !important;
	width: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__text {
	flex: 0 1 auto !important;
	text-align: center;
	white-space: normal;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list>.diiho-mobile-nav__item>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
	padding: 4px 8px;
	background: transparent !important;
	border-radius: 0;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list>.diiho-mobile-nav__item>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link:hover,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list>.diiho-mobile-nav__item>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link:focus-visible {
	opacity: 0.75;
	background: transparent !important;
}

/* Active Level 1 item */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__list>.diiho-mobile-nav__item.is-current>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	color: var(--diiho-accent, #ffffff) !important;
	opacity: 1;
}

/* Toggle button */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__toggle {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	opacity: 0.7;
	font-size: 13px;
	background: transparent !important;
	border: 0;
	padding: 0;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.25s ease;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__toggle:hover,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__toggle:focus-visible {
	opacity: 1;
	background: transparent !important;
}

/* Submenus */
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu {
	display: none;
	border: 0 !important;
	border-left: 0 !important;
	padding: 10px 0 6px !important;
	margin: 0 !important;
	list-style: none;
	width: 100%;
	text-align: center;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-nav__item.is-expanded>.diiho-mobile-sub-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	animation: diiho-blur-submenu-fade 0.25s ease-out;
}

@keyframes diiho-blur-submenu-fade {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__item {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 0 !important;
	background: transparent !important;
	margin: 0;
	padding: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__link-row {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 2px 0;
	gap: 4px;
	width: auto;
	max-width: 100%;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__item.has-children>.diiho-mobile-nav__link-row::before,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__item.menu-item-has-children>.diiho-mobile-nav__link-row::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__toggle {
	width: 22px;
	height: 22px;
	font-size: 11px;
	opacity: 0.6;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__link {
	color: #cccccc !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	padding: 2px 6px;
	background: transparent !important;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__link:hover,
.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__link:focus-visible {
	color: #ffffff !important;
	background: transparent !important;
}

.diiho-mobile-menu--blur_fullscreen .diiho-mobile-sub-menu .diiho-mobile-nav__item.is-current>.diiho-mobile-nav__link-row>.diiho-mobile-nav__link {
	color: var(--diiho-accent, #ffffff) !important;
}

/* Contact sharing preference. */
.diiho-contact-sharing {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 18px;
	margin: 24px 0 20px;
	border: 1px solid color-mix(in srgb, var(--diiho-accent, #44a5d1) 24%, transparent);
	border-radius: 16px;
	background: color-mix(in srgb, var(--diiho-accent, #44a5d1) 9%, transparent);
	cursor: pointer;
}

.diiho-contact-sharing__copy {
	flex: 1;
	min-width: 0;
}

.diiho-contact-sharing__copy strong {
	display: block;
	font-size: 14px;
}

.diiho-contact-sharing input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.diiho-contact-sharing__track {
	position: relative;
	flex: 0 0 50px;
	height: 28px;
	border-radius: 999px;
	background: #777;
	box-shadow: 0 0 0 7px color-mix(in srgb, var(--diiho-accent, #44a5d1) 12%, transparent);
	transition: background .2s ease;
}

.diiho-contact-sharing__track::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 5px #0003;
	transition: transform .2s ease;
}

.diiho-contact-sharing input:checked+.diiho-contact-sharing__track {
	background: var(--diiho-accent, #44a5d1);
}

.diiho-contact-sharing input:checked+.diiho-contact-sharing__track::after {
	transform: translateX(22px);
}

.diiho-contact-sharing input:focus-visible+.diiho-contact-sharing__track {
	outline: 2px solid currentColor;
	outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {

	.diiho-contact-sharing__track,
	.diiho-contact-sharing__track::after {
		transition: none;
	}
}

/* Custom HTML footer: shared layout and automatic theme colors. */
.diiho-footer-html {
	--diiho-footer-bg: var(--diiho-local-body-background);
	--diiho-footer-text: color-mix(in srgb, white 90%, black);
	--diiho-footer-surface: color-mix(in srgb, var(--diiho-footer-bg) 92%, white);
	--diiho-footer-muted: color-mix(in srgb, var(--diiho-footer-text) 68%, var(--diiho-footer-bg));
	--diiho-footer-border: color-mix(in srgb, var(--diiho-footer-text) 18%, transparent);
	box-sizing: border-box;
	width: 100%;
	margin-top: 35px;
	color: var(--diiho-footer-text);
	background: var(--diiho-footer-bg);
}

html[data-theme=light] .diiho-footer-html,
body.diiho-light-mode .diiho-footer-html {
	--diiho-footer-text: color-mix(in srgb, black 88%, white);
	--diiho-footer-surface: color-mix(in srgb, var(--diiho-footer-bg) 96%, black);
}

.diiho-footer-html *,
.diiho-footer-html *::before,
.diiho-footer-html *::after {
	box-sizing: border-box;
}

.diiho-footer-html a {
	color: inherit;
}

.diiho-footer-html a:hover,
.diiho-footer-html a:focus-visible {
	color: var(--diiho-accent);
}

.diiho-footer-html-container {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--diiho-content-max, 1280px);
	margin-inline: auto;
	padding-inline: 3rem;
}

@media (max-width: 768px) {
	.diiho-footer-html-container {
		padding-inline: 1rem;
	}
}

input:focus-visible {
	outline: none !important;
}