﻿

/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 80vh; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}


/* carousel controllo opacità sfondo */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.0;
    transition: all 0.2s ease-out;
}


/* carousel pulsante */
.btn-home {
    color: orange;
}

/* carousel effetto fade delle slide */

.carousel-fullscreen .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fullscreen  .carousel-item.active,
.carousel-fullscreen  .carousel-item-next.carousel-item-left,
.carousel-fullscreen  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fullscreen .active.carousel-item-left,
.carousel-fullscreen  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fullscreen  .carousel-item-next,
.carousel-fullscreen .carousel-item-prev,
.carousel-fullscreen .carousel-item.active,
.carousel-fullscreen .active.carousel-item-left,
.carousel-fullscreen  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

