/* Foundral Plugin
------------------------------------------- 

Table of contents
	- Single Page
	- Page Loop
	- Media Queries

------------------------------------------- */

/* Team Archive
-------------------------------------------- */

.foundral-archive .team-header.e-con.e-parent {
	padding-bottom: 40px;
}

.foundral-archive .site-inner {
	max-width: 100%;
	padding: 0
}

.foundral-archive .archive-post-container {
	margin: 0 auto;
	padding: 0 24px;
}

.foundral-archive .archive-post-container .wrap {
	max-width: 1140px;
	margin: 0 auto;
}

.foundral-archive .team-member,
.work-item {
	background-color: var(--light-purple);
	border-radius: 0 40px;
	color: var(--white);
	margin-bottom: 24px;
	position: relative;
}

.foundral-archive .team-member img,
.work-item img {
	border-top-right-radius: 40px;
}

.foundral-archive .team-member .content,
.work-item .content {
	padding: 24px;
}

.foundral-archive .team-member .content h3,
.work-item .content h3 {
	color: var(--white);
	margin-bottom: 8px;
}

.work-item .content h3 {
	margin-bottom: 16px;
}

.foundral-archive .team-member .content .title,
.work-item .content .company {
	color: var(--yellow);
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.work-item .content .company {
	color: var(--white);
	font-size: 14px;
	margin-bottom: 4px;
}

.work-item p:last-of-type {
	margin-bottom: 0;
}

.foundral-archive .team-member .content .more-link {
	margin-bottom: 0;
	position: unset
}

.foundral-archive .team-member .content .text-link {
	color: var(--white);
}

.foundral-archive .team-member .content .text-link:focus,
.foundral-archive .team-member .content .text-link:hover {
	color: var(--yellow);
}

.foundral-archive .team-member .content .text-link:after {
	color: var(--yellow);
}

.foundral-archive .team-member .content .text-link:before {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* Single Team
-------------------------------------------- */

.single-team-container .image-wrap img {
	border-radius: 0 40px;
	width: 100%;
}

.team-member-single .site-inner {
	background-color: var(--white);
	border-bottom-right-radius: 80px;
	margin-bottom: -80px;
	max-width: 100%;
	padding: 40px 24px;
	position: relative;
    z-index: 1;
}

.team-member-single .site-inner .content-sidebar-wrap {
	max-width: 1140px;
	margin: 0 auto;
}

.team-member-single h1 {
	font-size: 54px;
	margin-bottom: 8px;
}

.team-member-single .title {
	color: var(--purple);
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Recent Work
-------------------------------------------- */

.timeline-navigation {
	padding: 0 24px 40px;
	position: relative;
}

.timeline-navigation .wrap {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 1140px;
}

.carosel-navigation .swiper-button-next, 
.carosel-navigation .swiper-button-prev {
	color: var(--yellow);
	font-size: 40px;
	height: auto;
	left: unset;
	position: relative;;
	right: unset;
	top: unset;
	width: auto;
}

.carosel-navigation .swiper-button-next:after, 
.carosel-navigation .swiper-button-prev:after {
	content: none;
}

.recent-work-container.swiper {
	padding-left: 24px;
	padding-right: 24px;
}

/* Media Queries
------------------------------------------- */

@media only screen and (min-width: 961px) {

	.foundral-archive .archive-post-container .wrap,
	.single-team-container .wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}

	.foundral-archive .archive-post-container .wrap {
		gap: 24px;
	}

	.foundral-archive .archive-post-container .wrap:after,
	.foundral-archive .archive-post-container .wrap:before,
	.single-team-container .wrap:after,
	.single-team-container .wrap:before {
		display: none;
	}

	.single-team-container .wrap .col-50 {
		width: calc( 50% - 20px );
	}

	.foundral-archive .team-member {
		width: calc( ( 100% - 48px ) / 3 );
	}

	.single-team-container .wrap .col-60 {
		width: calc( 60% - 20px );
	}

	.single-team-container .wrap .col-40 {
		width: calc( 40% - 20px );
	}

	.team-member-single .site-inner {
		border-bottom-right-radius: 120px;
		margin-bottom: -112px;
		padding: 80px 24px 120px;
	}

	.team-member-single .subpage-header {
		margin-bottom: 0;
		min-height: 144px;
	}

	.single-team-container .image-wrap {
		margin-bottom: -184px;
		position: relative;
		top: -184px;
	}

	.timeline-navigation {
		margin-bottom: -68px;
		top: -68px;
	}

	.recent-work-container.swiper {
		padding-left: calc(max(1140px, 100vw)/2 - 560px);
		padding-right: 0;
	}

	.work-item .content {
		padding: 40px;
	}

}