/*******************
  PAGE EQUIPE
*******************/


.page-template-page-team .page-color,
.page-template-page-team .footer-menu a:hover {
	color: var(--green);
}

.page-template-page-team .big-intro {
	min-height: 30vh;
	padding-bottom: 4em;
}

body.page-template-page-team.scrolled header,
.page-template-page-team .big-intro {
	background: var(--green);
}

.page-template-page-team footer .mentions .logo {
	background-image: url(../../img/logo-amagar-green.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.page-template-page-team footer .mentions .logo img { opacity: 0; }

@media screen and (min-width: 1201px) {
	body.page-template-page-team .big-intro .content { max-width: 44em; }
}

.member-layout {
	max-width: 2000px;
	margin: auto;
}
.member-layout > * {
	position: relative;
	flex: 0 0 33.333%;
	padding: calc(var(--gutter) * 2) calc(var(--gutter) * 1) calc(var(--gutter) * 3) calc(var(--gutter) * 1.75);
	text-align: left;
}
main > .member-layout:nth-child(odd) {
	flex-direction: row-reverse;
}


.member-layout .content {
	color: #fff;
}
.member-layout .content .text p {
	line-height: 1.25em;
}
.member-layout .who {
	margin-bottom: var(--gutter);
	font-size: 1.5em;
}
.member-layout .what {
	font-size: 1.5em;
	margin-bottom: var(--gutter);
}
.member-layout .passion {
	font-size: 1.125em;
}
.member-layout .action {
	margin-top: var(--gutter);
	font-size: 1.25em;
}

.member-layout .photo::before,
.member-layout .ill::before {
	content: '';
	z-index: 6;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transition: 0.75s 0.5s ease-out;
}
.member-layout .ill::before {
	transition-delay: 1.5s;
}
.reveal.member-layout .photo::before,
.reveal.member-layout .ill::before {
	width: 0;
}
.member-layout.bg-purple > *::before {
	background-color: var(--purple);
}
.member-layout.bg-orange > *::before {
	background-color: var(--orange);
}
.member-layout.bg-blue > *::before {
	background-color: var(--blue);
}
.member-layout.bg-green > *::before {
	background-color: var(--green);
}

main > .member-layout:nth-child(odd) .photo::before,
main > .member-layout:nth-child(odd) .ill::before {
	right: auto;
	left: 0;
}

@media screen and (max-width: 1500px) {
	.member-layout > * {
		padding: var(--gutter);
	}
}
@media screen and (max-width: 1300px) {
	.member-layout > * {
		font-size: 0.9em;
	}
}
@media screen and (max-width: 1100px) {
	.member-layout > .ill {
		flex: 0 0 50%;
		min-height: 40vw;
		order: 2;
	}
	.member-layout > .photo {
		flex: 0 0 50%;
		min-height: 40vw;
		order: 1;
	}
	.member-layout > .content {
		flex: 0 0 100%;
		order: 3;
	}
	.member-layout .ill::before {
		transition: 0.75s 0.5s linear;
	}
	.member-layout .ill::before {
		transition: 0.75s 1.2s linear;
	}
}
@media screen and (max-width: 500px) {
	.member-layout > .photo {
		flex: 0 0 100%;
		min-height: 85vw;
	}
	.member-layout > .ill {
		display: none;
	}
}