/* Sliders
======================================== */
.slider{
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	   -moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
	-ms-touch-action: manipulation;
		 touch-action: manipulation;
}
.slider .slider-track{
	position: relative;
	width: 100%;
	height: 100%;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 100%;
	grid-auto-rows: 100%;
	align-items: center;
}
.slider .slide:not(.project-info){
	/* max-width: 700px; */
	max-width: 1000px;
	min-height: 394px;
	max-height: 750px;
	/* max-height: 525px; */
}
@media (min-width: 835px) and (orientation: landscape){
	.slider .slide:not(.project-info){
		height: 70vh;
	}
}
@media (min-width: 1181px) and (orientation: portrait){
	.slider .slide:not(.project-info){
		height: calc((100vw - var(--sides)*2)/2/4*3);
	}
}
@media (max-width: 834px),
		 (min-width: 835px) and (max-width: 1180px) and (orientation: portrait){
	.slider .slide:not(.project-description){
		width: calc(84vw - var(--sides)*2);
		min-width: var(--textlength);
		max-width: 700px;
		height: auto;
		min-height: 0;
		max-height: calc(72vw - var(--sides)*2);
	}
}
@media (max-width: 600px){
	.slider .slide:not(.project-description){
		width: calc(100vw - var(--sides)*2);
		min-width: 0;
		max-width: none;
		height: auto;
		min-height: 0;
		max-height: calc(100vw - var(--sides)*2);
	}
}

/*Nav*/
.prev,
.next{
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	cursor: none;
}
.prev{
	left: 0;
	cursor: w-resize;
}
.next{
	right: 0;
	cursor: e-resize;
}
/* .mobile .prev,
.mobile .next{
	display: none !important;
} */