.cha-child-grid {
	margin-top: 3em;
}

.cha-child-pages-heading {
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ee7523;
	font-size: 1.5em;
}

.cha-child-grid-wrapper {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax(200px, 1fr) );
	grid-gap: 1.6em;
	margin-left: 0 !important; /* important fights off block editor in one specific place so we don't have to create a separate stylesheet for it. */
	list-style: none;
	text-align: center;
}

.cha-child-grid li {
	display: block;
	position: relative;
	display: flex;
	flex-flow: column;
}

@supports ( display: grid ) {
	.cha-child-grid li {
		margin-bottom: 0;
	}
}


.cha-child-grid_title {
	order: 2;
	font-size: inherit;
	line-height: 1.35;
	margin-top: .25em;
}

	/* unclickable links in the editor */
	.editor-styles-wrapper a.cha-child-grid_title {
		pointer-events: none;
	}

.cha-child-grid a::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cha-child-grid_image {
	order: 1;
	position: relative;
}

@supports ( object-fit: cover ) {
	.cha-child-grid_image::before {
		display: block;
		content: '';
		width: 100%;
		height: 0;
		padding-top: 60%;
	}
	.cha-child-grid img {
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}