/*
archive-profiles.php
*/
#profiles-archive #content {
	background-color: transparent !important;
}
#profiles-archive #content #intro {
	background-color: #fff;
	border-radius: 6px;
	padding: 12px;
	margin-bottom: 24px;
}
#profiles-archive #content #profile-list {
	display: grid;
	grid-gap: 24px 24px;
	grid-template-columns: 1fr 1fr 1fr;
}
#profiles-archive #content [href].profile-list-item {
	display: flex;
	flex-flow: column;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border-radius: 6px;
	padding-top: 33%;
	color: #555 !important;
	text-decoration: none;
}
#profiles-archive #content a.profile-list-item h2.profile-list-item-name {
	position: relative;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 12px;
}
#profiles-archive #content a.profile-list-item p.profile-list-item-job {
	position: relative;
	padding: 12px;
}
#profiles-archive #content a.hasimg h2.profile-list-item-name,
#profiles-archive #content a.hasimg p.profile-list-item-job {
	color: #fff !important;
	background-color: rgba(85, 85, 85, 0.5);
}
#profiles-archive #content a.profile-list-item .profile-list-item-img {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
}
#profiles-archive #content a.profile-list-item .profile-list-item-img img {
	display: block;
	width: 100%;
	animation-name: imgout;
	animation-duration: 1s;
}
#profiles-archive #content a.profile-list-item:hover .profile-list-item-img img {
	animation-name: imgin;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@keyframes imgin {
	from {
		transform: scale(1) translate(0, 0);
	}
	to {
		transform: scale(1.04) translate(0, 1px);
	}
}

@keyframes imgout {
	from {
		transform: scale(1.04) translate(0, 1px);
	}
	to {
		transform: scale(1) translate(0, 0);
	}
}

@media only screen and (max-width: 1080px) {
	#profiles-archive #content #profile-list {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 680px) {
	#profiles-archive #content #profile-list {
		grid-template-columns: 1fr;
	}
}
/*
single-profiles.php
*/
#profiles-single #content {
	background-color: #fff;
	border-radius: 6px;
	padding: 12px;
}
#profiles-single #content.hasimg .entry-content {
	display: grid;
	grid-gap: 24px 24px;
	grid-template-columns: 1fr 1fr;
}
#profiles-single #content .entry-content section#profile-img {
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}
#profiles-single #content .entry-content section#profile-img img {
	display: block;
	width: 100%;
}
#profiles-single #content .entry-content section#profile-body {
}
#profiles-single #content .entry-content section#profile-body #profile-name {
}
#profiles-single #content .entry-content section#profile-body #profile-post-nominals {
}
#profiles-single #content .entry-content section#profile-body #profile-job-title {
}
@media only screen and (max-width: 1080px) {
	#profiles-single #content.hasimg .entry-content {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 680px) {
	#profiles-single #content.hasimg .entry-content {
		grid-template-columns: 1fr;
	}
}