.interior-slideshow {
	position: relative;
	margin-bottom: 30px;
}

.interior-slideshow .img-cont {
	position: relative;
	max-height: 100vh;
	height: 375px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.interior-slideshow .img-cont::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 20%;
	left: 0;
	top: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.7), transparent);
	pointer-events: none;
}

.interior-slideshow .img-cont::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 40%;
	left: 0;
	bottom: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
	pointer-events: none;
}

.interior-slideshow .slide img {
	width: 100%;
	max-height: 100vh;
}

.interior-slideshow .content {
	position: absolute;
	bottom: 15px;
	left: 20px;
	z-index: 1;
}

.interior-slideshow h4 {
	margin-bottom: 5px;
}

.interior-slideshow h4,
.interior-slideshow h4 a {
	font: 800 32px "Gotham A", "Gotham B";
	color: white;
	text-transform: uppercase;
	line-height: 1em;
}

.interior-slideshow .read-more {
	font: 400 18px "Gotham A", "Gotham B";
	color: white;
	line-height: 1em;
}

.interior-slideshow .read-more img {
	width: 33px;
	height: 15px;
	margin-bottom: 3px;
	margin-left: 2px;
	display: inline-block;
}

.interior-slideshow .read-more img.hover {
	display: none;
}


@media screen and (min-width: 640px) {
	.interior-slideshow {
		margin-bottom: 50px;
	}

	.interior-slideshow .img-cont  {
		height: 55vw;
	}
}

@media screen and (min-width: 1024px) {
	.interior-slideshow {
		margin-bottom: 20px;
	}

	.interior-slideshow .img-cont  {
		height: 40vw;
	}

	.interior-slideshow .img-cont::before {
		content: none;
	}

	.interior-slideshow .content {
		width: 100%;
		max-width: 1365px;
		padding: 0 100px;
		right: 50%;
		left: auto;
		transform: translateX(50%);
	}

	.interior-slideshow h4,
	.interior-slideshow h4 a {
		font-size: 42px;
	}

	.interior-slideshow .read-more:hover img.hover {
			display: inline-block;
	}

	.interior-slideshow .read-more:hover img.no-hover {
			display: none;
	}
}