/* common slideshow settings for use with bootstrap carousel */

#slide-caption {
	margin-top: 10px;
	color: #333;
}
/* center carousel images */
div.c-wrapper{
    width: 80%; /* for example */
    margin: auto;
}
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
/*width: 100%;  use this, or not */
margin: auto;
}

/* Fade transition for carousel items (rather than default sliding) */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 3s; /*adjust timing here */
         -moz-transition: opacity 3s;
           -o-transition: opacity 3s;
              transition: opacity 3s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}