/*
 *	Team Carousel Design
 */

@media (min-width: 801px) {
	#TeamCarouselSection .elementor-widget-container {
		display: table;
	}
	#TeamCarouselList,
	#TeamCarouselDesc {
		display: table-cell;
		vertical-align: top;
	}
	#TeamCarousel button {
		display: none;
	}
	#SliderIn {
		width: auto !important;
	}
	#TeamCarousel > div {
		left: 0 !important;
	}
	#TeamCarousel figcaption::after {
		content: "\f105";
		text-indent: .1em;
	}
}
@media (max-width: 800px) {
	#TeamCarouselSection {
		padding: 0 2.26em;
	}

	#TeamCarousel {
		overflow: hidden;
	}
	#TeamCarousel button {
		display: block;
	}
	#TeamCarousel figure {
		float: left;
	}
	#TeamCarousel figcaption::after {
		content: "\f107";
	}
}
#TeamCarousel > div {
	position: relative;
	left: 0;
	margin: auto;
}

#TeamCarousel figure {
	position: relative;
	display: block;
	width: 400px; /* fallback */
	width: 20vmax;
	vertical-align: top;
	/*padding: .3em;*/
	padding: 1px;
	transition: width .1s;
}
@media (min-width: 1071px) {
	#TeamCarousel figure {
		padding: 2vmax;
		padding: calc(2vmax + 1px);
	}
}

#TeamCarousel figure a.figure_link {
	position: relative;
	display: block;
}

#TeamCarousel figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .5em;
	color: #ffffff;
	text-align: center;
	transition: opacity .5s;
	/*FLEX*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	text-shadow:
		1px 1px 0 #444444,
		1px 0 0 #444444,
		1px -1px 0 #444444,
		0 -1px 0 #444444,
		-1px -1px 0 #444444,
		-1px 0 0 #444444,
		-1px 1px 0 #444444,
		0 1px 0 #444444,
		0 0 .3em #444444;
}

#TeamCarousel button.slider_prev:after,
#TeamCarousel button.slider_next:after,
#TeamCarousel figcaption::after {
	font: normal normal normal 14px/1 FontAwesome;
	font-family: FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
}

#TeamCarousel figcaption::after {
	display: block;
	margin: .2em auto;
	width: .9em;
	height: 0;
	font: normal normal normal 14px/1 FontAwesome;
	font-family: FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	background: #008295;
	border-radius: 50%;
	line-height: .9em;
	font-size: 2em;
	overflow: hidden;
	transition: height .3s, opacity .3s;
}
#TeamCarousel figure a.figure_link:hover figcaption::after,
#TeamCarousel figure a.figure_link:focus figcaption::after {
	height: .9em;
	opacity: 1;
	filter: alpha(opacity=100);
}

#TeamCarousel .no_image {
	background: #9a9a9a;
}
#TeamCarousel .no_image figcaption {
	top: 0;
}
#TeamCarousel .no_image figcaption::after {
	color: #9a9a9a;
	background: #ffffff;
}
@media (min-width: 801px) {
	#TeamCarousel .no_image .figure_image_box {
		height: 8em !important;
	}
}

#TeamCarousel .figure_image_box {
	position: relative;
	display: block;
	width: 100%;
	height: 400px; /* fallback */
	height: 20vmax;
	overflow: hidden;
}
@media (min-width: 1071px) {
	#TeamCarousel .figure_image_box {
		height: 16vmax;
	}
}

#TeamCarousel .figure_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	transition: top .6s, left .6s, right .6s, bottom .6s;
}

#TeamCarousel figure a.figure_link:hover .figure_image,
#TeamCarousel figure a.figure_link:focus .figure_image {
	top: -1em;
	left: -1em;
	right: -1em;
	bottom: -1em;
}


#TeamCarousel figcaption h3 {
	margin: 0;
	font-weight: 300;
	font-size: 1.4em;
}


#TeamCarousel button {
	position: absolute;
	top: 0;
	bottom: 0;
	height: auto;
	margin: 1px 0;
	font-size: 2em;
	transition: opacity .2s;
}
#TeamCarousel button.slider_prev {
	left: -1.54em;
}
#TeamCarousel button.slider_next {
	right: -1.54em;
}
#TeamCarousel button.slider_prev:after {
	content: "\f104";
}
#TeamCarousel button.slider_next:after {
	content: "\f105";
}

#TeamCarousel button.hidden {
	opacity: 0;
	filter: alpha(opacity=00);
	cursor: default;
}
#TeamCarousel button:disabled {
	background: #888888 !important;
}


@media (max-width: 1000px) {
	#TeamCarousel figcaption {
		padding: .2em;
	}
	#TeamCarousel figcaption::after {
		margin: .1em auto;
	}
	#TeamCarousel figcaption h3 {
		font-size: 1.2em;
	}
}

@media (max-width: 520px) {
	#TeamCarousel figcaption,
	#TeamCarousel figcaption::after {
		margin: .05em auto;
	}
	#TeamCarousel figcaption h3 {
		font-size: .9em;
	}
}


/* Contents Formatting */

.team_content {
	display: none;
	padding: 0 2em;
	overflow: hidden;
	transition: width .5s;
}
@media (max-width: 800px) {
	.team_content {
		padding: 4em 0 0 !important;
	}
}