/* center the Carousel horizontally */
/* k-scrollview is the default component class */
.k-scrollview {
    margin: 0 auto;
}

/* enable absolute positioning inside the Carousel template */
.image-with-decoration {
    position: relative;
    text-align:center;
    background-color:lightgrey
}

    /* style the overlay text inside the Carousel */
    .image-with-decoration > p {
        position: absolute;
        top: 0rem;
        left: 0rem;
        color: black;
        background-color: rgba(211, 211, 211, 0.7);
        padding: 5px;
        margin: 0;
        font-style: italic;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
    }

    /* Add additional padding around img links to make it easy to click the correct one on a mobile device */
    .image-with-decoration > p > img {
        padding:10px;
    }

.images-nav {
    text-align: center;
    margin-top: 7px;
    display: flex;
    width: 550px;
    overflow-x: auto;
}

.image-thumbnail {
    /*width: 80px;
    height: 50px;*/
    border: outset;
    margin: 1px 5px 1px 1px
}

.container-nav {
    display: flex;
    justify-content: center;
}

.image-gallery {
    text-align: center;
}