/*!
Theme Name: Diiho
Theme URI: https://wptop.top
Update URI: https://wptop.top
Author: Foxtheme
Author URI: https://wptop.top/user/admin/
Version: 2.1.11
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{
	--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{
	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{
	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,
.diiho-code-window pre,
.entry-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.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{
	--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;
}

/*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;
}

#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{
		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-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 .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-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 .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{
		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 .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{
		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 .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{
		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 .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 .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 {
		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;
}

.menu-toggle:not(.menu-toggle--icon-default){
	width: 32px;
}

.menu-toggle:not(.menu-toggle--icon-default):before{
	display: none;
}

.menu-toggle .diiho-mobile-menu-icon{
	display: block;
	flex: 0 0 28px;
	height: 28px;
	max-width: 28px;
	width: 28px;
}

/* 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;
	}
}

/* Posts pagination */
.pagination{
	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,
.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,
.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_list,
.widget_diiho_woo_list,
.widget_diiho_woo_slide{
	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;
}

/* @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;
}

/* 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{
	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 .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;
}

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

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

.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;
}

/* 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);
	}
}

@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);
}

.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);
}

#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 #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;
}

@media (max-width: 700px){

	.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;
}

.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){

	#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{
	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);
}

.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%;
}

/* 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
}

.tag-video{
	color: var(--diiho-accent);
	font-size: 12px;
}

.tag-video a{
	color: var(--diiho-accent);
	font-weight: normal;
	margin-right: 5px;
}

/* ket thuc thẻ */
/* css thay doi comen */
.box-comen{
	display: flex
}

.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);
}

.diiho-dashboard-user-badge{
	margin-right: 5px;
	margin-top: -2px;
}

.diiho-level-badge-large{
	margin-left: 6px;
	vertical-align: middle;
}

.tentraloi{
	padding-bottom: 20px;
	margin-top: -20px;
	font-size: 13px;
	--diiho-local-tentraloi-color: #00d0ff;

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

/* nut chia se trang va ma QR */
#openshare{
	--openshare-color: #333;
	background: none;
	color: var(--openshare-color);
	border: none;
	padding: 0px;
	outline: none;
}

.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
}

.middle{
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.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
	}
}

i.fas.fa-stream{
	color: var(--diiho-accent);
	font-size: 16px;
}

.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;
}

.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;
}

.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-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-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__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{
	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;
}

.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;
}

.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;
}

@media (max-width: 900px){

	.tap-baiviet{
		width: 100%;
		float: none;
		margin-bottom: 20px;
		padding-right: 0;
	}
}

.diiho-post-newtime__image{
	aspect-ratio: 16 / 10;
	display: block;
	height: auto;
	object-fit: cover;
	transition: opacity .25s ease, transform .25s ease;
	width: 100%;
}

.entry-body .entry-title{
	color: #222;
}

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] .viet,
body.diiho-light-mode .viet{
	--diiho-local-viet-color: #0f172a;
}

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] .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] .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] .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] .tentraloi,
body.diiho-light-mode .tentraloi{
	--diiho-local-tentraloi-color: #0284c7;
}

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] .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] .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] .required,
body.diiho-light-mode .required{
	--diiho-local-required-color: #0f172a;
}

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;
}

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] .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] .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] .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-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;
}

.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;
}

@keyframes diiho-post-popup-spin {
	to {
		transform: rotate(360deg);
	}
}

.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;
	}
}

/* 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%;
}

.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;
}

/* 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;
}