/*
	###################################
	PEOPLE
	###################################
*/



	/* Parent should have position-relative and
	   assign height for each breakpoint */
	.fit-image-cover-parent {
		position: relative;
		width: 100%;
		height: 300px;
	}

	.fit-image-cover {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		user-select: none;
		opacity: 1;
	}

	.fit-image-cover img {
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		object-position: center top;
	}

	.people-list {
		font-size: 0;
	}

	.people-item {
		display: inline-block;
		vertical-align: top;
		position: relative;
		font-size: 1rem;
		cursor: pointer;
	}

	.people-photo {
		position: relative;
		width: 100%;
		height: 360px;
		margin-bottom: 30px;
		overflow: hidden;
	}

	.people-contact {
		position: absolute;
		width: 100%;
		height: 100%;
		/* min-height: 360px; */
	}

	.people-contact .row-wrap {
		height: 360px;
	}

	.collapse {
		visibility: hidden;
	}

	.collapse.show {
		visibility: visible;
		display: block;
	}

	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
		-webkit-transition-property: height, visibility;
		transition-property: height, visibility;
		-webkit-transition-duration: 1.2s;
		transition-duration: 1.2s;
		-webkit-transition-timing-function: ease;
		transition-timing-function: ease;
	}

	.collapsing.width {
		-webkit-transition-property: width, visibility;
		transition-property: width, visibility;
		width: 0;
		height: auto;
	}