/* 
  css/tm-style.css
  Version 1.5.6
*/


:root {
	--plugin-theme-color-black: #000;
}

.team-members-grid {
	display: grid;
	gap: var(--uncode-space-1x);
	grid-template-columns: repeat( auto-fit, minmax( min(360px, 100%), 1fr) );

	.member-portrait-container {
		
		a.popup-link {
			display: block;
			border-radius: 4px;
			aspect-ratio: 1 / 1;
			overflow: hidden;
			position: relative;
			
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: all 0.3s ease-in;
			}
			
			&:hover {
				img {
					transform: scale(1.1);
				}
			}
		}
	}

	.team-member-block {
		position: relative;
		background: #f9f9f9;
		overflow: hidden;
		border: 0;
		border-radius: 10px;
	
		.member-content {
			
			display: flex;
			flex-direction: column;
			gap: var(--uncode-space-05x);
			
			padding: var(--uncode-space-05x);
		
			h2,
			h3,
			p {
				margin: 6px 0;
			}
		
			.team-member {
				
				text-align: left;
				
				.member-position {
					display: block;
					font-weight: 400;
					font-size: clamp(0.875rem, 0.8328rem + 0.1351vw, 1rem);
				}
				
				.post-nominal-title {
					font-style: normal;
					font-size: 15px;
					display: block;
					margin-top: 6px;
				}
			}
			
			.member-bio {
				text-align: left;
			}
			
		}
	
		.member-content:has(.dummy-social-links) {
			
			padding-bottom: var(--uncode-space-2x);
		
			.social-links {
				position: absolute;
				bottom: var(--uncode-space-05x);
				left: var(--uncode-space-05x);
			}
		}
		
	}
}
	

.member-content {
	
	.team-member {
		order: 1;
	}
	
	.member-bio, .member-full-bio {
		order: 2;
	}
	
	.social-links {
		order: 3;
	}
	
	.read-more {
		order: 4;
	}

	.social-links {
		
		display: flex;
		flex-direction: row;
		gap: 9px;
	
		i {
			font-size: 24px;
		}
	}
	
	.member-portrait {
		width: 100%;
		height: auto;
		display: block;
	}

}



.team-member-popup-content {
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	.member-content-inner {
		
		display: flex;
		flex-direction: row;
		gap: var(--uncode-space-1x);
		height: 90vh;
		overflow: hidden;

		.member-content {

			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: var(--uncode-space-1x);
			overflow-y: scroll;
			
			.team-member {
				display: flex;
				flex-direction: column;
				gap: 6px;
				
				h2, h3, h4 {
					margin: 0;
				}
				
				h2 {
					font-size: clamp(1.5rem, 1rem + 2vw, 3rem);
				}
			}
		}

		.member-portrait {
			
			display: flex;
			justify-content: center;
			align-items: center;
			
			.portrait-container {
				img  {
					max-width: 800px;
					width: 40vw;
					border-radius: 10px;						
				}
			}
		}
	}
}



.team-member .heading-text span em,
.team-member-popup .heading-text span em {
	font-style: normal;
	font-size: 15px;
	display: block;
	margin-top: 6px;
}

.team-member .uncode-single-media {
	overflow: hidden;
}

.team-member .uncode-single-media img {
	transition: all 0.3s ease-in;
}

.team-member .uncode-single-media img:hover {
	scale: 1.1;
}

.team-member-popup.white-popup .heading-text small.heading-foreword {
	display: block;
	font-weight: 400;
}

.team-member .heading-text small.heading-foreword.text-lead,
.team-member-popup.white-popup .heading-text small.heading-foreword.text-lead {
	display: block;
	font-weight: 400;
	font-size: clamp(0.875rem, 0.8328rem + 0.1351vw, 1rem);
}

.team-member .social-profiles .uncont,
.team-member-popup.white-popup .wpb_column.social-profiles .uncont {
	display: flex;
	flex-direction: row;
}

.team-member .social-profiles .uncont .icon-box,
.team-member-popup.white-popup .wpb_column.social-profiles .uncont .icon-box {
	display: block;
	width: auto;
}

.team-member-popup.white-popup .wpb_column.social-profiles {
	padding: 0;
}

.team-member  > .uncol > .uncoltable > .uncell {
	position: relative;
	padding-bottom: 103.5px;
}

.team-member .vc_row.social-profiles {
	display: block;
	position: absolute;
	top: calc( 100% - 103.5px );
	left: 0;
}

.team-members > .row-parent {
	display: grid;
	gap: var(--uncode-space-1x);
	grid-template-columns: repeat( auto-fit, minmax( min(400px, 100%), 1fr) );
}

.team-member  .wpb_column.column_parent > .uncol > .uncoltable > .uncell {
	position: relative;
	padding-bottom: 103.5px;
}

.team-members {
	padding-top: var(--uncode-space-4x);
	padding-bottom: var(--uncode-space-4x);
	padding-left: var(--uncode-space-6x);
	padding-right: var(--uncode-space-6x);
}


.mfp-wrap.mfp-fade {
	transition: all 0.3s ease-in;
}

.mfp-wrap .mfp-container .mfp-content button.mfp-close {
	font-size: 0;
}

.mfp-wrap .mfp-container button.mfp-close:before,
.mfp-wrap .mfp-container button.mfp-close:after {
	position: absolute;
	content: "";
	top: 24px;
	right: 8px;
	display: inline-block;
	border-radius: 5px;
	height: 2px;
	width: 24px;
	background-color: var(--plugin-theme-color-black);
}

.mfp-wrap .mfp-container button.mfp-close:before {
	transform: rotate3d(0, 0, 1, 45deg);
}

.mfp-wrap .mfp-container button.mfp-close:after {
	transform: rotate3d(0, 0, 1, -45deg);
}


@media screen and (min-width: 960px) and (max-width: 1899px) {
	.team-members {
		padding-left: var(--uncode-space-4x);
		padding-right: var(--uncode-space-4x);
	}
}

@media screen and (min-width: 960px) and (max-width: 1699px){
	.team-members {
		padding-left: var(--uncode-space-3x);
		padding-right: var(--uncode-space-3x);
	}
}

@media screen and (min-width: 960px) and (max-width: 1499px){
	.team-members {
		padding-left: var(--uncode-space-2x);
		padding-right: var(--uncode-space-2x);
	}
}

@media screen and (max-width: 959px){
	.team-members {
		padding-left: var(--uncode-space-1x);
		padding-right: var(--uncode-space-1x);
	}
	
	.mfp-wrap .row-parent > .row-inner {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.team-member-popup .wpb_column:last-child {
		margin-bottom: var(--uncode-space-1x);
	}
}

@media screen and (max-width: 569px) {
	#rotating-fifty1-logo .fluid-svg > span {
		width: 30vw!important;
	}
}