/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
*/


.wp-block-show-slider .swiper-wrapper{
  align-items: center;
}

.wp-block-show-slider .swiper-slide {
width: 50%;
opacity: 0.5;
filter: blur(5px);
transition: all 0.5s 0s ease-out;

}

.alignfull .wp-block-show-slider .swiper-slide {
  width: 35%;
  max-width: 500px;
}

.wp-block-show-slider .swiper-slide.swiper-slide-active {
width: 55%;
opacity: 1;
filter: blur(0px);

}

.alignfull .wp-block-show-slider .swiper-slide.swiper-slide-active {
  width: 45%;
  max-width: 625px;
}


.wp-block-show-slider .slider-img-wrapper{
  filter: grayscale(100%);
  display: flex;
  height: 250px;
}

.alignfull .wp-block-show-slider .swiper-slide.swiper-slide-active .slider-img-wrapper {
  height: 300px;
}

.wp-block-show-slider .slider-img{
  height: 100%;
  width: 100%;
  object-fit: cover
}
.wp-block-show-slider .swiper-slide:hover .slider-img-wrapper{
filter: grayscale(0%);
}
.wp-block-show-slider .swiper-slide:hover {
box-shadow: 0 1px 20px 0 rgb(0 0 0 / 45%);
filter: blur(0px);
}


.wp-block-show-slider .slider-titel-wrapper{
background-color: var(--wp--preset--color--blockchain-blue);
padding: 20px 20px 20px;
}

.wp-block-show-slider .slider-titel{
margin-bottom: 10px;
color: #fff;
font-size: 19px;
line-height: 24px;
font-weight: 400;
}

.wp-block-show-slider .slider-date{
	display: none;
	font-size: 16px;
	line-height: 20px;
	font-style: italic;
	color: #fff;
	font-weight: 200;
}


.wp-block-show-slider .swiper-button-prev, .wp-block-show-slider .swiper-button-next{
  border: 1px solid #000;
  width: 50px;
  height: 50px;
  color: #000;
  background: transparent;
  border-radius: 100%;
}
.wp-block-show-slider .swiper-button-prev::after, .wp-block-show-slider .swiper-button-next::after{
  content: url(../../../img/arrow-bottom.svg);
  width: 16px;
  height: 16px;
  font-size: unset;
}
.wp-block-show-slider .swiper-button-prev {
  transform: rotate(180deg);
}
.wp-block-show-slider .swiper-button-prev:hover {
	background: #fff;
	transform: rotate(180deg) translateX(5px);
	transition: transform 500ms ease;  
}
.wp-block-show-slider .swiper-button-next:hover {
	background: #fff;
	transform: translateX(5px);
	transition: transform 500ms ease;		
}
.alignfull .wp-block-show-slider .swiper-button-prev{
  left: 20%;
}

.alignfull .wp-block-show-slider .swiper-button-next{
  right: 20%;
}
.slider-link {
  text-decoration: none;
}