/* =============================================================================
   
   	Contents
	
	$layout
	$typography
	$sidenav
	$videos

============================================================================= */


/* =============================================================================
   $layout
============================================================================= */

.media-body #piano-root {
	position: fixed !important;
	width: 100%;
}

.media-body.view-pane {
	overflow: auto;
}

.media-container {
	background-color: #fff;
}

.media-container > .row {
	padding: 87px 0 0 0;
}

.media-container .row:first-child {
	background: #fff;
}

.featured-media {
	padding: 0 15px;
}

.media-channel body.media-body header.top-nav {
	background-color: #000;
	position: fixed;
	width: 100%;
	margin-top: 32px;
}

.media-channel .side-nav {
	position: static;		
	list-style: none;
	padding: 20px;
}

.media-channel .main-column {
	margin: 0;
}

.media-channel body.media-body header.top-nav .logo {
	background: url(../assets/img/medialogo.png) top left no-repeat;
	width: 170px;
}

.media-channel body.media-body header.top-nav .logo::before {
	content: '';
}

.main-column.media-channel-archive-page {
	padding: 20px 30px;
}

/* =============================================================================
   $typography
============================================================================= */

.media-channel body.media-body header.top-nav h1 {
	margin: 2px 0 1em 0;
}

.media-channel h1, .media-channel h2, .media-channel h3 {
	color: #000;
	padding: 0;
}

.media-channel a, .media-channel a h1, .media-channel a h2, .media-channel a h3 {
	color: #428bca;
}

.media-filter li {
	background: #000;
}

.media-channel .side-nav a, .media-filter a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.media-channel time {
	color: #428bca;
}

/* =============================================================================
   $sidenav
============================================================================= */

.media-channel .side-nav li {
	list-style: none;
}

.close-nav-button {
	top: 91px;
	color: #fff;
}

.close-nav-button:hover {
	color: #428bca;
}

/* =============================================================================
   $videos
============================================================================= */

.media-channel-featured-posts-container li, .media-channel-post-list {
	list-style: none;
}

.media-channel-featured-posts-container li:nth-child(4n+1) {
	clear: both;
}