/* override css styles of the main theme here */

/* Syntax Highlight */
section.main .content .markdown pre.chroma {
	max-height: 600px;
}
section.main .content .markdown pre.chroma,
section.main .content .markdown .chroma pre {
	/* Hugo specific: consider using the 'highlight' shortcode */
	white-space: pre;
	word-wrap: normal;
	overflow: auto;
}

section.main .content .markdown .chroma table {
	overflow: auto;
	display: block;
	max-height: 600px;
}

span.lnt {
	display: block;
}

/*********
Figures
/*********/

section.main .content .markdown figure img {
	margin-bottom: 0px;
}

section.main .content .markdown figcaption p {
	text-align: center;
	color: #999999;
	font-size: 0.8em;
}

section.main .content .markdown p.caption {
	text-align: center;
	color: #999999;
	font-size: 0.8em;
}

/*********
Footnotes
/*********/

section.main .content .markdown sup,
section.main .content .markdown sub {
	/* Specified in % so that the sup/sup is the
	right size relative to the surrounding text */
	font-size: 75%;

	/* Zero out the line-height so that it doesn't
	interfere with the positioning that follows */
	line-height: 0;

	/* Where the magic happens: makes all browsers position
	the sup/sup properly, relative to the surrounding text */
	position: relative;

	/* Note that if you're using Eric Meyer's reset.css, this
	is already set and you can remove this rule */
	vertical-align: baseline;
}

section.main .content .markdown sup {
	/* Move the superscripted text up */
	top: -0.5em;
}
section.main .content .markdown sub {
	/* Move the subscripted text down, but only
	half as far down as the superscript moved up */
	bottom: -0.25em;
}

/*********
Self-Intro
/*********/

section.header h3.selfintro {
	font-size: 1em;
	font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif;
	letter-spacing: -0.005rem;
	font-weight: 400;
	color: #555;
	margin-bottom: 1rem;
}



.videoContainer {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}
.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

section.main .content .markdown .prelude {	
	background-color: #f6f6f6;
	border-radius: 10pt;
	border: 2pt solid #eee;
	margin: 0 5pt 30pt 5pt;
	padding: 8pt 10pt 0pt 10pt;
}

section.main .content .markdown .prelude p {	
	/* font-size: 0.9em; */
	color: #333333;
	padding: 0pt 0pt 0pt 14pt;
}