/*
######## 0. Hide small screen stuff
*/
#tap-menu {
	display: none;
}
#main-menu-small-screens {
	display: none;
}
/*
######## 1. Fonts
*/
@font-face {
    font-family: 'DominicanRegular';
    src: url('../fonts/dominican_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Exo';
    src: url('../fonts/exo2-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
######## 2. Body of screen
*/
body {
	font-family: "Exo",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	color: #fff;
	background-color: #000;
	font-size: 1.3em;
}
/*
######## 3. Header
*/
header{
	background-color: #000;
	height: auto;
	padding: 1.2em 0em 0.8em 0em;
	border-bottom: 1px solid #201e1e;
	top: 0;
	width: 100%;
	z-index: 20;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
/*
######## 4. All Navigation elements
*/
nav#menu {
	margin-top: 0;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
nav#menu #main-menu ul {
	list-style-type: none;
	margin-bottom: 0;
}
nav#menu #main-menu ul li {
	margin-bottom: 0;
	float: left;
	margin-right: 1.2em;
	font-size: 0.9em;
}
nav#menu #main-menu ul li a {
	font-family: "DominicanRegular",'Times New Roman', Times, serif;
	font-size: 1.8em;
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
}
nav#menu #main-menu ul li a:hover {
	color: #9c1d1a;
}
/*
######## 5. 'main-container'
*/
#main-container {
	font-size: 1.2em;
	margin-top: 3em;
}
#main-container h2 {
	font-family: "DominicanRegular";
}
#main-container a,
footer a {
	color: #f02b28;
}
#main-container a:hover,
footer a:hover  {
	color: #c51712;
}
#main-container .page-content {
	margin-bottom: 2em;
}
#main-container .jumpsections {
	padding: 1.6em;
	background-color: #131010;
	border-radius: 10px;
	margin-bottom: 1.2em;
}
/*
============ Links Section
*/
#links-section ul,
#transcript-section ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#links-section ul li,
#transcript-section ul li {
	margin-bottom: 1rem;
}
#links-section ul li img,
#transcript-section ul li img {
	vertical-align: middle;
  	margin-right: 1em;
}
strong,
b {
	font-weight: bold;
	font-family: "MartelBold",'Times New Roman', Times, serif;
}
.toggle-switch {
	display: none;
}
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: beige;
	border: 1px solid #000;
	border-radius: 4px;
	color: crimson;
}
.column {
	margin-left: 0!important;
}
footer {
	background-color: #000;
	height: auto;
	padding: 0.8em 0em 0.8em 0em;
	border-top: 1px solid #201e1e;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
footer section {
	margin-top: 1em !important;
	padding: 0 !important;
}
footer section p {
	text-align: center;
	color: #565656;
}
footer ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
}
footer ul li {
	margin-right: 1em;
}
footer ul li img {
	max-height: 20px;
	opacity: 0.3;
}
footer ul li img:hover {
	opacity: 0.6;
}
/*
######## 14. Small screens
*/
@media only screen and (min-width: 1010px) { /* When screen size is above 1010px wide... */

	#tap-menu {
		display: none;
	}
	#main-menu-small-screens {
		display: none;
	}

}
@media (max-width: 1200px) { /* When screen size is below 1200px wide... */

	nav#menu #main-menu ul li a {
		font-size: 1.5em;
	}

}
@media (max-width: 1010px) { /* When screen size is below 1010px wide... */

	#tap-menu {
		display: block;
	}
	#tap-menu a {
		float: right;
	}
	#main-menu {
		display: none;
	}
	#main-menu-small-screens {
		display: none; /* controlled by jquery */
		background-color: #000;
		height: auto;
		padding: 1.2em 0em 0.8em 0em;
		margin-top: -3.1em;
		margin-bottom: 2em;
		border: 1px solid #201e1e;
		border-top: 0;
	}
	#main-menu-small-screens ul {
		list-style-type: none;
	}
	#main-menu-small-screens ul li {
		float: none;
		text-align: center;
	}
	#main-menu-small-screens ul li a {
		font-family: "DominicanRegular",'Times New Roman', Times, serif;
		font-size: 1.2em;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	#main-menu-small-screens ul li a:hover {
		color: #9c1d1a;
	}
	section.home-sections h2 {
		font-size: 1.8em;
	}
	section.home-sections h3 {
		margin-top: 1em;
	}
	img.media-thumb {
		float: none;
	}
}