/* SLIDESHOW */
.circle-bg {
	width: 30px;
    height: 30px;
    background-color: var(--slideshow3_INDICATOR_CIRCLE_BG);
    border-radius: 50%;
    border: var(--slideshow3_INDICATOR_CIRCLE_BORDER);
    transform: translate(-50%, -50%);
    z-index: -1;
    display: flex;
}

.circle-bg.active {
    background-color: var(--slideshow3_INDICATOR_CIRCLE_ACTIVE_BG);
}

.carousel-indicators .circle-bg.active li {
    opacity: 1;
}

.carousel-indicators .circle-bg li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 24px;
    height: 2px;
    /* margin-right: 8px;
    margin-left: 8px; */
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--slideshow3_INDICATOR_CIRCLE_LI_BG);
    background-clip: padding-box;
    border-top: var(--slideshow3_INDICATOR_CIRCLE_LI_BORDER_TOP);
    border-bottom: var(--slideshow3_INDICATOR_CIRCLE_LI_BORDER_BOTTOM);
    opacity: .5;
    transition: opacity .6s ease;
}

.carousel-item img {
/* 	aspect-ratio: 1900/400; */
/* 	object-fit: cover; */
}

.carousel-control-next,
.carousel-control-prev {
	color: var(--slideshow3_NEXT_PREV_ICON_COLOR);
	background-color: var(--slideshow3_NEXT_PREV_ICON_BG);
    border: var(--slideshow3_NEXT_PREV_ICON_BORDER);
    opacity: 1;
    width: 4%;
}

.carousel-control-next:focus, .carousel-control-next:hover, 
.carousel-control-prev:focus, .carousel-control-prev:hover {
	opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 15px;
    height: 15px;
    filter: invert(0.7);
}

.carousel-control-prev-container,
.carousel-control-next-container {
	background-color: var(--slideshow3_NEXT_PREV_BTN_BG);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-size: 100%, 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
}

.carousel-control-next-container:focus, .carousel-control-next-container:hover, 
.carousel-control-prev-container:focus, .carousel-control-prev-container:hover {
	background-color: var(--slideshow3_NEXT_PREV_BTN_HOVER_BG);
}