@image-path: "/etc.clientlibs/centene/clientlibs/clientlibs-main/resources/images/";

.slideshow {
    .carousel {
        margin: auto;
        img {
            height: 65vw;
            margin: auto;
            max-width: fit-content;
        }
        .info-box {
            bottom: 0;
            position: relative;
            width: 100%;
            padding-top: 10px;
            padding-bottom: 75px;
            .slide-carousel-caption {
                top: 50px;
                position: relative;
                margin-bottom: 20px;
                padding-bottom: 0;
                padding-top: 30px;
                text-align: left;
                text-shadow: none;
                width: auto;
            }
        }

        .ol {
            .carousel-indicators {
                top: calc(100vw * 0.68);
                left: 105px;
                li {
                    width: 20px;
                    height: 20px;
                    border: 2px solid #fff;
                    margin-right: 20px
                }
            }
        } 
        .carousel-control {
            &.left {
                span {
                    -webkit-transform: rotate(180deg);
                    transform: rotate(180deg);
                    left: 0
                }
            }
            &.right, &.left {
                background-image: none;
                opacity: 1;
                width: 24px;
                height: 34px;
                padding: 0;
                position: absolute;
                top: 33vw;
                .white-btn, .white-ambetter-btn {
                    background: url("@{image-path}arrow-blue.svg") no-repeat center !important;
                    height: 80%;
                    top:10%;
                }
                span {
                    background: url("@{image-path}white-arrow.svg") no-repeat center;
                    border: none;
                    width: 24px;
                    height: 34px;
                    padding: 0;
                    position: absolute;
                    right: 0;
                }
            }
        }
    }
}

@media (min-width: 768px) {
    .slideshow {
        .carousel {
            .carousel-inner {
                border-radius: 5px
            }
            .info-box {
                height: 275px
            }
            .ol {
                .carousel-indicators {
                    left: 10px;
                    margin-left: 18.666%;
                    text-align: start
                }
            }
            .slide-carousel-caption {
                margin-right: 8.33333333%;
            }
            .carousel-control {
                &.right, &.left {
                    width: 58px;
                    height: 80px;
                    top: 190px;
                    span{
                        width: 58px;
                        height: 80px;
                        background-size: 50px;
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .slideshow {
        .carousel {
            .info-box{
                height: 275px;
            }
            .ol {
                .carousel-indicators {
                    left: 10px;
                }
            }
            .carousel-control {
                &.right, &.left {
                    top: 270px;
                }
            }
        }
    } 
}

@media (min-width: 1166px) {
    .slideshow {
        .carousel {
            .ol {
                .carousel-indicators {
                    top: 66vw;
                }
            }
        }
    } 
}

@media (min-width: 1200px) {
    .slideshow {
        .carousel {
            width: 1120px;
            img{
                height: 750px;
                margin: auto;
            }
            .ol {
                .carousel-indicators {
                    left: 5px;
                    top: 785px;
                }
            }
            .carousel-control {
                &.right, &.left {
                    top: 325px;
                }
            }
        }
    }
}