.testimonials-page {
	padding: 28px 0 0;
	background: #fff;
}

.testimonials-title {
	margin: 0;
	font-size: 2.6em;
	font-weight: 300;
}

.testimonials-divider {
	width: 50px;
	height: 3px;
	margin: 10px 0 37px;
	background: #000;
}

.testimonials-intro {
	margin-bottom: 28px;
}

.testimonials-intro > :last-child,
.testimonial-copy > :last-child {
	margin-bottom: 0;
}

.testimonials-band {
	padding: 45px 0;
	background: #f7f5f0;
}

.testimonials-band-alt {
	background: #fff;
}

.testimonial-card {
	position: relative;
	width: 100%;
	min-height: 330px;
	padding: 52px 40px 34px;
	background: #fff;
	border: 1px solid var(--noble-secondary, #777);
	border-radius: 0;
	transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.testimonial-card:hover {
	background: #f7f5f0;
	box-shadow: 0 10px 24px rgba(34, 34, 34, .14);
	transform: translateY(-2px);
}

.testimonials-band:not(.testimonials-band-alt) .testimonial-card:hover {
	background: #fff;
}

.testimonial-card::before {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 52px;
	height: 54px;
	background:
		linear-gradient(to right, var(--noble-secondary, #777), transparent) top left / 100% 1px no-repeat,
		linear-gradient(to bottom, var(--noble-secondary, #777), transparent) top left / 1px 100% no-repeat;
	content: "";
	pointer-events: none;
}

.testimonials-band .row > div:nth-child(even) .testimonial-card::before {
	right: 15px;
	left: auto;
	background:
		linear-gradient(to left, var(--noble-secondary, #777), transparent) top right / 100% 1px no-repeat,
		linear-gradient(to bottom, var(--noble-secondary, #777), transparent) top right / 1px 100% no-repeat;
}

.testimonial-card h2 {
	margin: 5px 0 10px;
	color: var(--noble-secondary, #777);
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 29px;
}

.testimonial-card h4 {
	margin: 0 0 10px;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 24px;
}

.testimonial-copy,
.testimonial-copy p {
	font-size: 13px;
	line-height: 20px;
	color: #777;
}

.testimonial-copy {
	position: relative;
	padding: 32px 22px 25px;
}

.testimonial-copy::before,
.testimonial-copy::after {
	position: absolute;
	color: var(--noble-secondary, #777);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 31px;
	font-weight: 700;
	line-height: 1;
}

.testimonial-copy::before {
	top: 0;
	left: 0;
	content: "“";
}

.testimonial-copy::after {
	right: 0;
	bottom: 0;
	content: "”";
}

.testimonial-copy p {
	margin: 0 0 8px;
}

.testimonials-empty {
	padding-bottom: 55px;
}

@media (max-width: 767px) {
	.testimonials-page {
		padding-top: 24px;
	}

	.testimonials-band {
		padding: 24px 0 8px;
	}

	.testimonial-card {
		min-height: 0;
		margin-bottom: 16px;
		padding: 46px 24px 26px;
	}

	.testimonial-copy {
		padding-right: 18px;
		padding-left: 18px;
	}
}