/**
 * Introduction Module
 *
 * Styles for template-parts/modules/introduction_module.php
 * Two-column: sub header + large heading left; body copy right.
**/

/* ---------------------------------------------------------------
   Section
--------------------------------------------------------------- */
.introduction-module {
	background-color: var(--white);
	padding: 95px 0 90px;
}

.introduction-module__container {
	padding-left: 40px;
	padding-right: 40px;
}

/* ---------------------------------------------------------------
   Columns
--------------------------------------------------------------- */
.introduction-module__col--left {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-right: 60px;
}

.introduction-module__col--right {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 4px; /* aligns first line of copy with subheader label */
}

/* ---------------------------------------------------------------
   Content (WYSIWYG body copy)
--------------------------------------------------------------- */
.introduction-module__content {
	font-size: 18px;
	line-height: 20px;
	color: var(--black);
	padding-left: clamp(24px, 8vw, 90px);
  padding-right: clamp(24px, 4vw, 80px);
}

.introduction-module__content p {
	margin: 0 0 20px;
}

.introduction-module__content p:last-child {
	margin-bottom: 0;
}

/* ---------------------------------------------------------------
   Responsive
--------------------------------------------------------------- */
@media (max-width: 1280px) {
	.introduction-module__container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.introduction-module__col--left {
		padding-right: 40px;
	}
}

@media (max-width: 992px) {
	.introduction-module {
		padding: 72px 0;
	}

	.introduction-module__col--left {
		padding-right: 20px;
		margin-bottom: 48px;
	}

	.introduction-module__col--right {
		padding-top: 0;
	}

	.introduction-module__content {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 768px) {
	.introduction-module {
		padding: 56px 0;
	}

	.introduction-module__container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.introduction-module__col--left {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.introduction-module__content {
		font-size: 15px;
	}
}

@media (max-width: 600px) {
	.introduction-module {
		padding: 40px 0 45px;
	}

	.introduction-module__subheader {
		min-width: 100%;
	}
}