/* Interfaith Food Pantry Network Plugin
------------------------------------------- 

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

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

/* Team Page Loop
-------------------------------------------- */

.team-container.staff .team-member:nth-of-type(3n+1) {
	background-color: var(--pale-orange);
}

.team-container.staff .team-member:nth-of-type(3n+2) {
	background-color: var(--pale-gold);
}

.team-container.staff .team-member:nth-of-type(3n+3) {
	background-color: var(--pale-teal);
}

.team-container.staff .team-member:nth-of-type(3n+1) .headshot-wrap {
	background-color: var(--light-orange);
}

.team-container.staff .team-member:nth-of-type(3n+2) .headshot-wrap {
	background-color: var(--light-gold);
}

.team-container.staff .team-member:nth-of-type(3n+3) .headshot-wrap {
	background-color: var(--light-teal);
}

.team-container.board-of-trustees .team-member,
.team-container.corporate-advisory-council .team-member,
.team-container.emerging-leaders-committee .team-member {
	border-left: 16px solid;
	padding: 24px;
}

.team-container.board-of-trustees .team-member:nth-of-type(3n+1) {
	border-color: var(--pale-gold);
}

.team-container.board-of-trustees .team-member:nth-of-type(3n+2) {
	border-color: var(--orange);
}

.team-container.board-of-trustees .team-member:nth-of-type(3n+3) {
	border-color: var(--light-orange);
}

.team-container.corporate-advisory-council .team-member:nth-of-type(3n+1),
.team-container.emerging-leaders-committee .team-member:nth-of-type(3n+1) {
	border-color: var(--red);
}

.team-container.corporate-advisory-council .team-member:nth-of-type(3n+2),
.team-container.emerging-leaders-committee .team-member:nth-of-type(3n+2) {
	border-color: var(--light-red);
}

.team-container.corporate-advisory-council .team-member:nth-of-type(3n+3),
.team-container.emerging-leaders-committee .team-member:nth-of-type(3n+3) {
	border-color: var(--orange);
}

.team-member .headshot-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
	min-height: 262px;
}

.team-member .headshot-wrap img {
	width: 100%;
}

.team-container.staff .team-member .headshot-wrap svg path {
	fill: var(--pale-gold);
}

.team-container.staff .content-wrap {
	padding: 0 24px 24px;
}

.team-container .content-wrap h3,
.team-container .content-wrap h4 {
	margin-bottom: 8px;
}

.team-container .content-wrap h4 {
	font-weight: 600;
}

.team-container .content-wrap p.title {
	font-weight: 600;
	margin-bottom: 16px;
}

.team-container .content-wrap p:last-of-type {
	margin-bottom: 0;
}

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

.ifpn-single-post .site-inner {
	padding: 40px 24px;
	max-width: 100%;
}

.ifpn-single-post .content-sidebar-wrap,
.single-header .wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.single-header {
	padding: 40px 24px;
}

.single-header.team-header h1 {
	margin-bottom: 0;
}

.single-header.team-header p.single-title {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
} 

.single-team-member.ifpn-single-post .content-sidebar-wrap {
	max-width: 940px;
}

/* Recipies Page Loop
-------------------------------------------- */

.volunteer-opening h3,
.recipe h3,
.team-member h3 {
	font-size: 24px;
}

.volunteer-opening,
.recipe,
.team-member {
	margin-bottom: 24px;
}

/* Timeline
------------------------------------------- */

.timeline-header {
	padding: 0 24px 40px;
}

.timeline-header .wrap {
	margin: 0 auto;
	max-width: 1120px;
}

.timeline-navigation {
	display: flex;
}

.timeline-navigation .swiper-button-next, 
.timeline-navigation .swiper-button-prev {
	color: var(--green);
	font-size: 48px;
	height: auto;
	left: unset;
	margin-top: 0;
	position: relative;
	right: unset;
	top: unset;
	width: auto;
}

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

.timeline-container.swiper {
	padding-left: calc(max(1120px, 100vw)/2 - 560px);
}

.timeline-container .timeline-wrap:before {
	border-top: 1px solid var(--green);
	content:'';
	left: 12px;
	position: absolute;
	right: 0;
	top: 23px;
}

.timeline-item.start-item {
	width: 120px !important;
}

.timeline-item.start-item svg {
	width: 48px;
}

.timeline-item .timeline-inner {
	padding: 24px;
}

.timeline-item.start-item,
.timeline-item.start-item .timeline-inner {
	padding: 0;
}

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

.timeline-item {
	padding-left: 24px;
	padding-top: 24px;
}

.timeline-item:before {
	content: '';
	height: 48px;
	left: 0;
	position: absolute;
	top: 0;
	width: 48px;
}

.timeline-item:nth-of-type(3n+2) .timeline-inner {
	background-color: var(--pale-orange);
}

.timeline-item:nth-of-type(3n+2):before {
	background: 
		var(--orange)
		url(/wp-content/uploads/2026/01/plant-icon.png)
		no-repeat
		center center/85%;
}

.timeline-item:nth-of-type(3n+3) .timeline-inner {
	background-color: var(--pale-gold);
}

.timeline-item:nth-of-type(3n+3):before {
	background: 
		var(--gold)
		url(/wp-content/uploads/2026/01/hand-icon.png)
		no-repeat
		center center/65%;
}

.timeline-item:nth-of-type(3n+4) .timeline-inner {
	background-color: var(--pale-teal);
}

.timeline-item:nth-of-type(3n+4):before {
	background: 
		var(--teal)
		url(/wp-content/uploads/2026/01/pencil-icon.png)
		no-repeat
		center center/70%;
}

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

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

	.volunteers-container,
	.recipes-container,
	.team-container {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
	}

	.volunteer-opening,
	.recipe,
	.team-member {
		margin-bottom: 0;
	}

	.volunteer-opening {
		width: calc((100% - 24px) / 2);
	}

	.team-member {
		width: calc((100% - 72px) / 4);
	}

	.team-container.board-of-trustees .team-member {
		display: flex;
	}

	.team-container.board-of-trustees .content-wrap {
		display: flex;
		flex-direction: column;
	}

	.team-container.board-of-trustees .content-wrap .more-link {
		margin-top: auto;
	}

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

	.ifpn-single-post .site-inner {
		padding: 40px 24px;
	}
	
	.single-header {
		padding: 64px 24px;
	}

	/* Timeline
	------------------------------------------- */

	.timeline-header {
		padding: 0 24px 80px;
	}
	
	.timeline-header .wrap {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.timeline-header .wrap:after,
	.timeline-header .wrap:before {
		content: none;
	}

	.timeline-header .wrap h2 {
		margin-bottom: 0;
	}

	.timeline-item .timeline-inner {
		padding: 40px;
	}

}

@media only screen and (max-width: 768px) {

	.timeline-container.swiper {
		padding: 0 24px;
	}

	.timeline-item.start-item {
		display: none;
	}

}