/*
 *  Copyright 2012 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*
CSS FOR FILTERED-CONTENTS-CAROUSEL
*/

body.home .filtered-contents.carousel-contents {
	padding: 0px;
}

.filtered-contents.carousel-contents div.rss
{
	float: right;
}

.filtered-contents.carousel-contents .carousel-container {
	width: 798px;
}
.filtered-contents.carousel-contents .carousel-container.js {
	height: 288px;
	overflow: hidden;
	position: relative;
/* 	background: transparent	url(/skins/entv2/resources/img/services/filtered-contents/slider.png) no-repeat 0 0; */
}

.filtered-contents.carousel-contents .carousel-wrap,
.filtered-contents.carousel-contents ul {
	width: 605px;
	margin: 0 auto 0 auto;
	padding-left: 0px;
	float: left;
	left: 0;
}

@media (min-width: 1000px){

	.filtered-contents.carousel-contents .carousel-wrap,
	.filtered-contents.carousel-contents ul {
			width: 798px;
		}
}

.filtered-contents.carousel-contents .carousel-wrap {
	height: 280px !important;
	background-color: #3896ed;
}

.filtered-contents.carousel-contents ul {
	height: 288px !important;
}

.filtered-contents.carousel-contents .carousel-container ul li {
/* 	padding-top: 18px; */
}
.filtered-contents.carousel-contents .carousel-container.js ul li {
	display: inline;
	float: left;
	position: relative;
}

.filtered-contents.carousel-contents .carousel-container .carouselDetails {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #3896ed;
    color: #FFF;
    padding: 25px 48px 10px 20px;
    width: 34%;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 280px;
}

.filtered-contents.carousel-contents .carousel-container .carouselDetails .carouselDetailsContent{
	@media (max-width: 1000px){
		max-height: 158px;
		overflow: hidden;
	}
}

.filtered-contents.carousel-contents .carouselDetails a {
	color: #FFF;
	text-decoration: none;
}

.filtered-contents.carousel-contents .carouselDetails h1 {
	margin-bottom: 15px;
}

.filtered-contents.carousel-contents .carouselDetails a.title {
	text-decoration: none;
	font-weight: 400;
	font-size: 1.2em;	
}

.filtered-contents.carousel-contents .carouselDetails div.link {
	position: absolute;
	bottom: 15px;
}


.filtered-contents.carousel-contents input.carousel-control {
	position: absolute;	
	right: 10px;
	text-indent:-999px;	
	cursor: pointer;
	padding: 0;
/* 	top: 120px;		 */
	border-radius: 50%;
	border: 0px;
	background-color: #FFF;
	opacity: 0.6;
	width: 30px;
	height: 30px;
	outline-style: none;
}

.filtered-contents.carousel-contents input.disabled {
	display: none;	
}

.filtered-contents.carousel-contents input.carousel-control.carousel-previous {
    top: 95px;	
    z-index:1;
    background: transparent url("/skins/entv2/resources/img/chevron-top.png") no-repeat left top;    
}

.filtered-contents.carousel-contents input.carousel-control.carousel-next {
    top: 140px; 
    z-index:1;
    background: transparent url("/skins/entv2/resources/img/chevron-bottom.png") no-repeat left top;
}

.filtered-contents.carousel-contents input.carousel-control.carousel-previous:before {
/*     position: absolute; */
/*     content: "\f077"; */
/*     font-family:'Font Awesome 5 Free';  */
/*     color: #3896ed; */
/*     z-index:1; */
}

.filtered-contents.carousel-contents input.carousel-control.carousel-next:before {
/* 	position: absolute; */
/* 	content: "\f063"; */
/*     font-family:'Font Awesome 5 Free';  */
/*     color: #3896ed;	 */
/*     z-index:1; */
}

.filtered-contents.carousel-contents div.carousel-pagination {
    text-align: center;
    position: relative;
    bottom: 7px;
    float: left;
    left: 45%;
}
.filtered-contents.carousel-contents div.carousel-pagination a:before{
	padding: 0 10px;
	cursor: pointer;
	content: "\f10c";
	font-family : 'Font Awesome 5 Free';
	color : white;
}
/* 	&:before {  */
/*        content: "\f021"; */
	
/* 	} */
.filtered-contents.carousel-contents div.carousel-pagination a span {display: none;}
.filtered-contents.carousel-contents div.carousel-pagination a.active:before {
	background-position: 0 -22px;
	content: "\f111";
	color : white;
}

.filtered-contents.carousel-contents div.carousel-pagination button.slide-control.play:before,
.filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause:before{
	
	cursor:pointer;
	margin-right: 15px;
	content: "\f04c";
	font-family: 'Font Awesome 5 Free';
	color : white;
	background-color: none;
	}


.filtered-contents.carousel-contents div.carousel-pagination button.slide-control.pause:before{ 
	content: "\f04b";
	font-family: 'Font Awesome 5 Free';
	color : white;
	background-color: none;
	}

.filtered-contents.carousel-contents .carousel-container.js ul li {
	display: inline;
    float: left;
    position: relative;
    width : 100%;
}

.filtered-contents.carousel-contents .carousel-container.js ul li a:hover {
	opacity: 0.9;
}

.filtered-contents.carousel-contents .carousel-container.js .carouselDetailsContent:hover {
	background: rgba(255,255,255,0.2)
}

.filtered-contents.carousel-contents .carousel-container.js ul li.fourth {
	margin-right: 0px;
}
	
.carousel-wrap img {
    position: relative;
/*     bottom: 18px; */
/*     height: auto; */
/*     width: 100%; */
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;    
}
.filtered-contents.filtered-contents-link.carousel-contents.wrapper {
    background-color: #2F5C86;
    margin-bottom: 29px;
    border-radius: 4px;
    color: white;
}
button:focus {
    outline: 0px;
    outline: 0px;
    outline-color:none;
    outline-style: 0;
    outline-width: 0px;
}