.interior-slideshow,
.interior-slideshow .img-cont,
.interior-slideshow .inner {
	position: relative;
}

.interior-slideshow .slide {
	margin-bottom: 8px;
}

.interior-slideshow .img-cont {
	overflow: hidden;
	width: 100%;
}

.interior-slideshow .img-cont img {
	width: 100%;
}

.interior-slideshow .photo-credit{
	font-family:"brandon-grotesque";
	color: #FFF;
	position: absolute;
	left: 18px;
    bottom: 10px;
	font-size: 12px;
}

.interior-slideshow .content-wrapper.pentagon {
	position: absolute;
	background-image: url("/includes/public/assets/shared/polygon.png");
	background-repeat: no-repeat;
	background-size: 115%;
	background-position: 120% 192%;
	padding: 0px;
	height: 100%;
	width: 80%;
	bottom: 0;
	left: 0;
	transform: translate:(0, -100%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

.interior-slideshow .content-section {
	padding: 28px 29px;
	width: 100%;
	max-width: 280px;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform: translate(-50%,50%);
	z-index: 10;
	pointer-events: none;
	background-color: rgba(0,0,0,0.35);
	border: #fde078 solid 7px;
}

.interior-slideshow .content-wrapper.pentagon .content-section {
	border: none;
	background-color: rgba(0,0,0,0);
	position: relative;
	bottom: 0;
	left: auto;
	right: 8%;
	transform: translate(0, 55%);
}

.interior-slideshow h4,
.interior-slideshow h4 a {
	font-family:"brandon-grotesque";
	font-weight: 700;
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 0.2em;
	display: inline-block;
	color: #fff;
	font-weight: normal;
	line-height: 1.3em;
	pointer-events: all;
	margin-bottom: 3px;
}

.interior-slideshow p {
	font-family:"brandon-grotesque";
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height: 1.63em;
}

.interior-slideshow .content-section .read-more {
	font-family:"brandon-grotesque";
	font-weight: 500;
	color: #FFF;
	font-size: 13px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	pointer-events: all;
	display: block;
}

.interior-slideshow .content-section .read-more img {
	vertical-align: baseline;
	width: 10px;
}

.interior-slideshow .shared-play-button {
    transform: none;
    left: auto;
    right: 15px;
    top: auto;
    bottom: 0;
}

@media (min-width: 40em) {
	.interior-slideshow .content-wrapper.pentagon {
		background-size: 115%;
		background-position: 120% 291%;
		height: 100%;
		width: 50%;
	}

	.interior-slideshow .content-section {
		padding: 28px 29px;
		width: 100%;
		max-width: 280px;
		position: absolute;
		left: 50%;
		bottom: 50%;
		transform: translate(-50%,50%);
		z-index: 10;
		pointer-events: none;
		background-color: rgba(0,0,0,0.35);
		border: #fde078 solid 7px;
	}

	.interior-slideshow .content-wrapper.pentagon .content-section {
		right: 8%;
		transform: translate(0, 69%);
	}
}

@media (min-width: 64em) {
	.interior-slideshow .photo-credit{
		font-size: 14px;
		left: 19px;
		bottom: 16px;
	}

	.interior-slideshow .content-section {
		bottom: calc(40px + (125 - 40) * ((100vw - 1025px) / (1440 - 1025)));
	    left: calc(40px + (140 - 40) * ((100vw - 1025px) / (1440 - 1025)));
	    max-width: 400px;
		padding: 51px calc(25px + (38 - 25) * ((100vw - 1025px) / (1440 - 1025))) 54px;
		border: #fde078 solid 10px;
		transform: none;
	}

	.interior-slideshow .slide {
		margin-bottom: 18px;
	}

	.interior-slideshow h4,
	.interior-slideshow h4 a {
		font-size: calc(30px + (38 - 30) * ((100vw - 1025px) / (1440 - 1025)));
		line-height: 1.25em;
		margin-bottom: 5.5px;
	}

	.interior-slideshow p {
		font-size: calc(18px + (22 - 18) * ((100vw - 1025px) / (1440 - 1025)));
		line-height: 1.4em;
	}

	.interior-slideshow .content-wrapper.pentagon {
		background-size: 120%;
		background-position: 120% -88%;
	}

	.interior-slideshow .content-wrapper.pentagon .content-section {
		right: 8%;
		transform: translate(0, 69%);
	}

	.interior-slideshow .content-section .read-more {
		font-size: calc(18px + (22 - 18) * ((100vw - 1025px) / (1440 - 1025)));
		letter-spacing: 0.155em;
	}

	.interior-slideshow .content-section .read-more img {
		width: 14px;
		margin-left: 2px;
	}
}



@media (min-width: 1440px) {
	.interior-slideshow .content-section {
	    bottom: 125px;
	    left: 140px;
	    padding: 51px 38px 54px;
	}

	.interior-slideshow .content-wrapper.pentagon {
		background-size: 110%;
		background-position: 120% -88%;
	}

	.interior-slideshow .content-wrapper.pentagon .content-section {
		right: 8%;
		transform: translate(0, 38%);
	}

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

	.interior-slideshow p {
		font-size: 22px;
	}

	.interior-slideshow .content-section .read-more {
		font-size: 22px;
	}
}