// Full Width Slider .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; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; } } .item:nth-child(1) { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .item:nth-child(2) { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .item:nth-child(3) { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .carousel .item { position: fixed; z-index: 99999; width: 100%; height: $jumbotron-height + 100px; margin-top: $navbar-height; } .carousel.slide.carousel-fade { position: absolute; top: 0px; z-index: 0; overflow: hidden; } nav#universal-nav { z-index: 2; position: static; } nav#main-navigation { z-index: 999999; } #content-container { background-color: $body-bg; position: relative; } div#jumbotron { text-align: center; height: $jumbotron-height; z-index: 0; position: relative; background: none; } @media (max-width: $screen-sm-min){ #jumbotron { font-size: 32px; } }