/* ASSOCIATION */

.featured__text__inner + div > .load__more {
	transition: opacity 1.2s var(--transition-handle);
	transition-delay: 0.4s;
}

.featured__text__inner.hide + div > .load__more {
	opacity: 0;
}

.stacktabs {
	position: relative;
}

.tab__info,
.tab__img {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
}

.tab__info {
	grid-column: span calc(var(--grid-columns) / 2 - 2);
}

.tab__img {
	border-radius: var(--image-radius);
	grid-column: span calc(var(--grid-columns) / 2);
	position: relative;
	overflow: hidden;
}

.hide .tab__img__inner {
	opacity: 0;
	transform: scale(1.2);
}

.tab__img__inner {
	background: var(--color-grey-01);
	transition: transform 1.2s var(--transition-handle), opacity 1.2s var(--transition-handle);
}

.stackable__cards .tab__item {
	border-top: solid 1px var(--color-black);
}

.stackable__cards .grid__inner,
.stackable__cards .grid--layout {
	height: 100%;
}

.tab__title{
	margin-bottom: var(--s-16);
}

@media (min-width: 981px) {

	.association__page .hero {
		min-height: calc(100vh - var(--header-height));
	}

}

@media (min-width: 981px) {
	
	.stackable__cards .grid__column:first-child {
		border-right: none;
		z-index: 1;
	}
	
	.stackable__cards .tab__item {
		background: var(--color-white);
		height: calc(100vh - var(--header-height) + 1px);
		position: sticky;
		top: calc(var(--header-height) - 1px);
	}

}

@media (max-width: 980px) {

	.tab__item .grid--layout {
		display: flex;
		flex-direction: column;
	}
	
	.tab__item .grid--layout .grid__column {
		border-top: none;
		border-right: none;
	}
	
	.tab__item .tab__info {
		padding-bottom: 0;
	}
	
	.tab__content {
		padding-top: calc(var(--s-64) - var(--grid-margin));
	}
	
	.tab__img {
		aspect-ratio: 1 / 1;
	}

}

@media (max-width: 680px) {
	
	.tab__item .grid--layout .grid__column {
		padding-right: var(--grid-margin);
	}
	
}

/* TEAM */

.eide__team {
	position :relative;
}

.eide__board {
	border-top: solid 1px var(--color-black);
	position:relative;
}

.section__popup {
	width: 100vw;
	height: 100dvh;
	top:0;
	left:0;
	position: fixed;
	z-index: 10;
}

.team__popup__back {
	width: 100%;
	height: 100%;
	background: rgba(var(--rgb-black), 0.2);
}

.team__popup__content {
	background: var(--color-white);
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(50% - var(--grid-gutter) / 2);
}

.team__item__title  {
	padding-right: calc(var(--s-64) - var(--grid-margin));
}

.team__popup--close {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	padding: var(--grid-margin);	
}

	.team__popup--close:before {
		background: var(--color-black);
		content: '';
		left: 0;
		height: 100%;
		position: absolute;
		top: 0;
		transform: scaleY(0);
		transform-origin: bottom;
		transition: transform 0.6s var(--link-handle) 0.8s;
		width: 100%;
	}

.team__popup--close .close__icon {
	width: var(--s-24);
	height: var(--s-24);
}

.team__popup--close .close__icon:before,
.team__popup--close .close__icon:after {
	height: var(--s-02);
	position: absolute;
}

.team__popup {
	pointer-events: none;
}

.team__popup .team__popup__back {
	background: rgba(var(--rgb-black), 0.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s var(--transition-handle);
}

.team__popup .team__popup__content {
	padding: var(--grid-margin) 0;
	transition: transform 0.8s var(--transition-handle);
}

.team__popup.open--popup {
	pointer-events: auto;   
}

.team__popup.open--popup .team__popup__content {
	transform: translate3d(0, 0, 0);   
}

.team__popup.open--popup .team__popup__back {
	opacity: 1;
	pointer-events: all;
}

.team__item__excerpt + .button {
	margin-top: var(--grid-margin);
}

@media (hover: hover) {
	
	.eide__team__item {
		cursor: pointer;
	}
	
	.eide__team__item:hover .team__item__info > .team__item__title {
		text-decoration: underline;
		text-decoration-thickness: var(--s-02);
		text-underline-offset: 12%;
	}
	
	.team__popup--close:hover:before {
		transform-origin: top;
		transform: scaleY(1);
	}
	
	.team__popup--close:hover .close__icon:before,
	.team__popup--close:hover .close__icon:after {
		background-color: var(--color-white);
	}
	
	.open--popup .team__popup--close .close__icon:before,
	.open--popup .team__popup--close .close__icon:after {
		transition: background 0.6s var(--link-handle);
	}
	
	.open--popup .team__popup--close:before {
		transition: transform 0.6s var(--link-handle);
	}
	
}

@media (min-width: 681px) {
	
	.team__item__excerpt {
		max-width: 75%;
	}
	
	.team__popup .team__popup__content {
		transform: translate3d(100%, 100%, 0);
	}
	
}

@media (max-width: 680px) {

	.team__popup__content {
		width: 100%;
	}
	
	.team__popup .team__popup__content {
		transform: translate3d(0, 100%, 0);
	}
	
	.team__popup--close .close__icon:after,
	.team__popup--close .close__icon:before {
		background-color: var(--color-black);
		height: var(--s-02);
		top: calc(50% - var(--s-02) / 2);
	}

}