@import 'normalize.css';
@import 'toltech.css';

body {
	margin: 0;
	margin-top: 4em;
}

body > header {
	padding: 0.5em 1.25em;
	background-color: #852119;
	background-image: linear-gradient( to right, #852119 60%, #000000 );
	/* box-shadow: 4px 4px 7px 0px #888; */
	color: white;
	position: fixed;
	width: 100%;
	top: 0;
}

body.vh-dissector-lite > header {
	background-color: #4a526a;
	background-image: linear-gradient( to right, #4a526a 60%, #000000 );
}

body.vh-dissector-pro > header {
	background-color: #852119;
	background-image: linear-gradient( to right, #852119 60%, #000000 );
}

body.vh-dissector-stereo > header {
	background-color: #ab312a;
	background-image: linear-gradient( to right, #8312ad 60%, #000000 );
}

body.vh-dissector-touch > header {
	background-color: #ab312a;
	background-image: linear-gradient( to right, #008d00 60%, #000000 );
}

body.vh-dissector-table > header {
	background-color: #ab312a;
	background-image: linear-gradient( to right, #e09a03 60%, #000000 );
}

body > header h1 {
	margin: 0;
	text-shadow: 0.125em 0.1875em 0.25em #000;
}

main {
	padding: 0 20px;
}

section {
	margin-bottom: 1.5em;
}

h2 {
	margin-top: 0;
	margin-left: -20px;
	margin-right: -20px;
	padding: 2px 13px;
	background-color: #333;
	color: white;
}

body.index h3 {
	margin-bottom: 0;
}

h3 + p, h3 + ul {
	margin-top: 0;
}

ul {
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}

ul li {
	margin: 0;
}

.licensed-lesson {
	display: none;
}

#installed-lessons {
	display: none;
}

section.vh-dissector {
	display: none;
}

body.vh-dissector section.no-vh-dissector {
	display: none;
}

body.vh-dissector section.vh-dissector {
	display: block;
}

body > nav {
	text-align: center;
	font-weight: bold;
}