/**
 * Splash theme styles target ".stm-posts ul li" but the a11y fix uses div.owl-carousel-root > div.post-carousel-wrap.
 * Mirror the theme carousel rules for the div-based markup (before and after Owl initializes).
 */

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .owl-carousel-root {
	margin: 0;
	padding: 0;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .owl-carousel-root > .post-carousel-wrap,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .owl-item .post-carousel-wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 142px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li:before,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap:before {
	display: none;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone {
	width: 100%;
	height: 142px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: inline-block;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transform: scale(1.03);
	transition: all 0.35s ease-in-out;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone::before,
.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone::after,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone::before,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone::after {
	content: "";
	width: inherit;
	height: inherit;
	position: absolute;
	transition: all 0.7s ease-in-out;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone::before,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone::before {
	mix-blend-mode: multiply;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone::after,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone::after {
	mix-blend-mode: screen;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .black-overlay,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .black-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	transition: all 0.2s ease;
	opacity: 0;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li:hover .black-overlay,
.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li:focus .black-overlay,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap:hover .black-overlay,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap:focus .black-overlay {
	opacity: 1;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li:hover .duotone::after,
.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li:focus .duotone::after,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap:hover .duotone::after,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap:focus .duotone::after {
	transform: scale(1);
	background-color: black;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta {
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top {
	margin-left: 30px;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top .categ,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top .categ {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top .categ ul,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top .categ ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top .categ ul li,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top .categ ul li {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 10px 0 0;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top .categ ul li:before,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top .categ ul li:before {
	display: none;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-top .categ ul li a,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-top .categ ul li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding: 1px 5px;
	font-weight: 400;
	font-size: 14px;
	color: #fff !important;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-middle,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-middle {
	font-size: 16px;
	margin: 10px 0 2px 30px;
	line-height: 22px;
	font-style: italic;
	color: #fff !important;
	font-weight: 700;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-middle a,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-middle a {
	color: #fff;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-middle a:hover,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-middle a:hover {
	color: #fff;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-bottom,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-bottom {
	margin-left: 30px;
}

.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .meta .meta-bottom .date,
.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .meta .meta-bottom .date {
	font-size: 13px;
	color: #fff !important;
}

@media (max-width: 700px) {
	.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li,
	.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap {
		width: 100%;
	}

	.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone,
	.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li,
	.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap {
		width: 97%;
	}

	.stm-posts-list-wrapper .carousel-wrap .stm-posts ul li .duotone,
	.stm-posts-list-wrapper .carousel-wrap .stm-posts .post-carousel-wrap .duotone {
		width: 100%;
	}
}

/* Video posts carousel */
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .owl-carousel-root {
	margin: 0;
	padding: 0;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .owl-carousel-root > .video-post-carousel-wrap,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .owl-item .video-post-carousel-wrap {
	margin: 0;
	padding: 0;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap:before,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap:before {
	display: none;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .title,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .title {
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 15px;
	min-height: 54px;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img {
	display: block;
	position: relative;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .video-btn,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .video-btn {
	display: block;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .video-btn:before,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .video-btn:before {
	content: "";
	display: block;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	position: absolute;
	top: 50%;
	left: 58%;
	transform: translateX(-58%) translateY(-50%);
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .categ,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .categ {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
	position: absolute;
	top: 20px;
	left: 20px;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .categ ul,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .categ ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .categ ul li,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .categ ul li {
	padding: 0;
	margin: 0 10px 0 0;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .categ ul li:before,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .categ ul li:before {
	display: none;
}

.stm-video-posts-list-wrapper .carousel-wrap .stm-posts ul .video-post-carousel-wrap .img .categ ul li a,
.stm-video-posts-list-wrapper .carousel-wrap .stm-posts .video-post-carousel-wrap .img .categ ul li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	padding: 1px 5px;
	font-weight: 400;
	font-size: 14px;
}