/**************** Slideshow Arrows ***********************/

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        font-size: 100px;
        right: 15%;
    }

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 15%;
    }


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 15%;
    }



/******************************** SLIDESHOWS *****************************/


.slideshow2024 {
 transition: 0.2s ease-out;
 min-height: unset !important;
}

.slideshow2024 .item > div {
	padding-top: 41.67%; /*do not reuse, this is calculated for the aspect ratio of the large images in this event.*/
}


.carousel-control {
    /*background: none !important;*/
}


/************* SLIDESHOW INDICATORS ****************************/

.carousel-indicators:hover {
    background-color: transparent;
    box-shadow: none;
}



.carousel-indicators li {
    margin: 0 4px;
    border: 1px solid #ffF !important;
    background-color: #000;
}

.carousel-indicators li.active {
    margin: 0 4px;
    border: 5px solid #34b78f !important;
    background-color: #FFF !important;
}