CarouselButtons

/* 
    Change the carousel buttons to be smaller and more opaque if using multiple hero images in a carousel. Put this into the top of the CSS Appearance Settings.
*/



.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 40px;
    font-weight: 100;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background: rgba(255,255,255,.15);
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50);
}