.ekipa {
	padding-bottom: 0;
}


.ekipa header {
	text-align: center;
}

.ekipaZavod header h2 {
	color: var(--color__black);
}

.ekipa__zakaj {
	margin-top: var(--spacing2);
}

.ekipa .tocke {
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}

.ekipa__zakaj .tocke--reverse {
	margin-top: var(--spacing1);
}

.ekipa .tocke .b {
	font-size: var(--size1);
	font-weight: var(--weight__bold);
}

.ekipa .tocke__header {
	display: flex;
	gap: var(--spacing);
	align-items: flex-end;
}

.ekipa .tocke__header img {
	width: 5em;
}

.ekipa .tocke--reverse .tocke__header {
	flex-direction: row-reverse;
}

.ekipa .tocke ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacing);
	align-items: stretch;
	padding: 0 1.5em 0 0;
	
	list-style: none;
}

.ekipa .tocke ul .b {
	width: 100%;
}

.ekipa .tocke__explanations > div {
	padding: var(--spacing-1) var(--spacing);
	
	border-radius: 10px;
    color: var(--color__black);
    border: 1px solid var(--color__black);
    background-color: var(--color__white);
}

.ekipa footer {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ekipa footer p {
	margin-top: var(--spacing2);
	margin-bottom: var(--spacing2);
	
	font-size: var(--sizeh3);
	font-weight: var(--weight__bold);
	text-align: center;
}












.epikEkipa header h2 {
}

.epikEkipa header h3 {
}


.epikEkipa__list {
	display: grid;
	gap: var(--s15);
	grid-template-columns: repeat(auto-fit, minmax(105px, 160px));
	justify-content: center;
	margin-top: var(--s20);
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.teamMember {
	display: grid; 
	
	perspective: 1000px; 
}

.teamMember__front,
.teamMember__back {
	grid-area: 1 / 1;
	transition: transform 600ms ease;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	overflow: hidden;
	
	border-radius: 0.5em;
	border: 1px solid var(--color__black);
	font-family: var(--family3);
	font-weight: 600;
	font-size: var(--font-size__card-career-title);
	line-height: var(--line-height__card-career-title);
}

.teamMember__front {
	box-shadow: var(--shadow__blue);
}

.teamMember__front img {
	width: 100%;
}

.teamMember__front h4 {	
	padding: var(--s15) var(--s10);
	
	background-color: var(--color__white);
	text-align: center;
	font-family: var(--family3);
	font-weight: 600;
	font-size: var(--font-size__card-career-title);
	line-height: var(--line-height__card-career-title);
	white-space: nowrap;
}

.teamMember__back {
	display: flex;
	flex-direction: column;
	
	padding: var(--s15) var(--s10);
	transform: rotateY(180deg);
	
	background-color: var(--color__white);
}

.teamMember__back p + p {
	margin-top: var(--s25);
}

.teamMember__back p:nth-child(2) {
	flex: 1 1 auto;
}

.teamMember__back .sm {
	padding: 0.3em;
	gap: var(--s10);
	justify-content: flex-end;
}

.teamMember:hover .teamMember__front,
.teamMember:focus-within .teamMember__front {
	transform: rotateY(180deg);
}

.teamMember:hover .teamMember__back,
.teamMember:focus-within .teamMember__back {
	transform: rotateY(0deg);
}

@media (prefers-reduced-motion: reduce) {
	.teamMember__front,
	.teamMember__back {
		transition: none;
	}
}

@media (hover: none) and (pointer: coarse) {
	.teamMember:active .teamMember__front { transform: rotateY(180deg); }
	.teamMember:active .teamMember__back  { transform: rotateY(0deg); }
}












.partnerji main header {
	text-align: center;
}

.partnerji main header h2 {
	color: var(--color__black);
}

.partnerji main footer {
	text-align: center;
}

.partnerSkupina {
	display: grid; 
	overflow: hidden;
	max-width: 17em;
	
	border: 1px solid var(--color__black);
	box-shadow: var(--shadow__blue);
	border-radius: 0.5em;
	perspective: 1000px; 
}

.partnerSkupina__front,
.partnerSkupina__back {
	grid-area: 1 / 1;
	transition: transform 600ms ease;
	transform-style: preserve-3d;
	backface-visibility: hidden;
}

.partnerSkupina__front {
	padding: var(--spacing);
	position: relative;
	background-color: var(--color__white);
}

.partnerSkupina__front img {
	width: 7em;
}


.partnerSkupina__back {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
	padding: var(--spacing);
	transform: rotateY(180deg);
	
	font-size: var(--size-1);
	background-color: var(--color__white);
}

.partnerSkupina:hover .partnerSkupina__front,
.partnerSkupina:focus-within .partnerSkupina__front {
	transform: rotateY(180deg);
}

.partnerSkupina:hover .partnerSkupina__back,
.partnerSkupina:focus-within .partnerSkupina__back {
	transform: rotateY(0deg);
}

@media (prefers-reduced-motion: reduce) {
	.partnerSkupina__front,
	.partnerSkupina__back {
		transition: none;
	}
}

@media (hover: none) and (pointer: coarse) {
	.partnerSkupina:active .partnerSkupina__front { transform: rotateY(180deg); }
	.partnerSkupina:active .partnerSkupina__back  { transform: rotateY(0deg); }
}

.partnerSkupina__image {
	min-height: 6em;
}

.partnerji__skupine {
	margin-top: var(--spacing2);
	margin-bottom: var(--spacing2);
	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing1);
	justify-content: center; 
}







.seznamClanov h2 {
	font-size: var(--sizeh1);
}

.partnerji__partner {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	
	padding: var(--spacing);
	
	aspect-ratio: 3 / 2;
	background-color: var(--color__white);
	box-shadow: var(--shadow__blue);
	border-radius: 0.5em;
	border: 1px solid var(--color__black);
}

.partnerji__partner img {
	max-height: 100%;
}

.seznamClanov__list {
	margin-top: var(--spacing2);
	
	display: grid;
	/* grid-template-columns: repeat(2, 1fr); */
	grid-template-columns: repeat(auto-fit, minmax(8em, 10em));
	gap: var(--spacing);
	justify-content: center;
}





.epikZavod header h2 {
	color: var(--color__red);
}

.epikZavod h3 {
	margin-top: var(--spacing2);
	font-size: var(--sizeh2);
	text-align: center;
}

.epikZavod #dokumenti {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.epikZavod #dokumenti a {
	text-decoration: underline;
}

.ekipa__partner {
	text-align: center;
}

.ekipa__povezave h3 {
	margin-top: 0;
}

.ekipa__partner .b {
	margin-top: var(--s40);
}

.epikZavod .scrollH__card {
	
}










.vsebina h1 {
	color: var(--color__red);
} 














@media (min-width: 48em) {
	.ekipa .tocke {
		flex: 1;
		margin-left: 0;
		margin-right: 0;
	}
	
	.ekipa__zakaj {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		gap: var(--spacing2);
	}
	
	
	.teamMember__back {
		padding: var(--s25) var(--s15);
	}
	
	.teamMember__back p + p {
		margin-top: var(--s50);
	}

	.epikZavod .scrollH__card {
		width: 30em;
		margin-left: auto;
		margin-right: auto;
	}
	
	.partnerji__skupine {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 65em) {
	.epikEkipa__list {
		gap: var(--s40);
	}
	
	.partnerji__skupine {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.teamMember__front h4 {	
		padding: var(--s25) var(--s10);
	}
}