/*
######## 0. Hide small screen stuff
*/

/*
######## 1. Fonts
*/
@font-face {
    font-family: 'jBlack';
    src: url('../fonts/jblack-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: #000;
	background-color: #191919;
	font-size: 1.3em;
}
/*
######## 3. Header
*/
header{
	background-color: #000;
	height: auto;
	padding: 0.8em 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;
	border-bottom: 4px solid #c51712;
}
header .container {
	margin-top: 0!important;
}
/*
######## 5. 'main-container'
*/
#main-container {
	font-size: 1.2em;
	margin-top: 3em;
}
#main-container h2,
#main-container h3 {
	font-family: "jBlack";
	color: #fff;
}
#main-container h3 {
	font-size: 2em;
}
#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;
}
ol {
  list-style-type: decimal-leading-zero;
}
ol li {
  color: #fff;
}
#links-section {
	color: #fff;
}
#links-section ul,
#transcript-section ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 4em;
}
#links-section ul li,
#transcript-section ul li {
	margin-bottom: 4rem;
}
#links-section ul li img,
#transcript-section ul li img {
	vertical-align: middle;
  	margin-right: 0.4em;
}
#links-section ul#dates {
	list-style-type: disc;
	margin-left: 0;
}
#links-section ul#dates li {
	color: #fff;
	text-align: left;
	display: flex;
  	justify-content: space-between;
  	align-items: center;
	margin-bottom: 0.6em;
	background-color: #181818;
	padding: 0.6em 1em;
	border-radius: 4px;
}
#links-section ul#dates li a {
	background-color: #000;
	padding: 0.5em 1.1em;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px;
	border: 1px solid #232327;
	color: greenyellow !important;
}
#links-section ul#dates li a:hover {
	color: #f02b28 !important;
}
#links-section ul li ul {
	margin-left: 0em;
	margin-top: 1em;
}
#links-section ul li ul li {
	margin-bottom: 0.6em;
  	background-color: #181818;
  	padding: 0.6em 1em;
  	border-radius: 4px;
}
#links-section ul li ul li a {
	display: block;
	text-decoration: none;
}
#links-section ul li ul li img {
	height: 24px;
	margin-right: 1em;
}
#links-section ul li ul li:hover {
	opacity: 80%;
}
p {
	color: #fff;
}
iframe {
	margin-bottom:1em;
}
strong,
b {
	font-weight: bold;
	font-family: "MartelBold",'Times New Roman', Times, serif;
}
.column,
.columns {
	margin-left: 0!important;
}
#subscribe-section h3 {
	font-family: "Exo";
	font-size: 1.2em;
}
.broadcast-date {
	background-color: #181818;
	padding: 1em;
  	margin-bottom: 1em;
	border-radius: 4px;
}
.broadcast-date .show-details {
	display: none;
	margin-top: 1em;
}
.broadcast-date .controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.broadcast-date p {
	margin-bottom: 0;
}
.broadcast-date .controls span a {
	background-color: #000;
	padding: 0.5em 1.1em;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px;
	border: 1px solid #232327;
	color: greenyellow!important;
}
.broadcast-date .controls span a:hover {
	color: #f02b28 !important;
}
.broadcast-date .controls span a.close-show {
	display: none;
	color: darkorange!important;
}
.broadcast-date .controls p {
	font-weight: 900;
}
.choose-timezone {
	margin-bottom: 0;
  	width: 100%;
}
.highlighter {
	border: 1px solid #353535;
}
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;
}
img#logo {
	width: 100%!important;
}
@media (max-width: 600px) { /* When screen size is below 500px wide... */

	#links-section ul {
		margin-left: 0;
	}

}