/**
 * BetaLife Child Theme - Custom CSS Overwrites
 * Any custom CSS rules to override theme or plugin styles can be placed here.
 */

/* Safari, Apple WebKit & Windows 3D Cylinder Carousel Overwrite */
.list--type--cylinder,
.elementor-widget-pelist.list--type--cylinder,
.elementor-widget-pelist.list--type--cylinder > .elementor-widget-container {
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    overflow: visible !important;
}

.list--type--cylinder .pe--list {
    overflow: visible !important;
    -webkit-perspective: 100vw !important;
    perspective: 100vw !important;
    -webkit-perspective-origin: 50% 50% !important;
    perspective-origin: 50% 50% !important;
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}

.list--type--cylinder .pe--list ul,
.list--type--cylinder .pe--list .pe--list--wrapper {
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    -webkit-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    will-change: transform;
}

.list--type--cylinder .pe--list ul li,
.list--type--cylinder .pe--list .pe--list--wrapper .pe--list--item {
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    will-change: transform;
}

.list--type--cylinder .pe--list ul li a,
.list--type--cylinder .pe--list ul li .list--main {
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}