/* Define variables */

:root {
    --jexcarousel_item_comment-background-color: var(--jex-common-color-1);
}

/* Define styles */

.jexcarousel_item {
    width: 100%;
    height: 100%;
}

.jexcarousel_item_image {
    width:100%;
}

.jexcarousel_item_comment {
    width: auto;
    height: auto;
    padding: 1em;
    background-color: var(--jexcarousel_item_comment-background-color);
}

    .jexcarousel_item_comment:hover {
    }

    .jexcarousel_item_comment > p {
        padding-top: 1em;
    }

@media screen and (max-width: 899px) {

    .jexcarousel_item {
    }

    .jexcarousel_item_image {
    }

    .jexcarousel_item_comment {
        position: relative;
        top: 0%;
    }
}

@media screen and (min-width: 900px) {

    .jexcarousel_item {
    }

    .jexcarousel_item_image {
    }

    .jexcarousel_item_comment {
        position: absolute;
        top: 50%;
    }
}