/* Expanded version of the style.min.css file for reference */

/*
 * Icons
 */

@font-face {
  font-family:"WPTheaterIcons";
  src:url("../fonts/wp-theater-icons-font.eot");
  src:url("../fonts/wp-theater-icons-font.eot?#iefix") format("embedded-opentype"),
    url("../fonts/wp-theater-icons-font.woff") format("woff"),
    url("../fonts/wp-theater-icons-font.ttf") format("truetype"),
    url("../fonts/wp-theater-icons-font.svg#wp-theater-icons-font") format("svg");
  font-weight:normal;
  font-style:normal;

}

.wp-theater-placeholder a:after,
.wp-theater-more-link:after,
.wp-theater-bigscreen .lowerlights-toggle:before,
.wp-theater-bigscreen .fullwindow-toggle:before{
	display:inline-block;
	-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
	font:16px/1 'WPTheaterIcons';
	vertical-align:baseline;
  font-style:normal !important;
  font-weight:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
	position:relative;
  speak:none}


/*
 * Section
 */

.wp-theater-section{
	margin-bottom:2em;
	width:100%}
.wp-theater-bigscreen{
	margin-bottom:1em}
.wp-theater-bigscreen-inner{
	margin:0 auto}
.wp-theater-bigscreen-options{
	display:none;
	text-align:right;
	vertical-align:bottom}
.wp-theater-section footer{
	text-align:right;
	clear:both}

/* Placeholder & Responsive Iframe */
.wp-theater-iframe-wrapper, .wp-theater-placeholder{
	margin:0;
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	height:0;
	overflow:hidden}
.wp-theater-iframe, .wp-theater-placeholder a img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%}
.wp-theater-placeholder a:after{
	content:"a";
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	font-size:6em;
	font-size:calc(100% * 1em);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	display:block}
.wp-theater-section.service-youtube .wp-theater-placeholder a:hover:after{
	color:#e52d27}
.wp-theater-section.service-vimeo .wp-theater-placeholder a:hover:after{
	color:#1ab7ea}
.wp-theater-placeholder a:hover img{
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transform:scale(1.15);
	transform:scale(1.15)}
.wp-theater-placeholder a img{
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
	a -webkit-transform:scale(1);
	transform:scale(1)}


/*
 * LowerLights and FullWindow
 */

.wp-theater-bigscreen .lowerlights-toggle,
.wp-theater-bigscreen .fullwindow-toggle{
	display:inline-block;
	border:none;
	outline:0}
.wp-theater-bigscreen .lowerlights-toggle span,
.wp-theater-bigscreen .fullwindow-toggle span{
	display:none}

.wp-theater-bigscreen .lowerlights-toggle:before{
	content:'b';
	top:2px;
	font-size:1em}

.wp-theater-bigscreen .fullwindow-toggle{
	margin-left:0.25em}
.wp-theater-bigscreen .fullwindow-toggle:before{
	content:'d';
	top:2px;
	font-size:1em}

/* On */

#wp-theater-lowerlights,
.wp-theater-bigscreen.fullwindow{
	background:#101010;
	margin:0;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:100}

#wp-theater-lowerlights{
	background:#101010;
	background:rgba(0,0,0,0.92)}

.wp-theater-bigscreen.lowerlights .lowerlights-toggle:before{
	content:'b'} /* maybe update to diff icon later */
.wp-theater-bigscreen.lowerlights .wp-theater-iframe{
	z-index:101}
.wp-theater-bigscreen.lowerlights .lowerlights-toggle{
	z-index:102}
.wp-theater-bigscreen.lowerlights .fullwindow-toggle{
	z-index:103}
.wp-theater-bigscreen.lowerlights .lowerlights-toggle,
.wp-theater-bigscreen.lowerlights .fullwindow-toggle{
	color:#aaa}
.wp-theater-bigscreen.lowerlights .lowerlights-toggle,
.wp-theater-bigscreen.lowerlights .fullwindow-toggle{
	position:relative}

.wp-theater-bigscreen.fullwindow .fullwindow-toggle:before {
	content:"e";
	font-size:1.25em;
	left:-0.0625em;
	line-height:1;
	top:0.125em}
.wp-theater-bigscreen.fullwindow .fullwindow-toggle {
	color:#aaa;
	position:fixed;
	right:1.25em;
	top:0.25em}
.admin-bar .wp-theater-bigscreen.fullwindow .fullwindow-toggle {
	top:calc(0.25em + 32px)}
.wp-theater-bigscreen.fullwindow .lowerlights-toggle,
.wp-theater-bigscreen.fullwindow .wp-theater-placeholder a:after{
	display:none}
.wp-theater-bigscreen.fullwindow .wp-theater-bigscreen-inner{
	position:relative}
.wp-theater-bigscreen.fullwindow .wp-theater-iframe {
  height:calc(100% - 3em);
  left:1em;
  position:fixed;
  top:2em;
  width:calc(100% - 2em)}
.admin-bar .wp-theater-bigscreen.fullwindow .wp-theater-iframe{
  top:calc(32px + 2em);
  height:calc(100% - 3em - 32px)}


/*
 * Video Listing & Previews
 */

ul.wp-theater-listing{
	overflow:auto;
	padding:0;
	margin:0}
.video-preview{
	vertical-align:top;
	display:inline-block;
	width:320px;
	max-width:100%;
	margin:0 0.5em 0.75em 0}
.video-preview.right{
	float:right;
	display:block;
	margin:0 0 0.75em 0.5em}
.video-preview.left{
	float:left;
	display:block;
	margin:0 0.5em 0.75em 0}
.wp-theater-listing .video-preview{
	overflow:auto;
	float:left;
	margin:0 2% 0 0;
	margin-right:calc(0.75em)}
.video-preview img{
	width:100%;
	height:auto}
.wp-theater-listing.cols-1 .video-preview{
	width:100%;
	margin:0}
.wp-theater-listing.cols-2 .video-preview{
	width:49%;
	width:calc(50% + 0.75em / 2 - 0.75em)}
.wp-theater-listing.cols-3 .video-preview{
	width:32%;
	width:calc(33.3333333333% + 0.75em / 3 - 0.75em)}
.wp-theater-listing.cols-4 .video-preview{
	width:23.5%;
	width:calc(25% + 0.75em / 4 - 0.75em)}
.wp-theater-listing.cols-5 .video-preview{
	width:18.4%;
	width:calc(20% + 0.75em / 5 - 0.75em)}
.wp-theater-listing.cols-6 .video-preview{
	width:15%;
	width:calc(16.6666666667% + 0.75em / 6 - 0.75em)}
.wp-theater-listing.cols-5 .video-preview .title-link,
.wp-theater-listing.cols-6 .video-preview .title-link{
	font-size:0.75em}

/* Links */
.wp-theater-listing.cols-1 .video-preview .title-link{
	min-height:inherit;
	max-height:inherit}
.video-preview .title-link,
.video-preview .img-link{
	display:block;
	border:none;
  margin-bottom:0.4em}
.video-preview .title-link {
  height:2.65em;
  margin-bottom:0.6em;
  line-height:1.325;
  overflow:hidden;
  text-overflow:ellipsis}
.wp-theater-listing .video-preview.selected .img-link,
.wp-theater-listing .video-preview.selected .title-link{
	opacity:.4}
a.wp-theater-more-link,
a.wp-theater-more-link:hover,
a.wp-theater-more-link:active,
a.wp-theater-more-link:after,
a.wp-theater-more-link:hover:after{
	text-decoration:none;
	border:none}
.wp-theater-more-link:after{
	display:inline-block;
	content:"f";
	font-size:0.825em;
	top:0px;
	padding-left:0.375em;
	vertical-align:-0.1875em}

/* Widget Tweaks */
.widget .wp-theater-section{
	margin-bottom:0}
.widget .wp-theater-bigscreen{
	margin-bottom:0.5em}
.widget .video-preview a.title-link{
	margin-bottom:0}
.widget .video-preview img{
	margin-bottom:0}

@media(max-width:480px){
	.wp-theater-listing.cols-3 .video-preview,
	.wp-theater-listing.cols-4 .video-preview,
	.wp-theater-listing.cols-5 .video-preview,
	.wp-theater-listing.cols-6 .video-preview{
		width:49%;
		margin:0 2% 0 0;
		width:calc(50% + 0.75em / 2 - 0.75em);
		margin-right:calc(0.75em)}
	.wp-theater-listing.cols-3 .video-preview:nth-child(even),
	.wp-theater-listing.cols-4 .video-preview:nth-child(even),
	.wp-theater-listing.cols-5 .video-preview:nth-child(even),
	.wp-theater-listing.cols-6 .video-preview:nth-child(even){
		margin-right:0}
	.wp-theater-listing.cols-5 .video-preview .title-link,
	.wp-theater-listing.cols-6 .video-preview .title-link{
		font-size:1em}
}
@media(min-width:481px){
	.wp-theater-listing.cols-2 .video-preview:nth-child(even),
	.wp-theater-listing.cols-3 .video-preview:nth-child(3n+3),
	.wp-theater-listing.cols-4 .video-preview:nth-child(4n+4),
	.wp-theater-listing.cols-5 .video-preview:nth-child(5n+5),
	.wp-theater-listing.cols-6 .video-preview:nth-child(6n+6){
		margin-right:0}
}
@media(max-width:560px){
	.video-preview.right,
	.video-preview.left{
		float:none}
}