.an-contributor-link {
	margin: 15px 0;
}

.an-contributor-link img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 50%;
	margin-left: 10px;
	box-sizing: border-box;
	vertical-align: middle;
}

.an-contributor-link a,
.an-contributor-link a:hover .an-contributor-role::before,
.an-contributor-link a:focus .an-contributor-role::before {
	text-decoration: none;
}

.an-contributor-link a {
	padding: 0.25em;
	padding-right: 0;
	border-bottom: 1px solid transparent;
	transition: 0.3s;
}

.an-contributor-link a:hover,
.an-contributor-link a:focus {
	border-color: #FAA51D;
	transition: 0.3s;
}

.an-contributor-link a img {
	transition: 0.3s;
}

.an-contributor-link a:hover img,
.an-contributor-link a:focus img {
	box-shadow: 0 0 0 2px #FAA51D;
	transition: 0.3s;
}

.an-contributor-link img.an-contributor-staff {
	background-color: #dddddd;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 1000 1000'%3E%3Cg%3E%3Cpath d='M71.3,990c0-160.2,88-299.6,218.2-373.2c59.7,41.9,132.1,67,210.6,67c78.5,0,150.9-25.1,210.6-67c130.1,73.6,218.2,213,218.2,373.2H71.3z M500,622.5c-169.1,0-306.3-137.1-306.3-306.3S330.9,10,500,10c169.1,0,306.2,137.1,306.2,306.2S669.1,622.5,500,622.5z'/%3E%3C/g%3E%3C/svg%3E");
}



.an-contributor .an-contributor-name {
	font-weight: bold;
	/* color: #455359; */
	color: #6396A3;
}

.an-contributor .an-contributor-role {
	font-weight: normal;
	color: #5B6871;
}

.an-contributor .an-inline-divider {
	color: #6396A3;
	padding-left: 10px;
	padding-right: 10px;
}


@media screen and (max-width: 768px) {

	body:not(.single-recipe) .an-contributor {
		text-align: center;
	}

	body:not(.single-recipe) .an-contributor img {
		width: 50px;
		height: 50px;
		display: block;
		margin: 0 auto 10px;
	}
	/*
	.an-contributor:not(.centred) .an-contributor-info {
		display: inline-block;
		width: calc(100% - 65px);
		vertical-align: middle;
	}
	*/
}




.person-profile {
	max-width: 960px;
	margin: 0 auto 40px;
	padding-bottom: 40px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}


.person-profile-header {
	min-height: 130px;
	padding-top: 30px;
	margin-bottom: 30px;
	/* background: #fff url('../images/person-profile-header-bg.png') no-repeat top center; */
	background-size: contain;
}

.person-profile-header img,
.person-profile-header canvas,
.person-profile-header .loader-outer
{
	display: block;
	margin: 0 auto;
	width: 205px;
	height: 205px;
	object-fit: cover;
	border-radius: 999px;
}

.person-profile h1 {
	text-align: center;
	font-size: 28px;
	margin-top: 40px;
}

.person-profile-content {
	margin: 60px 60px 20px;
	font-weight: 500;
}

.person-profile-content div p:last-child {
	margin-bottom: 0;
}

.person-profile-info {
	margin: 0 10px;
}

.person-profile-quote {
	background: #F3F7F4;
	padding: 40px 50px;
	margin-top: 40px;
	color: #61A6A2;
	position: relative;
}

.person-profile-quote::before,
.person-profile-quote::after {
	position: absolute;
	font-size: 50px;
	color: #61A6A2;
}

.person-profile-quote::before {
	content: '”';
	top: 10px;
	right: 23px;
}

.person-profile-quote::after {
	content: '“';
	bottom: 10px;
	left: 23px;
}

.person-profile-links {
	display: block;
	text-align: center;
}


.person-profile-links ul {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}

.person-profile-links ul li {
	display: inline-block;
	background-color: #65ac5e;
	border: 5px solid #fff;
	line-height: 0;
}

.person-profile-links .icon-link-container-facebook {
	background-color: #2954a3;
}

.person-profile-links .icon-link-container-instagram {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.person-profile-links .icon-link-container-youtube {
	background-color: #da0707;
}

.person-profile-links a {
	display: inline-block;
	vertical-align: text-bottom;
	background-color: #BDCBC2;
	/* background-image: url('../images/icons-256-32x1-inverted.png'); */
	background-size: cover;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	border: 6px solid #fff;
	margin: -1px; /* Fix for Chrome, at certain non-whole DPI resolutions its maths is messed up, and adds visible a margin around the icon, which we don't want */
	transition: 333ms;
}

.person-profile-links a.icon-link-email {
	background-position: calc((100% / 31) * 16) 50%;
}

.person-profile-links a.icon-link-website {
	background-position: calc((100% / 31) * 21) 50%;
}

.person-profile-links a.icon-link-facebook {
	background-position: calc((100% / 31) * 22) 50%;
}

.person-profile-links a.icon-link-instagram {
	background-position: calc((100% / 31) * 23) 50%;
}

.person-profile-links a.icon-link-youtube {
	background-position: calc((100% / 31) * 24) 50%;
}


.person-profile-links a:hover,
.person-profile-links a:focus {
	background-color: transparent;
	transition: 333ms;
}


.person-profile-links a > span {
	display: none;
}

@media screen and (max-width: 768px) {

	.person-profile {
		box-shadow: none;
		padding-bottom: 0;
	}

	.an-contributor.person-profile .an-contributor-info {
		width: 100%
	}

	.person-profile-header {
		background-size: auto 80px;
		height: auto;
		min-height: unset;
		margin-bottom: 0;
	}

	.person-profile-header img,
	.person-profile-header canvas,
	.person-profile-header .loader-outer
	{
		width: 150px !important;
		height: 150px !important;
	}

	.person-profile-content {
		margin: 0;
	}

	.person-profile-info {
		margin: 40px 30px 0;
	}

}