﻿/* carousel web part */
.carousel {
    /*width: 1200px;*/
    width: 100%;
}

.carousel .carousel-control {
    width: 0px;
}

.carousel .carousel-indicators {
    width: auto;
    margin-left: auto;
    left: auto;
    right: 200px;
}

.carousel .carousel-inner {
    width: 100%;
    padding: 0px;
    /*float: right;*/
}

.carousel .carousel-inner #wrgcarouselcontent {
    background-size: cover;
}

.carousel .carousel-inner .item {
    /*width: 1200px;*/
    width: 100%;
    height: 375px;
}

.carousel .carousel-inner .wrgorangecarousel {
    background-image: url('/_layouts/15/Grace.Internet.Corporate/img/carousel-orange.png');
    background-repeat: repeat-x;
}

.carousel .carousel-inner .wrgpurplecarousel {
    background-image: url('/_layouts/15/Grace.Internet.Corporate/img/carousel-purple.png');
    background-repeat: repeat-x;
}

.carousel .carousel-inner .wrggreencarousel {
    background-image: url('/_layouts/15/Grace.Internet.Corporate/img/carousel-green.png');
    background-repeat: repeat-x;
}

.carousel .carousel-inner .carousel-caption {
    bottom: auto;
    float: right;
    padding: 0px;
    left: auto;
    right: 0px;
    height: 150px;
    line-height: 150px;
    margin-top: 112px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    /*width: 50%;*/
    /* opacity */
    opacity: .85; /* Standards Compliant Browsers */
    filter: alpha(opacity=85); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

.carousel .carousel-inner .grace-Blue {
    background-color: #094C8C;
}

.carousel .carousel-inner .grace-Green {
    background-color: #018e50;
}

.carousel .carousel-inner .grace-Yellow {
    background-color: #a79814;
}

.carousel .carousel-inner .carousel-caption .carousel-caption-html {
    font-size: 17px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    line-height: 17px;
    padding: 10px;
    width: 600px;
    left: 0px;
}

/* hide arrows */
.right.carousel-control,
.left.carousel-control {
    display: none;
}

/* hide bullets */
.carousel-indicators {
    display: none;
}

/* fade effect */
.carousel.carousel-fade .item {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
}
