/*
 This CSS is shared between:
/releases/links?id=xxxx
/releases/share_release?

 */
body { font-family: 'Open Sans', Arial, sans-serif; }
		
			#main-container { margin-top: 30px; margin-bottom: 30px; }
			
			#social-buttons { position: absolute;bottom: 30px; right: 30px; }
		
			h1 {color : #fff; font-size: 31px; margin: 30px 0 0 30px; padding: 0; font-family: 'Open Sans', Arial, sans-serif; word-break: break-all; }
			h2 {color : #fff; font-size: 20px; margin: 10px 0 0 30px; padding: 0; }
		
			#release_promo{		
				height:100vh;
			}
			#release_promo_bg{	
				position: fixed;
				top: -50%;
				left: -50%;
				width: 200%;
				height: 200%;
				background-color: #000;
				transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				z-index: -1;
			}
			#release_promo_bg img{
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				margin: auto;
				min-width: 55%;
				min-height: 55%;
				filter: url(../../images/filter/blurr.svg#blur);
				filter: blur(30px);
				-webkit-filter: blur(30px);
				-moz-filter: blur(30px);
				-o-filter: blur(30px);
				-ms-filter: blur(30px);
			}
			.container{
				/*max-width: 700px;*/
			}
			.title{		
				font-size:1.8em;
						
			}
			.title_bg{
				text-align: center;
				background-color:#2A2A2A;
				padding:1em;
			}
			.title_bg p{		
				color:white;	
				margin:0px;	
			}
			.retailers{
				background-color:white;
				list-syle:none;
				list-style-type: none;
				margin:0px;
				padding: 0;
			}
			.retailers li{
				height: 50px;
				padding: 0;
				margin: 0;
			}
			
			.retailers a {
				width: 100%;
				display: block;
				height: 50px;
				line-height: 50px;
				padding: 0;
				margin: 0;
				border-bottom: 1px dotted #ccc;
			}
			
			.retailers a:hover {
				text-decoration: none;
				background-color: #eee;
			}
			
			.arrow{
				display: inline-block;
				left: 50%;
				margin-left: -12px;
				margin-bottom: -12px;
				width: 0;
				height: 0;
				top: 0;
				border-left: 12px solid transparent;
				border-right: 12px solid transparent;
				border-top: 12px solid #2A2A2A;
				float: left;
				position: relative;
			}
			
			.play-button {
				float: right;
				height: 50px;
				width: 50px;
				text-align: center;
				line-height: 50px;
				color: #8F8F8F;
				background-color: transparent;
				border-left: 1px dotted #ccc;
			}
			
			.retailers a:hover .play-button {
				color: #2A2A2A;
			}
			
			.play-button i {
				margin-top: -2px;
				font-size: 18px;
				padding: 17px 17px;
			}
			
			.retailer-name {
				margin-left: 28px;
				color: #2A2A2A;
				font-size: 17px;
				float: left;
			}
			
			.retailer-logo {
				 padding-left: 10px;	
				 width: 40px;
				 height: 50px;
				 display: block;
				 float: left;		 				 
			}
			
			#release-desc { 
				max-height: 226px;
				overflow: hidden;
				color: #e3e3e3;
				font-size: 13px;
				margin: 30px 0 0 30px;
				padding: 0;
			}
			
			#read-more {
				color: #e3e3e3;
				text-decoration: underline;
				font-size: 13px;
				margin: 30px 0 0 30px;
				padding: 0;
				display: none;
			}
			
			.retailer-logo img { vertical-align: top; margin-top: 5px; }
				
			@media (max-width: 1199px) {
				#release-desc { max-height: 115px; }
			}
						
			@media (max-width : 991px) { 
				
				h1, h2 { margin-left: 0; text-align: center; }
				
				#social-buttons { 
					clear: both;
					margin-top: 30px;
					position: static;
					top: 0;
					right: 0;
					margin-left: 0;
					width: 100%;
					text-align: center; 
				}
				
				#release-desc  { display: none; }
			}
			
			@media (max-width : 740px) {
				#main-container { margin-top: 0px; }
			}