.carousel{
	margin: 0 -1em;
}

.carousel.is-backend{
	display: flex;
	flex-direction: row;
}

.carousel-item{
	display: block;
	margin: 0 .9em;
	background: #fff;
}

.carousel-item,
.carousel-item:hover,
.carousel-item:focus{
	text-decoration: none;
}

.carousel-item-figure{
	position: relative;
	width: 100%;
	aspect-ratio: 3/2;
	margin: 0;
	overflow: hidden;
}

.carousel-item-figure img{
	object-fit: cover;
    object-position: center;
	width: 100%;
  	height: 100%;
	transition: transform .3s ease;
}
.carousel-item:hover img{
	transform: scale(1.1);
}

.carousel-item-inner{
	padding: .8em;
}

.carousel-item-inner h2{
	margin-bottom: .3em;
}

.carousel-item-inner .carousel-item-descr{
	margin: 0;
}

@media screen and (max-width: 570px){
    .carousel-item-inner .carousel-item-descr{
        display: none;
    }
}

.carousel-item-hover-overlay{
	display: none;
}

.carousel-item:hover .carousel-item-hover-overlay,
.carousel-item:focus .carousel-item-hover-overlay{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.carousel-item-hover-overlay span{
	padding: .8em;
	font-size: 90%;
	background: var(--wp--preset--color--rmd-orange);
	color: var(--wp--preset--color--rmd-white)
}

/* hide single dot wehn only 23 items and all visible without swiping */
@media screen and (min-width: 960px){
    .carousel-total-3 .slick-dots{
        display: none;
    }
}

.carousel .slick-dots{
    bottom: -30px;
	/*
    width: auto;
    left: 50%;
    transform: translateX(-50%);*/
}

.carousel .slick-dots li button::before {
	color: var(--wp--preset--color--rmd-petrol);
}