/* ------------------------------ *\
	TEAM FILTER & LIST
\* ------------------------------ */
.teamMembers{}

.teamMembers__filters{
	margin          : 16px 0px 16px 0px;
	padding         : 0px 0px 0px 0px;
	list-style-type : none;
	display         : flex;
	justify-content : flex-start;
	align-items     : flex-start;
	flex-wrap       : wrap;
	width           : 100%;
}
.teamMembers__button-filter{
	margin           : 0px 8px 0px 0px;
	padding          : 8px 16px 8px 16px;
	flex             : 0 0 auto;
	display          : inline-block;
	color            : rgb( 255, 255, 255 );	
	text-transform   : uppercase;
	background-color : rgba(26, 60, 71, 0);
	transition       : background-color 250ms;
	cursor           : pointer;
}
	.teamMembers__button-filter.active{
		background-color : rgba(26, 60, 71, 1);
	}

.teamMembers__list{
	margin          : 0px 0px 0px 0px;
	padding         : 0px 0px 0px 0px;
	list-style-type : none;
	display         : flex;
	justify-content : flex-start;
	align-items     : stretch;
	flex-wrap       : wrap;
}
.teamMembers__list-item{
	margin          : 0px 8px 16px 0px;
	flex            : 0 0 calc( 25% - 8px );
	display         : flex;
	justify-content : center;
	min-width       : 230px;
}
	@media screen and ( max-width : 760px )
	{
		.teamMembers__list{
			justify-content: space-around;
		}
	}
	@media screen and ( max-width : 560px )
	{
		.teamMembers__list{
			justify-content: center;
		}
		.teamMembers__list-item{
			margin : 0px 16px 16px 16px;
			flex   : 0 0 calc( 100% - 32px );
		}
	}


/* ------------------------------ *\
	TEAM MEMBER CARD
\* ------------------------------ */
.team-member-card,
.team-member-card--default{
	width            : 100%;
	max-width        : 360px;
	position         : relative;
	display          : flex;
	background-color : #1D242E;
}
.team-member-card--green{ background-color : #1A3C47; }

	a.team-member-card{}
	a.team-member-card:after{
		content             : '';
		display             : block;
		position            : absolute;
		right               : 0px;
		bottom              : 0px;
		width               : 62px;
		height              : 72px;
		color               : red;
		background-color    : #1A3C47;
		background-image    : url('/wp-content/uploads/2024/10/redonis_icon-arrow-top-right-white.svg');
		background-position : 37px 46px;
		background-repeat   : no-repeat;
		clip-path           : polygon(101% -1px, 101% 101%, -1px 101%);
		transition          : background-color 250ms;
	}
	a.team-member-card--green:after{ background-color : #1D242E; }
	a.team-member-card:hover:after{
		background-color    : #E73331;
	}
	div.team-member-card{}

.team-member-card__inner-wrapper{
	flex   : 1 1 100%;
	height : 100%;
}
.team-member-card__profile-image{
	display             : block;
	width               : 100%;
	height              : auto;
	aspect-ratio        : 227 / 200;
	background-size     : cover;
	background-repeat   : no-repeat;
	background-position : center top;
}
.team-member-card__content{
	padding   : 16px 16px 16px 16px;
	margin    : 0px 0px 0px 0px;
	max-width : 100%;
}
.team-member-card__name{
	font-family    : 'Poppins', sans-serif;
	font-weight    : 600;
	font-style     : normal;
	text-transform : uppercase;
	color          : #EFEFEE;
}
.team-member-card__expertise{
	font-family    : 'Poppins', sans-serif;
	font-weight    : 300;
	font-style     : normal;
	font-size      : 16px !important;
	line-height    : 24px !important;
	hyphens        : none !important;
	color          : #EFEFEE;
}