/* 3. Owl carousel
-----------------------------------------------------------------------------------------------*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:block;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

/* Owl v1 spacing helper: use padding as "gutters" (Owl2's margin option is not available) */
.owl-carousel .owl-item{box-sizing:border-box}
.carousel-gutters .owl-item{padding-left:12px;padding-right:12px}

/* Moto theme overrides: show navigation arrows on the widget carousel */
.moto-posts-carousel{position:relative}
.moto-posts-carousel .owl-controls{position:absolute;left:0;right:0;top:50%;pointer-events:none;z-index:5}
.moto-posts-carousel .owl-controls .owl-buttons div{pointer-events:auto;position:absolute;top:0;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:28px;font-weight:700}
.moto-posts-carousel .owl-controls .owl-buttons .owl-prev{left:8px}
.moto-posts-carousel .owl-controls .owl-buttons .owl-next{right:8px}
.moto-posts-carousel .owl-controls .owl-buttons div:hover{background:rgba(0,0,0,.65)}

/* Fix mobile overflow when the carousel is placed inside CSS Grid (e.g. .blog-single-container/.blog-single-aside) */
.blog-single-container > *{min-width:0}
.blog-single-aside{min-width:0}
.blog-single-aside .moto-posts-carousel{max-width:100%;overflow:hidden}
.blog-single-aside .moto-posts-carousel .owl-wrapper-outer{max-width:100%;overflow:hidden}

/* Delphinus-style carousel wrapper used by delphinus_render_carousel() */
.owl-carousel-kt{position:relative}
.owl-carousel-kt .owl-controls{position:absolute;left:0;right:0;top:50%;pointer-events:none;z-index:5}
.owl-carousel-kt .owl-controls .owl-buttons div{pointer-events:auto;position:absolute;top:0;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:28px;font-weight:700}
.owl-carousel-kt .owl-controls .owl-buttons .owl-prev{left:8px}
.owl-carousel-kt .owl-controls .owl-buttons .owl-next{right:8px}
.owl-carousel-kt .owl-controls .owl-buttons div:hover{background:rgba(0,0,0,.65)}
