/*-------------------------------------------------
 Overwrite layout
------------------------------------------------*/
body {
	background: none;
}

.header {
	z-index: 1;
}

.footer {
	display: none;
}

/*-------------------------------------------------
 Slider
------------------------------------------------*/

.slider {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.slider__item {
	width: 100%;
	height: 100vh;
	background: no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}

.slider__item[data-type="video"] {
	object-fit: fill;
}

/* Make original items scaled for a smoother transition between slides */
.slider__item:nth-child(odd) {
	transform: scale(1.1);
}

.slide__caption {
	position: absolute;
	bottom: 200px;
	left: 200px;
	z-index: 2;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
}

/* Zoom in/out effect */

/* Μονοί */
.slick-slider .slick-current:not(video):nth-child(odd) {
	animation: zoomIn 4.9s ease-in-out 0s;
	/* transform: scale(1.1); */
}

/* Ζυγοί */
.slick-slider .slick-current:not(video):nth-child(even) {
	animation: zoomOut 4.9s ease-out 0s;
}

@keyframes zoomIn {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.1);
	}
}

@keyframes zoomOut {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1);
	}
}

/* Style the dots at bottom */

.slick-dots {
	bottom: 10px;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

/* .slick-dots li button {
  width: 15px;
  height: 15px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
}

.slick-dots li button::before {
  top: 1px;
  left: -3px;
  line-height: 12px;
  font-size: 10px;
  color: #b4b4b4;
} */

/* Style the navigation arrows (left/right) */
.slick-slider .slick-next {
	right: 10px;
}

.slick-slider .slick-prev {
	left: 10px;
	z-index: 1;
}