/* Join a Committee template (template-join-a-committee.php). Builds on committees-landing.css. */
.jc-hero__eyebrow {
	margin: 0 0 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* The application button is the page's one action, so keep it on phones too */
@media (max-width: 767px) {
	.jc-hero .sga-btn {
		display: inline-block;
		margin-top: 24px;
		padding: 12px 24px 14px;
		font-size: 18px;
	}
	.jc-hero .text-center {
		text-align: left !important;
	}
	.jc-hero__eyebrow {
		font-size: 15px;
	}
	.jc-hero h1 {
		font-size: 36px;
		line-height: 1.15;
	}
}

.cl-section .jc-lead {
	font-size: clamp(26px, 3.4vw, 36px);
	line-height: 1.25;
	max-width: 30em;
}
.cl-section .jc-text,
.cl-section .jc-text p {
	max-width: 62ch;
	font-size: 18px;
	line-height: 1.6;
}
.cl-section .jc-text p:last-child {
	margin-bottom: 0;
}
.cl-section .jc-text a,
.jc-changes dd a {
	color: #005289;
	text-decoration: underline;
}

/* What members built */
.jc-impact {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jc-impact .cl-card p {
	margin: 0;
	color: #4a5568;
	font-size: 17px;
	line-height: 1.55;
}
.jc-impact .cl-card__title {
	margin-bottom: 10px;
}

/* What changes */
.jc-changes {
	margin: 0;
	max-width: 62rem;
}
.jc-changes__row {
	display: grid;
	grid-template-columns: minmax(200px, 280px) 1fr;
	gap: 8px 32px;
	padding: 18px 0;
	border-top: 1px solid #e4e7ec;
}
.jc-changes__row:last-child {
	border-bottom: 1px solid #e4e7ec;
}
.jc-changes dt {
	color: #006763;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}
.jc-changes dd {
	margin: 0;
}
.jc-changes dd p {
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
}

/* Finder link */
.cl-section .jc-more {
	margin: 24px 0 0;
	font-size: 18px;
	font-weight: 700;
}
.jc-more a {
	color: #005289;
	text-decoration: underline;
}
.jc-more a::after {
	content: " \2192";
}

/* Participation (dark teal) */
.cl-part__item a {
	color: #fff;
	text-decoration: underline;
}
.cl-part__item a:hover {
	color: #ffde6c;
}
.cl-section .jc-part-note {
	margin: 40px 0 0;
	color: #fff;
	font-size: 18px;
}

@media (max-width: 767px) {
	.jc-changes__row {
		grid-template-columns: 1fr;
	}
	.jc-impact {
		grid-template-columns: 1fr;
	}
}

/* Find your committee: text on the left, finder buttons in a column on the right */
.jc-find {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
	gap: 32px 56px;
	align-items: center;
}
.jc-find .cl-header {
	margin-bottom: 0;
}
.jc-finder-btns {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
@media (max-width: 991px) {
	.jc-find {
		grid-template-columns: 1fr;
	}
}

/* Apply banner: heading and note inside the dark box, above the button (as on the committee pages) */
#apply .sga-cta .rc {
	padding: 40px 32px;
}
#apply .sga-cta h2.cp-cta-line {
	max-width: 30ch;
	margin: 0 auto 12px;
	color: #fff;
	font-size: clamp(22px, 2.2vw, 28px);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.25;
	text-align: center;
	text-transform: none;
}
#apply .sga-cta .jc-cta-note {
	max-width: 44ch;
	margin: 0 auto 24px;
	color: rgba(255, 255, 255, 0.88);
	font-size: 17px;
	line-height: 1.5;
	text-align: center;
}
@media (min-width: 768px) {
	#apply .sga-cta {
		align-items: stretch;
	}
	#apply .sga-cta .lc {
		height: auto;
		min-height: 260px;
		padding-bottom: 0;
	}
	#apply .sga-cta .rc {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}