.staff-list {
	font-size: 0px;
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 65px;
}

h2 {
  margin-bottom: 40px;
}

img + .staff-board {
  margin-top: 40px;
}

.staff-list > .staff-profile {
	width: 30%;
/* 	background-color: #d9d9d9; */
	display: inline-block;
	font-size: 16px;
	position: relative;
	vertical-align: top;
}

.staff-list > .staff-profile figure {
	position: relative;
	height:0;
	padding-bottom: 100%;
	background-attachment: scroll;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	
	border-radius:50%;
	overflow: hidden;
	z-index: 0;
}
.staff-list > .staff-profile figure:after {
	content:"View Bio";
	height:100%;
	width:100%;
	padding-top:45%;
	background-color: rgba(4, 98, 146, 0.8);
  color: #fff;
	font-size:28px;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	z-index: -1;
	
	opacity: 0;
	visibility: hidden;
	
	transition:all 0.3s ease 0s;
}
.staff-list > .staff-profile > .no-bio {
  cursor: default;
}

.staff-list > .staff-profile > .no-bio figure:after {
  display: none;
}

.staff-list > .staff-profile a:hover figure:after,
.staff-list > .staff-profile a:active figure:after {
	opacity: 1;
	visibility: visible;
}

.staff-list > .staff-profile a strong {
	display: block;
	margin:20px auto 0;
	color:#24335A;
	font-size:28px;
	line-height:1.2;
	text-align: center;
}

.staff-list > .staff-profile small {
  display: block;
  width: 100%;
  text-align: center;
}

.staff-list > .staff-profile > a {
	display: block;
	background-color: transparent;
}

.staff-list > .staff-profile:nth-child(3n-1) {
	margin-left: 5%;
	margin-right:5%;
}

.staff-list > .staff-profile:nth-child(n+4) {
	margin-top: 5%;
}

.modal-popup.staff {
  min-height: 340px;
}

.modal-popup.staff > .table {
  background: #FFF;
}

.modal-popup.staff > .table > .cell {
  padding: 30px;
}

.modal-popup.staff * {
  color: #000 !important;
}

.modal-popup.staff h2 {
  font-family: 'Raleway-Bold';
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.modal-popup.staff p {
  margin-top: 15px;
}

.modal-popup.staff h2 + * {
  font-family: 'Raleway-Bold';
  font-size: 15px;
  text-transform: uppercase;
  margin: 0px;
}

.modal-popup.staff br {
  display: none !important;
}
.modal-popup.staff .modal-img {
  float: right;
  margin-top: 40px;
  margin-left: 20px;
  margin-bottom: 40px;
  max-width: 150px;
  border: 4px solid #24335A;
}
.types + .types {
  margin-top: 60px;
}