/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
  margin-bottom: 20px;
  position:relative;
  outline:2px solid white;
  margin-top:1em; margin-bottom:2em;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: silver;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}

.carousel-control{width:32px; z-index:10;}
.carousel-control.left{background-image:none; background-color:rgba(0,0,0,0.4);box-shadow: 3px 0px 3px #666666; height:330px; top:70px;}
.carousel-control.right{background-image:none;background-color:rgba(0,0,0,0.4);box-shadow: -3px 0px 3px #666666; height:330px; top:70px;}

div.carousel-inner div.container>img, div.item>div.container>img{
    float:left; 
    position:relative;
    left:-14px;
}
div.carousel-caption{
    right:0px; 
    left:0px; 
    padding:0px; 
    margin:0px; 
    top:0px; 
    color:black;
}
div.carousel-caption>div.header{
    width:100%; 
    background-color:grey; 
    color:white; 
    top:0px; 
    padding-top:8px; 
    padding-bottom:8px; 
    font-size:1.8em;
}
div.carousel-caption>div.quote{margin:8px; font-size:0.9em; margin-right:16px;}

/* Carousel indicators */
ol.carousel-indicators{
    bottom:-12px;
    left:100px;
}
ol.carousel-indicators::after{content:""; color:white; padding-left:0.3em;}

/* Quote styling - consolidated */
div.quote{padding-left:2em; padding-right:2em;}
div.quote>ul{text-align:left; margin-left:20%;}
div.quote>p:nth-child(2){text-align:left; margin-left:20%; font-size:1.2em;}

.sr-only {
    clip:initial;
    width: 100px;
    height: 40px;
    border: 0;
    top: 150px;
    left: -90px;