.content[data-href] >.content-region:not(.expanded) {
	max-height:100vh;
}

.expand-more > span:before {
	content: "Read More";
	
	/* font-family:FontAwesome; */
	/* font-size:150%; */
	/* content: "\f0ab"; /* fa-arrow-circle-down */;
	/* content: "\f055"; /* fa-plus-circle */;
}


.content-region:not(.exapanded) {
	overflow: hidden;
	position: relative;
}

.content-region.expanded {
	transition: max-height .5s ease-in-out 0s;
}

.expand-more {
	cursor: pointer;
	display: block;
	padding: 1em 1em 1.5em 1em;
	
	position: relative;
	z-index:190; /* header is 200 */
	
	height: auto;
	text-align: center;
	
	margin-top:0;
	height:7.5em;
	
	/* border-bottom:1px solid #ccc; */
}

.expand-more.is-short {
	margin-top:0;
	padding-top:1em;
}

.expand-more:not(.is-short):before {
	content:"";
	position:absolute;
	left:0; right:0;
	bottom:100%;
	height:3em;
	/* background:white; */
	background-image:linear-gradient(
				to top,
				rgba(255,255,255,1),
				rgba(255,255,255,0)
			);
	z-index:191;
}

.expand-more > span {
	position:relative;
	z-index:192;
	
	display:inline-block;
	padding:1em 2em;
	
	width:100%;
	max-width:720px;
	
	font-size:80%;
	
	border: 1px solid #ddd;
	border-radius:.5em;
}

.expand-more + .content-spacer {
	display:none;
}