/**
 * MEERASE homepage banner / slider
 */

.meerase-home-slider {
	width: 100%;
	max-width: 100%;
}

.meerase-home-slider .owl-nav,
.meerase-home-slider .owl-prev,
.meerase-home-slider .owl-next {
	display: none !important;
}

.meerase-home-slider .owl-carousel .owl-stage-outer {
	overflow: hidden;
}

.meerase-home-slider .blog_inner_box {
	margin: 0;
}

.meerase-home-slider .blog_inner_box::before,
.meerase-home-slider .blog_inner_box::after,
.meerase-home-slider .slider-img::before,
.meerase-home-slider .slider-img::after {
	content: none !important;
	background: none !important;
	opacity: 0 !important;
	display: none !important;
}

.meerase-home-slider .slider-img {
	width: 100%;
	max-height: none;
	overflow: hidden;
	border-radius: 0;
	line-height: 0;
	background: #f7f7fb;
}

.meerase-home-slider .meerase-slider-picture,
.meerase-home-slider .meerase-slider-slide-link {
	display: block;
	width: 100%;
	max-height: none;
}

.meerase-home-slider .meerase-slider-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: none;
	opacity: 1 !important;
	background: none !important;
}

.meerase-home-slider .blog_inner_box img,
.meerase-home-slider .slider-img img,
.meerase-home-slider .meerase-slider-slide-link img {
	width: 100%;
	height: auto;
	max-height: 560px;
	object-fit: contain;
	object-position: center center;
}

@media screen and (min-width: 768px) {
	.meerase-home-slider .blog_inner_box img,
	.meerase-home-slider .slider-img img,
	.meerase-home-slider .meerase-slider-slide-link img {
		max-height: 680px;
	}
}

@media screen and (max-width: 767px) {
	.meerase-home-slider {
		padding-top: 20px;
	}

	.meerase-home-slider .slider-img,
	.meerase-home-slider .meerase-slider-slide-link {
		overflow: hidden;
	}

	/* No mobile upload: do not show desktop art on phones */
	.meerase-home-slider .meerase-slider-picture--desktop-only {
		display: none !important;
	}

	.meerase-home-slider .blog_inner_box img,
	.meerase-home-slider .slider-img img,
	.meerase-home-slider .meerase-slider-slide-link img {
		max-height: none;
		object-fit: cover;
		object-position: center center;
	}
}

@media screen and (max-width: 480px) {
	.meerase-home-slider {
		padding-top: 24px;
	}
}
