/**
 * prism.js Iodia theme for ActionScript, C#, XAML, JavaScript, CSS and HTML
 * 
 * @author NOVALISTIC
 */

pre.language-html,
pre.language-xhtml,
pre.language-xml,
pre.language-mathml,
pre.language-svg,
pre.language-xaml,
pre.language-css,
pre.language-less,
pre.language-scss,
pre.language-js,
pre.language-actionscript,
pre.language-apacheconf,
pre.language-csharp,
pre.language-php,
pre.language-sql,
pre.language-typescript {
	position: relative;
	hyphens: none;
	tab-size: 4;
	border-top-width: 2.4em;
	overflow: visible;
}

pre[class^="language-"]:before,
pre[class*=" language-"]:before {
	display: block;
	position: absolute;
	top: -2.4em;
	left: 0.5em;
	font-family: 'Segoe UI', -apple-system, sans-serif;
	line-height: 2.4em;
	color: #000;
}

/*
@media only screen and (min-width: 1000px) {
	.hello-code > pre::before {
		top: -3.2em;
	}
}
*/

@media only screen and (max-width: 560px) {
	pre[class^="language-"]::before,
	pre[class*=" language-"]::before {
		left: auto;
	}
}

pre.language-html:before { content: 'HTML'; }
pre.language-xml:before { content: 'XML'; }
pre.language-xhtml:before { content: 'XHTML'; }
pre.language-mathml:before { content: 'MathML'; }
pre.language-svg:before { content: 'SVG'; }
pre.language-xaml:before { content: 'XAML'; }
pre.language-css:before { content: 'CSS'; }
pre.language-less:before { content: 'LESS'; }
pre.language-scss:before { content: 'SCSS'; }
pre.language-js:before { content: 'JavaScript'; }
pre.language-actionscript:before { content: 'ActionScript'; }
pre.language-apacheconf:before { content: '.htaccess'; }
pre.language-csharp:before { content: 'C#'; }
pre.language-php:before { content: 'PHP'; }
pre.language-sql:before { content: 'SQL'; }
pre.language-typescript:before { content: 'TypeScript'; }
pre[class^="language-"][data-label]:before, pre[class*=" language-"][data-label]:before { content: attr(data-label); }

pre[class^="language-"] ::selection, pre[class*=" language-"] ::selection {
	color: #eaa82d;
	background-color: #1b4894;
}

pre.language-apacheconf > .token.directive-flags {
	color: #fff;
}

.token.comment {
	color: #952d13;
}

pre.language-css,
pre.language-less,
pre.language-scss,
.token.string,
.token.number,
.token.attr-value,
.token.attr-value > .token.punctuation ~ .token.punctuation,
.token.id {
	color: #64e6a5;
}

.token.class-name,
.token.attr-name,
.token.property,
.token.variable,
.token.global {
	color: #eaa82d;
}

.token.keyword,
.token.boolean,
.token.entity,
.token.class {
	color: #df0;
}

pre.language-actionscript,
pre.language-csharp,
pre.language-js,
.token.function,
.token.tag,
.token.tag > .token.punctuation,
.token.selector {
	color: #138dd7;
}

.token.operator,
.token.punctuation {
	color: #9df;
}

.token.regex,
.token.prolog,
.token.delimiter.important,
.token.doctype,
.token.pseudo-class,
.token.pseudo-element {
	color: #a247c9;
}

.token.prolog,
.token.doctype,
.token.important {
	font-weight: bold;
}

.token.entity {
	font-style: italic;
}

.token.important {
	color: #f00;
}

.token.cdata,
.token.atrule,
.token.parent {
	color: #fea;
}

.token.parent {
	font-weight: normal;
}

@media \0 {
	pre {
		color: #fff !important;
	}
}