/* CSR page template. */

.csr-section .row {
	min-height: 600px;
}

.csr-media {
	width: 100%;
	height: 100%;
	min-height: 400px;
	padding: 40px;
	box-sizing: border-box;
	background: #fff;
}

.csr-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 18px;
}

/* Dark panel — recolors the theme's standard subheading/heading/text
 * classes for contrast (same technique used elsewhere in the theme for
 * dark-background sections), not a custom style. */
.csr-content {
	--color-background-subheading: rgba(255, 255, 255, 0.12);
	--color-border-subheading-bg: rgba(255, 255, 255, 0.35);
	--color-foreground: rgba(255, 255, 255, 0.85);
	--color-foreground-heading: rgba(255, 255, 255, 1);
	background: #0a2240;
	height: 100%;
	padding: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.csr-content .subheading {
	color: rgba(255, 255, 255, 1);
}

.csr-text p {
	margin: 0 0 18px;
	line-height: 1.8;
}

.csr-text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.csr-section .row {
		min-height: 0;
	}
	.csr-media {
		min-height: 320px;
		padding: 20px;
	}
	.csr-content {
		padding: 40px 24px;
	}
}