/* @override 
	http://beta2.localhost/assets/css/movies.css */
.movie .l-content.layout-fixed {
	/* padding: 0 2.5rem; */
}
	
.movie .hero {
	padding: 1.625rem;
}

.hero .movie-cover{
	margin-right: 2.75rem;
	max-width: 450px;
	width: 100%;
	float: left;
	display: inline-block;
}

.hero .movie-cover p {
	margin-top: 0.625rem;
}
.movie .hero h1 {
	text-align: left;
}

.hero .movie-meta {
	overflow: hidden;
}


.movie .hero h1 {
	margin-bottom: 0.9375rem;
}
.movie .hero .info-items {
	margin-bottom: 0.3125rem;
	line-height: 2;
}
.movie .hero .movie-meta-details .info-items {
	line-height: 1.5;
}
.movie .hero .info-item {
	margin-right: 1rem;
	 white-space: nowrap;
}
.movie .hero .header-controls {
	margin-top: 1.75rem;
	margin-bottom: 2.5rem;
	text-align: left;
}
.movie .hero .header-controls button {
	margin-right: .75rem;
}
.movie .hero .header-controls button:last-child {
	margin-right: 0;
}

.movie .hero .info-items .label {
	display: inline-block;
	min-width: 90px;
	vertical-align: top;
}
.movie .hero .info-item-group {
	display: inline-block;
	max-width: 85%;
	line-height: 1.5;
}

.movie .thumbnail-box h4.title {
	width: 100%;
}


.movie .hero .label-format {
	font-size: 1rem;
	padding: 0.3125rem 0.375rem;
	line-height: 0.625rem;
}

.info-item.new {
	font-size: 0.875rem;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	padding: 0.3125rem 0.375rem;
	line-height: 0.625rem;
	border-radius: 0.125rem;
	background: transparent;
	color: #e2093c;
	border: none;
	border: 1px solid #e2093c;
}

.movie .hero .description {
	margin-bottom: 3rem;
}

.movie .main-section {
	padding-bottom:0;
	border-bottom: 0;
}
.movie .main-section h2 {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #2d2d2d;
	margin-bottom: 1rem;
}

.movie-credits .label {
	display: block;
	color: #fff;
}
.credits-container {
	margin-bottom: 0.5rem;
	color: #b9b9b9;
}

@media screen and (max-width: 85rem) {
	.movie .hero {
		padding: 2.5rem;
	}
	.hero .movie-meta .info-item-group{
		max-width: 65%;
	}
}

@media screen and (max-width: 80rem) {
	.hero .movie-cover {
		max-width: 350px;
	}
	.hero .movie-meta .info-item-group{
		max-width: 65%;
	}
}
@media screen and (max-width: 64rem) {
	
	.hero .movie-cover {
		max-width: 270px;
		margin-right: 1.75rem;
		float: left;
	}
	.movie-credits .label {
		display: inline-block;
		margin-right: 0.25rem;
	}
	.movie-credits .label:after {
		content: ":";
	}
	
	.hero .movie-meta .info-item-group{
		max-width: 70%;
	}
	
	.movie .sidebar h3 {
		padding-bottom: 0.75rem;
		border-bottom: 1px solid #2d2d2d;
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 56rem) {
	.hero .movie-cover {
		max-width: 270px;
	}
	.hero .movie-meta {
		display: block;
		margin-top: 1rem;
	}
	.movie .hero h1 { 
		font-size: 2.25rem; 
	}
}

@media screen and (max-width: 48rem) {
	.hero .movie-cover{
		margin-right: 1.5rem;
		margin-bottom:1.25rem;
	}
	.movie-meta {
		display: block;
		width: 100%;
		
	}
	.movie .hero {
		padding: 1.25rem;
	}
	.header-controls button {
		width: 12rem;
		margin-bottom: 0.5rem;
		width: 45%;
	}
	.hero .movie-cover p {
		display: none;
	}
	
	.movie-main-details {
		overflow: hidden;
		
	}
	
	.hero .movie-meta .info-item-group{
		max-width: 80%;
	}
	
}

@media screen and (max-width: 35.5rem) {
	.hero .movie-cover{
		margin-right: 0;
		max-width: none;
		float: none;
		margin-bottom:1.25rem;
	}
	.movie .hero h1 {
		margin-bottom: 0.6875rem;
	}
	.movie .hero .header-controls {
		margin-bottom: 1.25rem;
	}
	.movie .hero .header-controls button {
		width: 12rem;
		margin-bottom: 0.5rem;
		width: 48%;
		margin-right: 0.5rem;
	}
	.movie .hero .movie-meta {
		margin-top: 0;
	}
	.hero .movie-meta .info-item-group{
		max-width: 70%;
	}

}