/* - - - - - - - - - - - - - - - - - - - -
   SCREENINGS VENDOR CSS
- - - - - - - - - - - - - - - - - - - - -

CONTENTS:
- vendor styles (any 3rd party logo or component styling) (e.g., fox logos, plugin components, etc..)

*/

div.ad-logo-temporary {
	width: 84px;
	height: 84px;
	background: green;
}


/* STUDIO LOGOS
- - - - - - - - - - - - - - - - - */
div.studio-logo {
	height: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
div.studio-logo.sony       { float: left; }
div.studio-logo.columbia   { float: right; }
div.studio-logo.screengems { float: left; }
div.studio-logo.tristar    { float: right; }

div.studio-logo.sony {
	width: 42px;
	background-image: url(../img/logos/sony-pictures-logo@2x.png);
}
div.studio-logo.columbia {
	width: 124px;
	background-image: url(../img/logos/columbia-pictures-logo@2x.png);
}
div.studio-logo.screengems {
	width: 66px;
	background-image: url(../img/logos/screengems-logo@2x.png);
}
div.studio-logo.tristar {
	width: 136px;
	background-image: url(../img/logos/tristar-logo@2x.png);
}

/* studio logos on home page */
div.home-logos {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}
div.home-logos div.studio-logo {
	margin-bottom: 20px;
}

/* CSS for desktop only */
@media all and (min-width: 940px) {
	
	/* STUDIO LOGOS
	- - - - - - - - - - - - - - - - - */
	div.studio-logo { height: 92px; }
	div.studio-logo.sony       { width:  64px; background-size:  64px 92px; }
	div.studio-logo.columbia   { width: 186px; background-size: 186px 61px; }
	div.studio-logo.screengems { width: 102px; background-size: 102px 64px; }
	div.studio-logo.tristar    { width: 152px; background-size: 152px 55px; }

	/* studio logos on home page */
	div.home-logos {
		width: auto;
		margin: 0;
	}
	div.home-logos div.studio-logo {
		float: left;
		margin-right: 106px;
		margin-bottom: 0px;
	}
	div.home-logos div.studio-logo:last-child { margin-right: 0; }
}