/* Faculty and artist profile blocks imported from the live site.
 *
 * Pages built from live's markup keep its classes — .profile-intro-block,
 * .media-body, .profile-name — but none of live's stylesheet, so every portrait
 * rendered at its natural size and the column ran to whatever width the file
 * happened to be. These rules restate what live itself declares: a fixed
 * portrait width with the text beside it, 100px on small screens and 125px
 * above 768px.
 */
.profile-intro-block {
	display: flex;
	align-items: flex-start;
	margin-bottom: 2rem;
}
.profile-intro-block img,
.profile-intro-block .photo-placeholder {
	width: 100px;
	height: auto;
	flex: 0 0 100px;
	object-fit: cover;
}
.profile-intro-block .media-body {
	margin-left: 2rem;
	width: calc(100% - 100px - 2rem);
}
.profile-intro-block .media-body .profile-name {
	display: block;
	font-weight: 700;
	margin-bottom: .25rem;
}
.profile-intro-block .media-body .profile-title,
.profile-intro-block .media-body .profile-caption {
	margin-bottom: .75rem;
	font-size: 1rem;
}
.profile-intro-block .media-body .cms-article {
	text-align: left;
}

@media (min-width: 768px) {
	.profile-intro-block img,
	.profile-intro-block .photo-placeholder {
		width: 125px;
		flex: 0 0 125px;
	}
	.profile-intro-block .media-body {
		margin-left: 5rem;
		width: calc(100% - 125px - 5rem);
	}
}

/* Live hides the collapsed biography behind a More button whose script is not
   part of this theme. Without that script the panel would stay closed for good,
   so it is simply shown. */
.profile-intro-block .collapse {
	display: block;
	height: auto;
}
.profile-intro-block [data-event="toggle-profile-detail"] {
	display: none;
}