/*!
Theme Name: ecommerce
*/


.slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.slider__slides {
  width: 100vw;
  height: 70vh;
  display: flex;
  padding: 0 5px;
}

.slider__slide {
  position: relative;
  flex: 1 0 auto;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  border: 10px solid #fff;
}

.slider__slide:hover {
  flex: 5;
}

.slider__slide img {
    position: absolute;
    height: 100%;
    min-width: 100%;
    object-fit: cover;
}

.slider__text-block {
	position: absolute;
	right: -1000px;
	bottom: 0;
	background-color: #20355177;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all 0.5s ease-in-out;
	z-index: 100;
	width: 100%;
}

.slider__text-block a {
	padding: 5px;
	width: 100%;
	font-size: var(--h4);
	color: var(--main-bg-color);
	background-color: var(--dark-blue);
	display: flex;
    justify-content: center;
}

.slider__text-block a:hover {
	color: var(--biege);
}

.slider__slide:hover > .slider__text-block {
	right: 0px;
}

.slider__slide:hover > .arrow {
	top: -1000px;
}

.slider__text {
	font-size: var(--h5);
	color: var(--main-bg-color);
	padding: 5px;
	font-weight: 300;
}

.slider__button {
}

.slider__slide:hover > .slider__text-block > .slider__button {
	display: flex;
}

@media (max-width: 980px) {

.slider__slides {
  height: 50vh;
}

}

@media (max-width: 600px) {

.slider__slides {
	flex-direction: column;
	height: 80vh;
	padding: 0 3px;
}

.slider__slide {
  border: 6px solid #fff;
}

.arrow {
	position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 30px solid var(--main-bg-color);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    z-index: 1;
	transition: all 0.5s ease-in-out;
}

}