/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
@media (min-width: 375px) {
	.teamcards-flex-row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.teamcards-col.photo-col {
		flex: 0 0 100%;
		order: 0;
		margin-bottom: 30px;
		border-radius: 5px;
		box-shadow: 0 10px 50px rgb(0 0 0 / 8%), 0 13px 45px rgb(0 0 0 / 8%);
	    height: 100%;
	    text-align: center;
	}
	.teamcards-col.photo-col img {
		border-radius: 5px;
	}
	.teamcards-col.data-col {
		flex: 0 0 100%;
		order: 1;
	}
	.teamcards_vcard-inner > div,
	.teamcards_vcard-inner > span {
		display: inline-block;
		vertical-align: top;
		line-height: 24px;
	}
	.teamcards_vcard-inner > div:first-child,
	.teamcards_vcard-inner > span:first-child {
		min-width: 85px;
	}
	.teamcards_vcard-inner > a {
		color: inherit;
	}
	.hm-team-cards .post-content {
		margin: 30px -30px 0;
	}
}

@media (min-width: 768px) {
	.teamcards-col.photo-col {
		flex: 0 0 calc(35% - 15px);
		order: 0;
	}
	.teamcards-col.data-col {
		order: 1;
		flex: 0 0 calc(65% - 15px);
	}
	.hm-team-cards .post-content {
		margin: 30px -15px 0;
	}
}