:root {
	--code-bg: #fff;
	--code-col: #100;
	--td-col: #f8f8f8;
	--code-border: silver;
	--xml-escape-char: #000099;
	--xml-brackets: #66cc66;
	--xml-strings: #ff0000;
	--xml-numbers: #cc66cc;
	--xml-script-comments: #808080;
	--xml-script-one: #00bbdd;
	--xml-script-two: #ddbb00;
	--xml-script-three:#339933;
	--xml-script-four:#009900;
	--xml-regex-one: #000066;
	--xml-regex-two: #000000;
	--xml-regex-three: #000000;

	--css-kw-one: #000000;
	--css-kw-two: #993333;
	--css-kw-three: #9932cc;
	--css-kw-four: #dc143c;
	--css-kw-five: #F5758F;
	--css-comments-one: #a1a100;
	--css-comments-two: #ff0000;
	--css-comments-multi: #808080;
	--css-esc-one: #000099;
	--css-esc-two: #000099;
	--css-brackets: #00aa00;
	--css-strings: #ff0000;
	--css-numbers: #cc66cc;
	--css-symbols: #00AA00;
	--css-regex-zero: #cc00cc;
	--css-regex-one: #6666ff;
	--css-regex-two: #3F84D9;
	--css-regex-three: #933;
	--css-regex-four: #444;	
}
/*
@media (prefers-color-scheme: dark){
:root {
    --code-bg: #000;
    --code-col: #00bcd4;
    --td-col: #000000;
    --code-border: #4f4f4f;
    --xml-escape-char: #000099;
    --xml-brackets: #66cc66;
    --xml-strings: #ff9800;
    --xml-numbers: #cc66cc;
    --xml-script-comments: #595959;
    --xml-script-one: #00bbdd;
    --xml-script-two: #ddbb00;
    --xml-script-three: #339933;
    --xml-script-four: #4caf50;
    --xml-regex-one: #2196f3;
    --xml-regex-two: #9d9d9d;
    --xml-regex-three: #9d9d9d;

	--css-kw-one: #8bc34a;
    --css-kw-two: #ffeb3b;
    --css-kw-three: #3f51b5;
    --css-kw-four: #926c74;
    --css-kw-five: #F5758F;
    --css-comments-one: #a1a100;
    --css-comments-two: #8bc34a;
    --css-comments-multi: #808080;
    --css-esc-one: #000099;
    --css-esc-two: #000099;
    --css-brackets: #3f51b5;
    --css-strings: #e7e7e7;
    --css-numbers: #cc66cc;
    --css-symbols: #9e9e9e;
    --css-regex-zero: #cc00cc;
    --css-regex-one: #6666ff;
    --css-regex-two: #3F84D9;
    --css-regex-three: #ffc107;
    --css-regex-four: #999;
	}
}
*/
.wp_syntax {
	color           : var(--code-col);
	background-color: var(--code-bg);
	border          : 1px solid var(--code-border);
	margin          : 0 0 1.5em 0;
	overflow        : auto;
}

/* IE FIX */
.wp_syntax {
	overflow-x    : auto;
	overflow-y    : hidden;
	padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
	width         : 99%;
}

.wp_syntax table {
	border         : none !important;
	border-collapse: collapse !important;
	margin         : 0 !important;
	padding        : 0 !important;
	width          : 100% !important
}

.wp_syntax caption {
	margin          : 0 !important;
	padding         : 2px 0 !important;
	width           : 100% !important;
	background-color: #def !important;
	text-align      : left !important;
	font-family     : monospace !important;
	font-size       : 12px !important;
	line-height     : 1.2em !important;
}

.wp_syntax caption a {
	color          : #1982d1 !important;
	text-align     : left !important;
	font-family    : monospace !important;
	font-size      : 12px !important;
	line-height    : 16px !important;
	text-decoration: none !important;
}

.wp_syntax caption a:hover {
	color          : #1982d1 !important;
	text-decoration: underline !important;
}

.wp_syntax div, .wp_syntax td {
	border        : none !important;
	text-align    : left !important;
	padding       : 0 !important;
	vertical-align: top !important;
}

.wp_syntax td.code{
	background-color: var(--td-col);
	line-height     : normal !important;
	white-space     : normal !important;
	width           : 100% !important;
}

/* potential overrides for other styles */
.wp_syntax pre {
	background           : transparent !important;
	border               : none !important;
	margin               : 0 !important;
	width                : auto !important;
	float                : none !important;
	clear                : none !important;
	overflow             : visible !important;
	font-family          : monospace !important;
	font-size            : 1.2em !important;
	line-height          : 1.4em !important;
	padding              : 0 4px !important;
	white-space          : pre !important;
	-moz-box-shadow      : 0 0 0 rgba(0, 0, 0, 0) !important; /* FF3.5+ */
	-webkit-box-shadow   : 0 0 0 rgba(0, 0, 0, 0) !important; /* Saf3.0+, Chrome */
	box-shadow           : 0 0 0 rgba(0, 0, 0, 0) !important; /* Opera 10.5, IE 9.0 */
	-webkit-border-radius: 0 !important;
	-moz-border-radius   : 0 !important;
	border-radius        : 0 !important;
}

.wp_syntax td.line_numbers pre {
	background-color: #def !important;
	color           : gray !important;
	text-align      : right !important;
	min-width       : 16px !important;
}