/* ## Block - Team
--------------------------------------------- */

.team-block {
	margin-top: 90px;
	margin-bottom: 60px;
	padding-left: 10px;
}

.team {
	font-weight: 300;
	font-size: 16px;
	padding: 30px 30px 30px 20px; /* Accounts for double border offset so it appears centered within gray BG */
	color: #333333;
	background-color: #f5f5f5;
	border-radius: 60px;
}

.team-block .wrap {
	position: relative;
}

.team-block .team-border-decor {
	border: solid 1px #009CFF;
	border-radius: 60px;
	width: calc(100% - 30px);
	height: 100%;
    position: absolute;
    z-index: 555;
    top: -10px;
	left: 5px;
}

.team h2.team-title {
	text-align: center;
	margin-bottom: 30px;
}

.team .team-member {
	text-align: center;
	margin-bottom: 30px;
	z-index: 600;
	position: relative;
}

.editor-styles-wrapper .team .team-member h3,
.team .team-member h3,
.team-member-modal .modal h3.name {
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 8px;
}

.team-member button,
.team-member-modal .modal button {
	color: #333333;
	font-weight: 300;
	padding: 0;
	background-color: unset;
	text-transform: none;
}

.team-member button:hover,
.team-member-modal .modal button:hover {
	/*color: #00D086;*/
	text-decoration: underline;
}

.team-member-modal .team-member-modal-image,
.team .team-member .team-image {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	background: url('images/rings-02.png') no-repeat top center;
	width: 300px;
	height: 313px;
	padding-top: 13px;
}

.team-member-modal .team-member-modal-image img,
.team .team-member .team-image img {
	border-radius: 300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 269px;
	height: 269px;
}



/* Team slider modal */

.team-member-modal .modal .modal-content {
	background-color: #E0E0E0;
	border: solid 1px #57B1E9;
	border-radius: 45px;
	font-family: 'muli', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1.375;
	color: #333;
}

.team-member-modal .modal .close {
	color: #333333;
	opacity: 1.0;
	font-size: 16px;
	font-weight: bold;
	border-radius: 9999px;
	border: solid 1px #333333;
	display: block;
	width: 32px;
	height: 32px;
	float: right;
	padding: 5px 0 0 0;
	position: relative;
}

.team-member-modal .modal .close:hover {
	background-color: #333333;
	color: #fff;
}

.team-member-modal .modal .close i {
	position: absolute;
	top: 7px;
	left: 9px;
	width: 12px;
	height: 16px;
}

.team-member-modal .modal .modal-body {
	padding: 20px;
}

.team-member-modal .modal h3.name,
.team-member-modal .modal .role {
	text-align: center;
}

.team-member-modal .modal h3.name {
	font-size: 25px;
}

.team-member-modal .modal .role {
	font-size: 20px;
}

.team-member-modal-bio p:first-child {
	margin-top: 40px;
}


@media only screen and (max-width: 1100px) {
	
	.team .team-member .team-image {
		width: 200px;
		height: 204px;
		background-size: 200px 200px;
	}
	
	.team .team-member .team-image img {
		width: 169px;
		height: 169px;
	}
	
	
}


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

	.team-text-only h2,
	.team h2.team-title {
		font-size: 24px;
	}

	.editor-styles-wrapper .team .team-member h3,
	.team-text-only h3,
	.team-text-only .two-cols h3,
	.team-text-only .two-cols-last-row h3,
	.team .team-member h3 {
		font-size: 20px;
	}

	.team {
		font-size: 10px;
	}

	.team .team-content,
	.team-text-only .two-cols p,
	.team-text-only .two-cols-last-row p,
	.team-text-only p {
		font-size: 15px;
	}

	.team-member-modal .team-member-modal-image {
		width: 200px;
		height: 204px;
		background-size: 200px 200px;
	}
	
	.team-member-modal .team-member-modal-image img {
		width: 169px;
		height: 169px;
	}

	.team-member-modal .modal .modal-content {
		font-size: 16px;
	}

	.team-member-modal .modal h3.name {
		font-size: 18px;
	}

	.team-member-modal .modal .role {
		font-size: 15px;
	}

	.team-member-modal-bio p:first-child {
		margin-top: 20px;
	}

}