/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.11.2016, 10:21:46
    Author     : barthelfr
*/

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
@font-face {
  font-family: 'Niconne';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/niconne/niconne-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/niconne/niconne-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/niconne/niconne-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/niconne/niconne-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/niconne/niconne-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/niconne/niconne-v15-latin-regular.svg#Niconne') format('svg'); /* Legacy iOS */
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel .carouselText p{display:block; padding: 10px 20px; font-family: 'Niconne';font-size:56px; padding-bottom: 30px; color:#000; text-shadow:none; text-align:center;}

.carousel .container .carouselTitle {display: none}
.carousel-caption {position:absolute; top:20%;left:0; right:auto; bottom:auto; width:100%;; text-align:left; padding-top:0;}
.carousel-control.left {text-align:center;} 
.carousel-control.right {text-align:center;} 
.carousel-control .fa-chevron-left {left:15px; right:auto;}
.carousel-control .fa-chevron-right {left:auto; right:15px;}
.carousel-control .fa-chevron-left, 
.carousel-control .fa-chevron-right {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    font-size:40px;
}
.carousel-indicators {bottom:0;}
.carousel-control {width:10%}


/* newsslider  */
.newsslider > div {margin:0 10%;}
.newsslider .item > div[class*="col-"]{ 
    padding:0;
    
}
.newsslider .item .moduleItemImageBlock {margin-right:20px;}
.newsslider .item span.catItemImage {margin:0;}

.newsslider .item * {text-align: left!important}

.newsslider .carousel-control {background:none;}
.newsslider .carousel-control .fa:before { color: red;}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}