/* ======================================================================================================================================================
Staff Member
====================================================================================================================================================== */
.avia-staff-member.avia-builder-el-no-sibling{margin:0;}
.avia-staff-member {padding: 30px 0 0; margin-bottom: 0; text-align:center; margin:30px 0; clear:both;}

/*img*/
.avia-staff-member img.avia_image.avia_image_staff {
	-webkit-border-radius: 150px;
    border-radius: 150px;
	-webkit-border-radius: 100%;
    border-radius: 100%;
}

.staff-img-container{position: relative; overflow: hidden; border-radius: 3px; text-align: center; margin-bottom:10px; margin-top:10px;}
.staff-img-container img{display:block; margin:0 auto; /*width:50%;*/}
.staff-img-container img.av-staff-img-original{width:auto; /*max-width:50%;*/}
.staff-img-container:hover .staff-social{visibility: visible; opacity: 1;}

.avia-staff-member .staff-member-description-wrap {display: none;}
.avia-staff-member > .avia-button-wrap {
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}
.flex_cell:hover .avia-staff-member > .avia-button-wrap { opacity: 1;}

.staff-member-name{margin-top:7px; font-size: 1.55em;}
.staff-member-job-title{margin-top:-7px; font-size: 1em; line-height:1.2em;}
.staff-member-description{}
.staff-member-dept {position: relative; top: -320px; left:-85px; font-size:x-small; font-weight:400;}

.staff-member-description-wrap {
    display: none;
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	padding: 0 15px;
    background: rgba(0, 0, 0, 0.5);
}

.staff-member-description {
	opacity: 0;
	position: relative;
    background: #fff;
    margin: 20px auto;
    width: 600px;
    padding: 30px;
    max-width: 100%;
    text-align: left;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.staff-member-description.active {
	opacity: 1;
}
.staff-member-description .close {
    position: absolute;
    top: 22px;
    right: 15px;
    font-family: Arial,Baskerville,monospace;
    font-style: normal;
    font-size: 28px;
    opacity: 0.65;
    font-weight: 100;
    color: #333333;
	cursor: pointer;
}
.staff-member-description .close:before {content: "×";}
.staff-member-description .staff-img-container, .staff-member-description .staff-member-name, .staff-member-description .staff-member-job-title { text-align: center; }

span.staff-member-dept{
    background-color: #cccccc52;
    padding-left: 10px;
    padding-right: 10px;
	opacity: 0.6;
	border-radius: 15px;
}

/*Social Style*/
.staff-social a{text-decoration: none; position: relative; border-radius: 30px; padding: 0 16px; background: #fff;margin: 3px; display: inline-block; height:53px; line-height:54px; width:53px; }
.avia-staff-member .staff-social{
	border: 7px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	font-size:19px;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	opacity: 0;
	visibility: hidden;
	top:0; left:0; right:0; bottom:0;
	text-align: center;
	border-radius:3px;
}

.staff-social-inner{width:100%;padding:0 5%;position: absolute; top:50%; margin-top:-26px;left:0;}
.avia-staff-member .plus-google:hover{ color:#de5a49; }
.avia-staff-member .rss:hover	    { color:#ffa133; }
.avia-staff-member .facebook:hover   { color:#37589b; }
.avia-staff-member .twitter:hover    { color:#46d4fe; }
.avia-staff-member .mail:hover       { color:#9fae37; }
.avia-staff-member .dribbble:hover   { color:#e44885; }
.avia-staff-member .linkedin:hover   { color:#419cca; }
.avia-staff-member .search:hover     { color:#222222; }
.avia-staff-member .behance:hover    { color:#008cfa; }
.avia-staff-member .flickr:hover     { color:#ff0086; }
.avia-staff-member .forrst:hover     { color:#234317; }
.avia-staff-member .myspace:hover    { color:#000000; }
.avia-staff-member .tumblr:hover     { color:#345574; }
.avia-staff-member .vimeo:hover      { color:#31baff; }
.avia-staff-member .youtube:hover    { color:#a72b1d; }
.avia-staff-member .pinterest:hover  { color:#cb2027; }
.avia-staff-member .skype:hover 	    { color:#12a5f4; }
.avia-staff-member .five_100_px:hover{ color:#222222; }
.avia-staff-member .soundcloud:hover { color:#F76700; }
.avia-staff-member .xing:hover 	    { color:#006567; }
.avia-staff-member .reddit:hover 	a{color:#FF4500; }

/*mobile from super small to tablet*/
@media only screen and (max-width: 989px) {
	.responsive.av-no-preview .staff-social a{ padding: 0 8px; background: #fff;margin: 3px; margin-top:11px; display: inline-block; height:33px; line-height:32px; width:33px; border-style: solid; border-width: 1px; }
	.responsive.av-no-preview  #top .avia-staff-member .staff-img-container img{position: relative; z-index: 3;}
	.responsive.av-no-preview  #top .avia-staff-member .staff-social {
		border: 1px solid rgba(0, 0, 0, 0.1);
		position: relative;
		font-size: 20px;
		background: #FFF;
		background: rgba(0, 0, 0, 0.03);
		opacity: 1;
		visibility: visible;
		top: auto;
		left: 0;
		right: 0;
		bottom: 5px;
		height: 60px;
		text-align: center;
		border-radius: 3px;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		font-size: 15px;
		z-index: 1;
		}
	}