/*
 *  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
 *  tributed under the License is tributed 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 CAROUSEL CONTENTS
*/
.header-content{
    position:relative;
   margin-bottom: 0;
 }

.ametys-cms-content.view-main.header-content h1 {
    position:absolute;
    color: #fff;
    font-family: "Crimson", Times, serif;
    font-size: 2.9em;
    margin-top:22px;
    z-index:4;
    width:100%;
    height:0;
}

.ametys-cms-content.view-main.header-content h1 .content-title{
	color: #ffffff;
    display: block;
    font-weight: bold;
    line-height: normal;
    font-size:1em;
}

.ametys-cms-content.view-main.header-content h1 span{
	display:block;
	padding-left:70px;
	height:0;
}

.carousel-pagination p a{ display: none; }

.carousel-contents.carousel-container{
	margin: 0 auto;
}

.ametys-cms-content.view-main.header-content .carousel-contents ul{
	margin-left:0;
	margin-top:0;
}

.carousel-contents .carousel-wrap{
    padding:0;
	
}

.carousel-contents.carousel-container .carousel-wrap > ul > li{
	list-style-type:none;
	list-style-image:none;
	position:relative;
	background-image:none;
/* 	height: auto!important; */
/*     padding-top: 20px; */
/*     padding-bottom: 10px; */
/*     padding-left: 5%; */
/*     padding-right: 5%; */
}

.carousel-contents.carousel-container.js .carousel-wrap > ul > li {
	display: block;
	float: left;
	z-index:1;
	padding:0;
	margin:0;
	font-weight:normal;
}

.carousel-contents.carousel-container .carousel-wrap > ul > li{
	display:inline-block;
	vertical-align:top;
}

.carousel-contents.carousel-container .carousel-wrap > ul > li .content-illustration{
	width:100%;
	background-color:#000000;
}

.carousel-contents.carousel-container .carousel-wrap > ul > li .content-illustration img{
	width:100%!important;
	margin:0;
	opacity:0.7;
	border-width:0;
}

/* .carousel-contents.carousel-container .carouselDetails{ */
/* 	padding:15px 11px 55px 0; */
/* } */

.carousel-contents.carousel-container .js .carouselDetails {
    position: relative;
    padding-top:0;
    padding-bottom:0;
   /* left:50%;
    top:0;
    margin-left:-508px;
    z-index:1;*/
}

.carousel-contents.carousel-container .carousel-wrap > ul > li:after,
.carousel-contents.carousel-container .carouselDetails:after{
	content: " ";
	display:block;
	clear:both;
}
.carousel-contents.carousel-container .carouselDetails>div{
/* 	padding: 0 20px 40px 20px; */
	position:absolute;
	bottom:0;
	position:relative;
	color: #FFF; 
    line-height:normal; 
	display:block;
/* 	margin-left:48px; */
}

.carousel-contents button.carousel-control {
	height: 42px;
	width: 24px;
	border-width:0;
	cursor: pointer;
	padding: 0;	
	overflow:hidden;
}

.carousel-contents button.carousel-control.disabled{
	display:none;
}

.carousel-contents .center-wrap{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:0 11px;
}

.carousel-contents div.carousel-pagination{
	text-align: center;
	line-height:28px;
/* 	z-index:3; */
    padding:0;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
}

@media (max-width:1280px) {
	
	#header.transparent-header + #page-title.page-title-parallax .container, 
	#header.transparent-header + #ametys-cms-zone-header .header-content .carouselDetails{
		z-index: 5;
	}
	
	.ametys-cms-content.header-content p.carousel-title{
		font-size:34px;
		padding-bottom:10px!important;
	}
	.carousel-caption p{ font-size:18px; }
	.ametys-cms-content a.know-more, 
	.ametys-cms-content a.know-more:hover, 
	.ametys-cms-content a.know-more:link, 
	.ametys-cms-content a.know-more:visited, 
	.ametys-cms-content a.know-more:active{ margin-top:0!important; }
	
}

@media (max-width:991px) {
	
	.carousel-caption p.carousel-title{ font-size: 25px; }
	.carousel-caption p{ font-size: 14px; }
	
	.carousel-contents.carousel-container .carouselDetails>div{ padding: 40px 0!important; }
}

@media (max-width:767px){
	.ametys-cms-content.header-content p.carousel-title{
		font-size:25px;
		padding-bottom:10px!important;
	}
}
@media (max-width:468px){
	.ametys-cms-content.header-content p.carousel-title{
		font-size:18px;
	}
	.slide-control.play, .slide-control.pause{ top:0; left: auto; right:0;}
}

@media (min-width: 992px){
	.carousel-contents.carousel-container{ background-image: none!important; }
	
	.carousel-contents.carousel-container ul > li .carouselDetails>div:before{
		height:20px;
		margin-bottom: 40px;
		display: block;
		content: " ";
	}
}