/*----------------------------------------------------------------------------* CAROUSEL IMAGE SHORTCODE \*----------------------------------------------------------------------------*/ .mpc-carousel-image { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; /* Overlay & Lightbox */ /* Overlay Idle Settings */ } .mpc-carousel-image.mpc-carousel--stretched, .mpc-carousel-image.mpc-carousel--stretched .slick-list { overflow: visible; } .mpc-carousel-image .slick-slide > div:last-child > .mpc-carousel__item-wrapper, .mpc-carousel-image .slick-slide.mpc-carousel__item-wrapper { margin-bottom: 0 !important; } .mpc-carousel-image:focus, .mpc-carousel-image *:focus { outline: none; -webkit-outline: none; } .mpc-carousel-image .mpc-carousel__item-wrapper { position: relative; display: block !important; height: 100%; width: auto; max-width: 100% !important; } .mpc-carousel-image .mpc-item { position: relative; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: cover; } .mpc-carousel-image .mpc-item .mpc-border::before, .mpc-carousel-image .mpc-item .mpc-border { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: block; content: ''; border-width: 0px; border-style: solid; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-image img { width: 100%; height: auto; } .mpc-carousel-image .mpc-icon-anchor { display: inline-block; vertical-align: bottom; text-align: center; -webkit-transition: all .25s; transition: all .25s; } .mpc-carousel-image .mpc-icon-anchor i { display: block; vertical-align: bottom; width: 1.35em; height: 1.35em; line-height: 1.35em; font-style: normal; -webkit-transition: inherit; transition: inherit; } .mpc-carousel-image .mpc-icon-anchor i.mpc-icon--image, .mpc-carousel-image .mpc-icon-anchor i.mpc-icon--character { width: auto; } .mpc-carousel-image .mpc-item-overlay { position: absolute; width: 100%; height: 100%; z-index: 5; visibility: hidden; } .mpc-carousel-image .mpc-overlay--vertical-wrap { display: table; width: 100%; height: 100%; } .mpc-carousel-image .mpc-overlay--vertical { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; } .mpc-carousel-image.mpc-overlay--fade .mpc-item-overlay, .mpc-carousel-image.mpc-overlay--none .mpc-item-overlay { top: 0; left: 0; opacity: 0; } .mpc-carousel-image.mpc-overlay--slide-up .mpc-item-overlay { top: 100%; left: 0; } .mpc-carousel-image.mpc-overlay--slide-down .mpc-item-overlay { top: -100%; left: 0; } .mpc-carousel-image.mpc-overlay--slide-left .mpc-item-overlay { top: 0; left: 100%; } .mpc-carousel-image.mpc-overlay--slide-right .mpc-item-overlay { top: 0; left: -100%; } [data-align^=top] .mpc-overlay--vertical { vertical-align: top; } [data-align^=middle] .mpc-overlay--vertical { vertical-align: middle; } [data-align^=bottom] .mpc-overlay--vertical { vertical-align: bottom; } [data-align$=left] .mpc-overlay--vertical { text-align: left; } [data-align$=center] .mpc-overlay--vertical { text-align: center; } [data-align$=right] .mpc-overlay--vertical { text-align: right; } /* Layout Fluid */ .mpc-carousel-image.mpc-layout--fluid * { height: 100%; } .mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical, .mpc-carousel-image.mpc-layout--fluid .mpc-overlay--vertical * { height: auto; } .mpc-carousel-image.mpc-layout--fluid img { width: auto !important; height: 100% !important; } .mpc-navigation--image { text-align: right; margin: 1em 0; } .mpc-navigation--image i { cursor: pointer; padding: .5em 1em; margin-left: 1px; background: #ccc; border-radius: 3px; }