/* General
-------------------------------------------------- */

.page-template-members-home {
	font-family: univia_promedium;
}

a:hover{
	text-decoration: none;
}

.blue-bg{
	background: #5e51f0;
}

.dark-blue-bg{
	background: #3F36A7;
}

.btn-classic{
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 15px;
}

.btn-blue{
	color: #fff;
	background: #5e51f0;
	transition: all 0.2s;
}

.btn-blue:hover{
	text-decoration: none;
	background: #3f36a7;
	color: #fff;
}

.btn-yellow{
	color: #000;
	background: #fdce76;
	transition: all 0.2s;
}

.btn-yellow:hover{
	text-decoration: none;
	background: #D2A145;
	color: #000;
}

h3.blue-heading{
	color: #5e51f0;
	margin: 0px;
	padding: 0px;
	font-size: 22px;
}

h3.blue-heading.no-results{
	margin-bottom: 3em;
	text-align: center;
}

h3.blue-heading.no-results a{
	text-decoration: underline;
}

#search-message { padding-left: 15px; }

#search-message h3.blue-heading {
	margin-bottom: 1em;
	line-height: 1.42857143;
}

.black-section-title{
	position: relative;
}

h3.black-section-title{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	font-weight: bold;
	z-index: 9;
	width: 100%;
	font-size: 14px;
}

/*Viewport height*/

#view-port-height{
	overflow: hidden;
}

#view-port-height.set-height{
	position: relative;
}

#view-port-height.unset-height{
	position: relative;
	height: initial !important;
}

#view-port-height.set-height #most-watched{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50%;
	overflow: hidden;
	width: 100%;
}

#view-port-height.set-height #filters-menu{
	position: absolute;
	top: 50%;
	left: 0px;
	height: 15%;
	overflow: hidden;
	width: 100%;
}

#view-port-height.set-height #latest-releases{
	position: absolute;
	top: 65%;
	left: 0px;
	height: 35%;
	overflow: hidden;
	width: 100%;
}

@media only screen and (max-height:632px){
	#view-port-height.set-height .caption-most-watched{
    	position: absolute;
    	bottom: 4%;
    	margin: 0px;
	}
	#view-port-height.set-height .image-most-watched{
    	float: right;
	}
	#view-port-height.set-height .caption-most-watched h2{
    	margin: 0px 0px 15px;
    	font-size: 25px;
	}
	#view-port-height.set-height .caption-most-watched p {
    	font-size: 15px;
    	margin: 0px 0px 15px;
	}
	#view-port-height.set-height .category-menu-item a {
    	font-size: 14px;
    	line-height: 25px;
	}
	
	#view-port-height.set-height .filters-form .form-control, .filters-form select{
		height: 30px;
	}
}

@media only screen and (max-height:540px){
	#view-port-height.set-height h3.blue-heading{
		font-size: 20px;
	}
	#view-port-height.set-height .category-menu-item a {
    	font-size: 13px;
    	line-height: 24px;
	}
	#view-port-height.set-height h3.black-section-title{
		font-size: 13px;
		line-height: 25px;
	}
	#view-port-height.set-height .latest-releases-item h3{
		line-height: 25px;
		font-size: 16px;
	}
	#view-port-height.set-height #most-watched{
		height: 45%;
	}
	#view-port-height.set-height #filters-menu{
		top: 45%;
		height: 13%;
	}
	#view-port-height.set-height #latest-releases{
		top: 60%;
		height: 41%;
	}
}

@media only screen and (max-width: 768px){
	#view-port-height.set-height .image-most-watched{
		position: absolute;
		width: 100%;
    	height: auto;
	}
	#view-port-height.set-height .caption-most-watched{
		z-index: 9;
		padding: 10px;
		background: rgba(0, 0, 0, 0.7);
	}
	#view-port-height.set-height .caption-most-watched h2{
		font-size: 20px;
	}
	#view-port-height.set-height .caption-most-watched p{
		font-size: 13px;
	}
	#view-port-height.set-height .caption-most-watched .btn-classic {
    	font-size: 10px;
    	line-height: 20px;
	}
	#view-port-height.set-height .category-menu-item{
		width: 16.65%;
	}
	#view-port-height.set-height .category-menu-item a{
		font-size: 11px;
		line-height: 20px;
	}
	#view-port-height.set-height .intro-wrapper{
		width: 40%;
	}
	#view-port-height.set-height h3.blue-heading{
		font-size: 14px;
		display: inline-block;
	}
	#view-port-height.set-height .filters-warpper{
		width: 60%;
	}
	
}



/* MOST WATCHED
-------------------------------------------------- */

#most-watched{
	background: #000;
  max-height: 50%;
}

.caption-most-watched{
	margin-top: 8%;
	color: #fff;
}

.caption-most-watched .btn-classic{
	float: right;
	font-size: 12px;
	line-height: 30px;
}

.caption-most-watched h2{
	margin: 0px 0px 20px;
	padding: 0px;
	font-size: 28px;
}

.caption-most-watched p{
	font-size: 16px;
	margin: 0px 0px 30px;
}

.image-most-watched{
	padding: 0px;
	position: relative;
  display: none;
}

.image-most-watched:after{
	content: " ";
	display: block;
	width: 5%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
}

/* Filters menu
-------------------------------------------------- */

#filters-menu ul{
	margin-bottom: 10px;
}

.category-menu-item{
	border-left: 1px solid #483FCA;
	border-right: 1px solid #483FCA;
}

.category-menu-item.selected-category{
	background: #3f36a7;
}

.category-menu-item a{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 40px;
}

.filters-form{
	margin-bottom: 10px;
}

.filters-form label{
	color: #5e51f0;
	font-size: 13px;
	margin-right: 15px;
}

.filters-form .form-control,
.filters-form select{
	border: 1px solid #5e51f0;
	color: #5e51f0;
	padding: 2px 15px;
	min-width: 200px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

.filters-form .form-control:focus{
	border-color: #483FCA;
    color: #5E51F0;
    box-shadow: none;
}

.form-select{
	margin-right: 15px;
}

.form-search .form-control{
	background-image: url("/wp-content/uploads/search-icon.png");
	background-repeat: no-repeat;
	background-position: 97% 7px;
	padding-right: 30px;
}


/* Latest releases
-------------------------------------------------- */

.latest-releases-item{
	position: relative;
}

.latest-releases-item img{
	width: 100%;
	height: auto;
}

.page-template-members-home .latest-releases-item h3{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px 5px;
	font-size: 18px;
	line-height: 35px;
	background: rgba(253, 206, 118, 0.7);
	font-weight: 500;
	color: #000;
}

.latest-releases-item h3 span{
	font-size: 13px;
	font-weight: normal;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
  margin-bottom: 30px;
  padding: 0px 15px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

.carousel-control{
	width: 30px;
	text-shadow: none;
	opacity: 1;
}

.carousel-control .glyphicon{display: none;}

.carousel-control.left{
	left: -15px;	
	background: url("/wp-content/uploads/left-arrow.png") no-repeat center;
}

.carousel-control.right{
	right: -15px;	
	background: url("/wp-content/uploads/right-arrow.png") no-repeat center;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
}

 
/* FEED LIST
-------------------------------------------------- */

#feed-list{
	padding-top: 30px;
}

.feed-item{
	margin-bottom: 30px;
	position: relative;
}

.feed-item img{
	width: 100%;
	height: auto;
  cursor: pointer;
}

.feed-item .duration-item{
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 17px;
	background: rgba(94, 81, 240, 0.7);
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	padding: 0px 5px;
}

.page-template-members-home .feed-item h3{
	margin: 10px 0px 30px;
	padding: 0px;
	color: #5e51f0;
	font-size: 18px;
	font-weight: 600;
	min-height: 38px;
}

.feed-item .btn-yellow{
	font-size: 13px;
	line-height: 30px;
}

.pagination-wrapper{
	margin: 0px 0px 30px;
}

.pagination-wrapper a{
	color: #5e51f0;
	font-size: 20px;
	display: inline-block;
	margin-right: 15px;
}


.latest-releases-item{
    cursor: pointer;
}

.latest-releases-item h3 {
    overflow: hidden;
text-overflow: ellipsis;
display: inline-block; 
white-space: nowrap; 
}

a.et_pb_button.et_pb_more_button.disabled{
	background-color: #82877F;
}

a.et_pb_button.et_pb_more_button.disabled:hover{
    background: #82877F;
    color: rgb(70, 70, 70) !important;
    padding: 0.3em 1em 0.3em 1em;
}

.et_pb_button.disabled:after {
	content: "";
}

a.page {
	cursor: pointer;
}

a.filter-genre {
	cursor: pointer;
}