/* Class to apply a large border radius to round off elements */
.dh_person.dh_rounded {
	border-radius: 30px;
}

/* Class to apply a box-shadow to elements */
.dh_person.dh_boxshadow {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3)
}

/* second class can be added to highlight the box-shadow on hovering */
.dh_person.dh_boxshadow.dh_shadowhighlight:hover {
	box-shadow: 0px 0px 20px rgba(0,57,94,1);
}


/* ******************** */
/* Divi Hype Person Styles */
/* ******************** */
.dh_person {
    padding: 10px!important;
	transition: 0.5s all;
}

.dh_person .et_pb_member_social_links {
	text-align:center;
}

.dh_person .et_pb_member_social_links a {
	font-size: 20px;
}


/* image cropping effects*/

/* fully round */
.dh_img_round .et_pb_team_member_image {
    border-radius: 50%;
    overflow: hidden;
	transition: 0.5s all;
}

/* rounded corners only */
.dh_img_rounded .et_pb_team_member_image {
    border-radius: 22px;
    overflow: hidden;
	transition: 0.5s all;
}

/* full oval cropping */
.dh_img_oval .et_pb_team_member_image {
    border-radius: 250px;
    overflow: hidden;
	transition: 0.5s all;
}

/* offset image above person box */
.dh_person.dh_img_offset {
	margin-top: 120px;
}

.dh_img_offset .et_pb_team_member_image {
	overflow: hidden;
	margin-top: -100px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	border: 2px solid #fff;
}


img {
	transition: 0.5s all;
}

/* Adjust image and content layout on phone and desktop - tablet looks OK */
@media (min-width: 981px) {
	.dh_person .et_pb_team_member_image, .dh_person .et_pb_team_member_description {	
			max-width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
}

@media (max-width: 767px) {
	.dh_person .et_pb_team_member_image, .dh_person .et_pb_team_member_description {
			max-width: 90%;
			margin-left: auto;
			margin-right: auto;
		}
}

/* *********************************************** */
/*                 ANIMATIONS                      */
/* *********************************************** */

/* ken burns animation */
@keyframes dh_kenburns {
    0% {
    }
    5% {
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) rotate(5deg);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
		transform: scale3d(2, 2, 2) rotate(15deg);
        opacity: 0;
    }
}

/* Desaturate images and resaturate on hover. Brightness and contrast also boosted for a retro effect */
.dh_desaturate img  {
    filter: saturate(0%) brightness(133%) contrast(123%);
}

.dh_desaturate:hover img  {
    filter: saturate(70%) brightness(133%) contrast(123%);
}