// 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;
} @include media-breakpoint-down(sm) {
#jumbotron { font-size: 32px; }
}