.carousel > .slide {
    height: 70%;
}

.carousel {
    background-color: $color-white;

    a.right {
        margin-right: 15px;
    }

    a.left {
        margin-left: 15px;
    }

    a.carousel-control-prev,
    a.carousel-control-next {
        opacity: 1;
        background-color: $color-blue-dark;
        border: 2px solid $color-white;;
        transition: background-color 0.2s;
    }

    a.carousel-control-prev:hover,
    a.carousel-control-next:hover,
    .carousel-indicators > li.active {
        background-color: $color-blue-light;
    }

    a.carousel-control-prev:focus,
    a.carousel-control-next:focus {
        outline: $outline;
    }

    .carousel-control {
        position: absolute;
        background-color: $color-blue-dark;
        top:50%;
        transform: translateY(-50%);
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    .carousel-indicators > li {
        background-color: $color-blue-dark;
        border-radius: 4px;
        border: 2px solid $color-white;
        padding: 4px;
    }
}
