.three-card-highlights>div {
	height: -webkit-fill-available;

	img {
		max-height: 100%;
	}
}

.sht-cards>div {
	height: -webkit-fill-available;
}

.benefit-card-section>div {
	height: auto;
}

.benefit-card {
	padding-left: var(--wp--preset--spacing--2) !important;
	padding-right: var(--wp--preset--spacing--2) !important;
}

.card-cta-section {
	.wp-block-buttons {
		justify-content: center;
	}
}

.impact-cards>div {
	height: auto;
}

.impact-card-quarter>h2,
.impact-card-quarter>p {
	word-break: break-word;
	width: 100%;
}

.impact-card-quarter>h2 {
	text-align: left;

	@media only screen and (max-width: 768px) {
		font-size: 1.25rem !important;
	}
}

.impact-card-quarter>p {
	margin-top: auto;

	@media only screen and (max-width: 768px) {
		font-size: 1rem !important;
	}
}

.member-link,
.award-link {
	align-items: center;
}

.member-link:hover,
.award-link:hover {
	span {
		text-decoration: underline;
	}

	i {
		color: var(--wp--preset--color--sherpa) !important;
	}
}

.homepage-banner-content {
	p {
		font-weight: bold;
	}
}

.cohort-cta {
	min-height: 200px;
	position: relative;
	font-size: var(--wp--preset--font-size--subheading-small) !important;

	@media only screen and (max-width: 768px) {
		font-size: var(--wp--preset--font-size--subheading-xsmall) !important;
	}

	figure,
	.icon {
		position: absolute;
		bottom: 1rem;

		@media only screen and (min-width: 768px) {
			right: 2rem;
		}

	}

	p,
	a {
		text-decoration: none;
	}

	p.has-link-color {
		a:hover {
			color: var(--wp--preset--color--sherpa) !important;
			text-decoration: none !important;
		}
	}

	h2 {
		@media only screen and (min-width: 768px) {
			text-align: start;
		}
	}
}

/* 4 cards across */
.cohort-cta {
	flex: 0 0 calc(25% - 1.5rem);
}

/* 3 across */
@media (max-width: 1400px) {
	.cohort-cta {
		flex: 0 0 calc(33.333% - 1.5rem);
	}
}

/* 2 across */
@media (max-width: 1000px) {
	.cohort-cta {
		flex: 0 0 calc(50% - 1.5rem);
	}
}

/* 1 across */
@media (max-width: 768px) {
	.cohort-cta {
		flex: 0 0 100%;
	}
}

.cohort-cta.has-white-background-color:hover,
.cohort-cta.has-deco-background-color:hover {
	background-color: var(--wp--preset--color--powder-blue) !important;
	filter: drop-shadow(0 4px 5.2px rgba(0, 0, 0, 0.25));
	cursor: pointer;
}

.file-download {
	@media only screen and (max-width: 768px) {
		justify-content: center;

		h4 {
			width: fit-content !important;
			text-align: center !important;
		}

		.wp-block-buttons {
			width: fit-content !important;
		}
	}

	.wp-block-buttons {
		width: 45%;
	}

	h4 {
		width: 50%;
		text-align: left;
	}
}

.jc-table {
	table {
		border-collapse: separate;
		border-spacing: 0;
		border: 0;

		thead {
			background: var(--wp--preset--color--jaffa-10);
			border: 0.5px solid var(--wp--preset--color--chardonnay) !important;

			tr {
				th:first-child {
					border-top-left-radius: 20px;
				}

				th:last-child {
					border-top-right-radius: 20px;
				}
			}
		}

		tbody {
			color: var(--wp--preset--color--sherpa);
		}

		th,
		td {
			padding: var(--wp--preset--spacing--4);
		}

		td {
			border: 0.5px solid !important;
		}

		tr:last-child {
			td:first-child {
				border-bottom-left-radius: 20px;
			}

			td:last-child {
				border-bottom-right-radius: 20px;
			}
		}

	}
}

.highlight-box {
	h4 {
		text-align: left;
	}
}

.column-image-right,
.column-image-left {

	figure,
	img {
		max-height: 350px;
	}
}

.on-this-page {
	@media only screen and (max-width: 768px) {
		justify-content: center;
	}
}

.on-this-page-section {
	align-items: start !important;

	a:hover {
		text-decoration: underline;
	}

	@media only screen and (max-width: 768px) {
		p {
			width: 45%;
		}
	}

	p:first-child {
		@media only screen and (max-width: 768px) {
			width: 100%;
		}
	}
}

.wp-block-separator {
	width: 90%;
	margin: auto;
}

.sht-card {
	h3 {
		text-align: left !important;
	}
}

.learn-more {

	figure,
	img {
		height: -webkit-fill-available !important;
	}
}

.story-section {
	h3 {
		text-align: left;

		@media only screen and (max-width: 768px) {
			font-size: 1.875rem !important;
		}
	}
}

.media-contact {
	a {
		word-wrap: break-word;
	}
}

.card-link:hover {
	background-color: var(--wp--preset--color--jaffa-10);
}

/* Cross List Style */

.wp-block-list.is-style-cross li::marker,
ul.is-style-cross li::marker {
	content: "✗";
	font-weight: 700;
}

.wp-block-list.is-style-checkmark-list li::marker,
ul.is-style-checkmark-list li::marker {
	font-weight: 700;
}

ol,
ul {
	li {
		padding-left: 0.7rem;
	}
}

.subscription-section {
	background-image: url("./assets/jc-images/newsletter-background.png");
	background-repeat: no-repeat;
	background-size: cover;

	@media only screen and (max-width: 768px) {
		background-image: url("./assets/jc-images/newsletter-background-mobile.png");
	}
}

.custom-link-div {
	display: block;
	text-decoration: none;
	color: inherit;
}

.quick-exit-button {
	display: block;
	left: 75%;
	position: absolute;
}

.quick-exit-button:hover {
	a {
		background-color: var(--wp--preset--color--white) !important;
		color: var(--wp--preset--color--dark-pink) !important;
	}


	i {
		color: var(--wp--preset--color--dark-pink) !important;
	}
}

.in-this-article-div {
	max-width: 350px;

	#custom-table-of-contents {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
}

.div-75 {
	max-width: 850px;
	border-left: 1px solid;
	border-image: linear-gradient(to bottom, transparent 1%, #D9D9D9 1% 99%, transparent 1%) 1 100%;

	div {
		margin: 0 !important;
		max-width: 100vw;
	}
}

.div-75>div {
	width: -webkit-fill-available;
}

.print-share {
	i {
		font-size: 1rem;
	}
}

.search-cta-heading {
	@media only screen and (max-width: 768px) {
		justify-content: center !important;
	}
}

.search-pagination {
	a {
		text-decoration: none;
		color: var(--wp--preset--color--sherpa);
		padding: 0.5rem;
	}

	.current {
		background-color: var(--wp--preset--color--sherpa);
		color: var(--wp--preset--color--white);
		padding: 0.5rem;
	}
}

.search-cta-cards {
	li {
		padding: 0 !important;
	}
}

.search-card:hover {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.search-card-last {

	*:hover,
	a:hover {

		color: var(--wp--preset--color--white) !important;
		text-decoration: underline;

		* {
			color: var(--wp--preset--color--white) !important;
		}
	}
}

.search-card-last:hover {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}