/* ma-media.css 
	Must load last, after ma-mobile.css */

@charset "UTF-8";

#pageheadergroup h1.pageheader {
	font-size:1.75rem;
}

#video-wrapper1,
#video-wrapper2 {
	padding-top:1rem;
}

#video-wrapper1 h2,
#video-wrapper2 h2 {
	font-size:1.3rem;
}

#video-wrapper2 p {
	font-size:1rem;
}

#vip-podcast,
#cutv-interview {
	margin-top:1.5rem;
	padding:56.25% 0 0 0;
	position:relative;
}

.panel-wrapper h2 {
	font-size:1.3rem;
	padding:1rem 0;
}

#clips {
	width:100%;
}

.thumbnail {
	width:100%;
	height:auto;
	border:2px black solid;
}

.thumbnail-left,
.thumbnail-right {
	width:96%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

p.clip-length {
	font-size:1rem;
	font-weight:bold;
	text-align:right;
	width:100%;
	margin:-.25rem 0 0 0;
	padding-right:2rem;
	padding-bottom:1rem;
	}

/* Tablet Portrait and Handheld Landscape View*/

@media (min-width: 481px) {
	#pageheadergroup h1.pageheader {
		font-size:2rem;
	}
	
	#video-wrapper1 h2,
	#video-wrapper2 h2 {
		font-size:1.5rem;
	}

	#video-wrapper2 p {
		font-size:1.2rem;
}
	#clips {
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
}

/* Small Screen / Kindle / Laptop View*/

@media (min-width: 760px){

	#clips {
		width:100%;
	}
	
	.thumbnail-left {
		width:48%;
		float:left;
	}
	
	.thumbnail-right {
		width:48%;
		float:right;
	}

}

	/* Large Screens Wider than Ipad Landscape */

@media (min-width: 1100px){
	

}

/* Full Desktop View */

@media (min-width: 1680px) {

/*	#wrapper, #content-wrapper {
		width:100%;
		max-width:100vw;
	}
*/
	#page-content {
		width:100%;
		max-width:1920px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#pageheadergroup h1.pageheader {
		font-size:2.75rem;
		margin-top:1.2rem;
	}
	
	#pageheadergroup h2.subtitle {
		font-size:2.25rem;
		padding-top:2rem;
	}
	
	#video-wrapper1 {
		width:100%;
		padding-top:2rem;
	}
	
	#video-wrapper2 {
		 width:100%;
		 padding-top:3rem;
	}

	#video-wrapper1 h2,
	#video-wrapper2 h2 {
		 font-size:2rem;
		 text-align:center;
	}
	
	#video-wrapper2 h2 {
		padding-top:1rem;
		margin-bottom:1rem;
	}
	
	#video-wrapper2 p {
		 font-weight:bold;
		 text-align:center;
		 padding-bottom:1rem;
	}
	
	#vip-podcast,
	#cutv-interview {
		margin-top:1.5rem;
		background-color:darkgray;
		border:none;
		width:100%;
		max-width:960px;
		height:auto;
		max-height:504px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.panel-wrapper {
		 width:100%;
		 margin-top:2rem;
		 margin-bottom:1rem;
	}

	.panel-wrapper h2 {
		font-weight:bold;
		text-align:center;
		padding-top:1.25rem;
		padding-bottom:1rem;
	}
	
	#clips {
		 width:80%;
		 margin-left:auto;
		 margin-right:auto;
	}
	
	.thumbnail-left {
		width:48%;
		float:left;
	}
	
	.thumbnail-right {
		width:48%;
		float:right;
	}
	
}
*/