@charset "utf-8";

/* FEATURE TEAM */
	.feature-team {
		display: flex;
		flex-wrap: wrap;
		margin: var(--mywp-mg-block) 0;
		}
	.feature-team-item {
		color: var(--mywp-white);
		flex: 0 0 calc(100% / 2);
		overflow: hidden;
		position: relative;
		}
	.feature-team-item:hover,
	.feature-team-item:focus {
		color: var(--mywp-light);
		}
	.feature-team-media {
		display: block;
		}
	.feature-team-image {
		height: 20rem;
		object-fit: cover;
		transition: filter 250ms ease;
		}
	.feature-team-info {
		align-items: flex-end;
		background-color: var(--mywp-highlight-80);
		display: flex;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		transition: opacity 250ms ease;
		width: 100%;
		z-index: 2;
		}
	@media (hover: hover) and (pointer: coarse), (hover: hover) and (pointer: fine) {
		.feature-team-item:hover .feature-team-image,
		.feature-team-item:focus .feature-team-image {
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			}
		.feature-team-item:hover .feature-team-info,
		.feature-team-item:focus .feature-team-info {
			opacity: 1;
			}
	}
	.feature-team-holder {
		font-size: 1.2rem;
		padding: 1rem;
		width: 100%;
		}
	.feature-team-holder > * {
		display: block;
		}
	.feature-team-holder > strong {
		font-size: 1.4em;
		}
	.feature-team-holder > em {
		font-size: 0.8em;
		margin-top: 0.3rem;
		}
	@media (min-width: 30em) {
		.feature-team-item {
			flex: 0 0 calc(100% / 3);
			}
		.feature-team-image {
			height: 24rem;
			}
	}
	@media (min-width: 40em) {
		.feature-team-image {
			height: 32rem;
			}
		.feature-team-holder {
			font-size: 1.5rem;
			padding: 2rem;
			}
	}
	@media (min-width: 50em) {
		.feature-team-item {
			flex: 0 0 calc(100% / 6);
			}
		.feature-team-image {
			height: 15rem;
			}
		.feature-team-holder {
			font-size: 1.1rem;
			padding: 1rem;
			}
	}
	@media (min-width: 60em) {
		.feature-team-image {
			height: 30rem;
			}
		.feature-team-holder {
			font-size: 1.3rem;
			padding: 1rem;
			}
	}
	@media (min-width: 80em) {
		.feature-team-image {
			height: 40rem;
			}
		.feature-team-holder {
			font-size: 2rem;
			padding: 2rem;
			}
	}