.theme h1, 
.theme h2, 
.theme h3 {
	color: var(--color__blue--dark);
}

.theme--greenLight {
	--color__bg: var(--color__greenMpik--light);
}

.bWrap.bWrap--right {
	text-align: right;
}

h1, h2 {
	color: var(--color__blue--dark);
}

.aktualno h2 {
	margin-top: 2em;
    font-size: var(--buttonFontSize) !important;
    text-transform: uppercase;
}

.wAktualno h3 {
	font-size: var(--size1);
    font-weight: var(--fontBold);
}

.theme--greenDark {
	--color__txt: #fff;
	--color__heading: #fff;
	--color__bg: var(--color__greenMpik);
}

.bWrapp--link {
	display: flex;
    align-items: center;
    gap: 2em;
}

.bWrapp--link > a:not(.b) {
    text-transform: uppercase;
    font-weight: 500;
    color: var(--color__gray);
    font-size: var(--size-1);
    line-height: 1.4;
    margin-top: 0.2em;
}

.naslovnaVsebina {
	padding-bottom: 2em;
}


@media (min-width: 48rem) {
	
	.naslovnaVsebina {
		padding-bottom: 4em;
	}
}

.b {
	cursor: pointer;
}

.b--regular.b--greenDark {
	--bg: var(--color__greenMpik);
	--border: var(--color__greenMpik);
	--color: #fff
}

.b--regular.b--greenDark:hover {
	--bg: var(--color__blue--dark);
	--border: var(--color__blue--dark);
	--color: #fff
}

.followUs a {
	--color: var(--color__greenMpik);
	--border: var(--color__greenMpik);
}

.podjProgrami .b {
	--bg: var(--color__text);
	--color: #fff;
	--border: var(--color__text);
	
	padding: 0.8em 1.3em;
	
	text-decoration: none;
	text-transform: uppercase;
	font-weight: var(--fontBold);
	font-size: var(--buttonFontSize);
	line-height: 1;
	border-radius: 2em;
	border-width: 2px;
	border-style: solid; 
	border-color: var(--border, currentColor);
	white-space: nowrap;
	
	transition: background-color .3s, color .3s, border-color .3s;
}

.zgodbe .b,
.podjProgrami .b {
	--bg: var(--color__greenMpik);
	--border: var(--color__greenMpik);
	--color: #fff
}

.zgodbe .b:hover,
.podjProgrami .b:hover {
	--bg: var(--color__blue--dark);
	--border: var(--color__blue--dark);
}


.b.b--underlined,
.b.b--underlined {
	--bg: transparent;
	--border: transparent;
	--color: var(--color__greenMpik);
	font-style: normal;
	font-weight: var(--fontBold);
	border-bottom: 1px solid var(--color__greenMpik);
}

.b.b--underlined:hover,
.b.b--underlined:hover {
	--bg: transparent;
	--border: transparent;
	--color: var(--color__greenMpik);
}

.wAktualno time, 
.wTender time {
	text-transform: uppercase;
}

.wAktualno h3, 
.wZgodba h3 {
	margin-top: 0.5em;
}

.wAktualno .wDogodki__info {
    margin-top: 1em;
}


.podjProgrami h3 a {
	transition: background-color .3s, color .3s, border-color .3s;
}

.podjProgrami h3 a:hover {
	color: var(--color__blue--dark);
}


.razvoj__children .b {
	--bg: var(--color__greenMpik);
	--border: var(--color__greenMpik);
	--color: #fff
}

.razvoj__children .b:hover {
	--bg: #fff;
	--border: #fff;
	--color: var(--color__greenMpik);
}

.pridruzi .b:hover,
.prijava__green .b:hover {
	--bg: var(--color__blue--dark);
	--border: var(--color__blue--dark);
}

.pridruzi .b:hover {
	background-color: #fff;
	border-color: #fff;
	color: var(--color__blue--dark);
}

.prostori__soba a {
	color: var(--color__greenMpik);
	transition: background-color .3s, color .3s, border-color .3s, opacity .3s;
}

.prostori__soba a:hover {
	color: var(--color__greenMpik);
	opacity: 0.6;
}


.textWrapp {
	max-width: 80ch;
	margin-left: auto;
	margin-right: auto;
}

.pridruzi {
	position: relative;
	text-align: center;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.pridruzi h2 {
	color: var(--color__blue--dark);
}
.pridruzi .b {
	margin-top: 2em;
}
.pridruzi img {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.3;
	z-index: 1;
	
	max-height: 80%;
	pointer-events: none;
}

.pridruzi .ws__inner {
	position: relative;
	z-index: 2;
}



.mpik {
	--negativeMargin: 8em;
}

.mpik .theme--white, 
.mpik .theme--silver, 
.mpik .theme--black {
	--color__heading: var(--color__greenMpik);
}

.mpik .naslovnica {
	position: relative;
	overflow: hidden;
	grid-template-rows: 1fr 6em;
	min-height: 100vh;
	padding-top: 0;
	
	color: #fff;
}

.introImage {
	max-width: 8em;
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-top: -1em;
}

.introImage img {
	width: 100%;
	max-width: 100%;
}

.introImage.inview {
    margin-top: 8em;
	transition: margin 1s;
}

.introImage.inview.loaded {
    margin-top: -1em;
}

.introImage.introImage--naslovnica {
    float: none;
    margin: 0 0 1em 0;
}

.introImage.introImage--bottom {
    float: none;
    margin-top: 0;
	display: none;
}

@media (min-width: 48rem) {
	
	.introImage {
		max-width: 10em;
		margin-top: 0em;
		margin-bottom: 2em;
		margin-left: 2em;
	}
	
	.introImage.introImage--naslovnica {
		max-width: 8em;
	}
	
	.introImage.inview {
		margin-top: 0;
		transform: translateY(3em);
		opacity: 0;
		transition: transform 1s, opacity 1s;
	}

	.introImage.inview.loaded {
		margin-top: 0;
		transform: translateY(0);
		opacity: 1;
	}
	
	.introImage.introImage--bottom {
		display: block;
	}
}

@media (max-width: 48rem) {
	
	
    .mpik .naslovnica {
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh)* 100);
    }
}


.mpik .naslovnica:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-color: rgba(0,0,0,0.4);
}


.naslovnica__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-position: 50% 50%;
    background-size: cover;
	grid-column: none;
}

.mpik .naslovnica picture {
	z-index: -1;
}

.mpik .naslovnica h1 {
	font-weight: 400;
	color: #fff;
	line-height: 1.3;
}

.mpik .naslovnica .headline__info {
	line-height: 1.4;
}


.mpik .naslovnica picture {
	grid-column: 1 / -1;
	grid-row: 1 / span 2;
}

.mpik .naslovnica p {
	font-size: var(--size2);
}

.mpik .naslovnica .ws__inner {
	grid-row: 1;
	z-index: 2;
	align-self: end;
}

.mpik .naslovnica .scroll__more {
	grid-row: 2;
	z-index: 3;
	text-align: center;
	align-self: center;
}

.mpik .naslovnica picture img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	filter: brightness(70%);
}


.mpik .naslovnica.inview .naslovnica__image {
	transform: scale(1.2);
	transition: transform 2s;
}

.mpik .naslovnica.inview.loaded .naslovnica__image {
	transform: scale(1);
}

.mpik .naslovnica.inview picture img {
	transform: scale(1.2);
	transition: transform 2s;
}

.mpik .naslovnica.inview.loaded picture img {
	transform: scale(1);
}

.mpik .naslovnica.inview h1 {
	position: relative;
    transform: translateY(120px);
    opacity: 0;
    transition: transform 1.5s, opacity 1.5s;
}

.mpik .naslovnica.inview.loaded h1 {
	position: relative;
    transform: translateY(0);
    opacity: 1;
}

.mpik .naslovnica.inview p {
    transform: translateY(120px);
    opacity: 0;
    transition: transform 1.5s, opacity 1.5s;
    transition-delay: 0.2s;
}

.mpik .naslovnica.inview.loaded p {
    transform: translateY(0);
    opacity: 1;
}


.mpik .intro img {
	max-width: 16em;
}

.mpikHeadlineLogos {
	display: flex;
	justify-contetn: flex-start;
	align-items: flex-start;
	gap: 1em;
}

/*
.mpik .intro .mpikHeadlineLogos img {
    max-width: 49%;
}
*/

.zgodbaSingle h2, 
.sPrijava h2, 
.sHome h2 {
	font-size: var(--size5);
}

.mpik .prijava .followUs {
	color: var(--color__greenMpik);
}

.mpik .prijava .followUs h3 {
	color: var(--color__greenMpik);
}


.mpik .prijava .followUs a:hover {
	border-color: var(--color__greenMpik);
	background-color: var(--color__greenMpik);
	color: #fff;
}

.mpik .prijava__green .b:hover {
	background-color: #fff;
    border-color: #fff;
    color: var(--color__blue--dark);
}

.kaj {
	--flow-space: var(--wrapper__padding);
	padding-bottom: var(--wrapper__padding);
}

.kaj__ponuja {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 2em;
	justify-items: center;
}

.kaj__ponuja article {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	gap: 1em;
	
	font-weight: 600;
	text-align: center;
}

.kaj__ponuja img {
	max-width: 4em;
}


.lrSticky {
	/* margin-top: calc(var(--negativeMargin) + var(--wrapper__bodyPadding)); */
}

.lrSticky__image {
	margin-top: calc((var(--negativeMargin) + var(--wrapper__padding)) * -1);
}

.kdoKako__content > ul {
	margin-left: 2em;
}

.kdoKako__links {
	margin-top: 2em;
}
	
.kdoKako__links ul {
	--bg: var(--color__yellow--mpik);
	--border: var(--color__yellow--mpik);
	--color: #fff;
}


	
	.kdoKako em {
		color: var(--color__yellow--mpik);
		font-style: normal;
	}

	.kdoKako em strong {
		font-size: var(--size1);
	}









.kako ol {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: var(--wrapper__bodyPadding);
}


.kako ol li div {
	font-weight: 600;
}

.kako ol li h3 {
	margin-bottom: 0.5em;
	color: var(--color__yellow--mpik);
	font-size: var(--size2);
}




.prijava {
	margin-top: 4em !important;
	padding-top: 0 !important;
}

.prijava__info {
	max-width: 33em;
	margin-top: 4em;
}

.prijava .prijava__info .followUs {
	margin-top: 1em;
	margin-bottom: 2em;
}

.prijava__info em strong {
	color: var(--color__yellow--mpik);
	font-size: var(--size2);
	font-style: normal;
}

.prijava__info.inlineLinks ul {
	--bg: var(--color__yellow--mpik);
	--border: var(--color__yellow--mpik);
	--color: #fff;
	
	margin-top: var(--wrapper__bodyPadding);
	margin-left: 0;
}

.prijava__contact {
	--color__heading: var(--color__text);
	
	margin-top: var(--wrapper__padding);
}

.prijava .followUs {
	margin-top: var(--wrapper__padding);
}

.prijava__contacts {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
}

.prijava__green {
	position: relative;
	margin-top: -4em !important;
	margin-bottom: 2em;
	padding: 2em;
	
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-items: center;
	text-align: center;
	gap: 1em !important;
	
	overflow: hidden;
	
	text-decoration: none;
}

.prijava__green > * {
	position: relative;
	z-index: 5;
}

.prijava__green h2 {
	color: var(--color__greenMpik);
}

.prijava__green .b {
	margin-top: 1.5em;
}

.prijava__green img {
	position: absolute;
    bottom: -1%;
    right: 1%;
    z-index: 1;
    max-height: 80%;
    pointer-events: none;
	z-index: 1;
	
    opacity: 0.7;
	/* filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.3)); */
}

@media (max-width: 48em) {
	
	.pridruzi {
		padding-top: 5em;
		padding-bottom: 14em;
	}
	
	.pridruzi img {
		top: auto;
		bottom: 0;
		transform: translateX(-50%);
	}
}

@media (min-width: 65em) {
	
	.prijava__green {
		margin-top: -7em !important;
		margin-bottom: 4em;
		
		padding-top: 5em;
		padding-bottom: 5em;
	}
	
    .prijava__green img {
        top: 60%;
        left: 70%;
		transform: translate(-50%, -50%);
		z-index: 1;
        max-height: 100%;
		pointer-events: none;
		opacity: 1;
		z-index: 1;
    }
	
	
	.prijava {
		margin-top: 7em !important;
	}
	
	.pridruzi img {
		top: 60%;
		left: 80%;
		max-height: 100%;
	}
	
	.pridruzi {
		padding-top: 8em;
		padding-bottom: 8em;
	}
	
	.prijava .prijava__info .followUs {
		margin-top: 3em;
		margin-bottom: 2em;
	}
}

@media (min-width: 90em) {
	
	.prijava__green {
		padding-top: 6em;
		padding-bottom: 6em;
	}
}












.mpikProject {
	text-align: center;
	color: var(--color__gray);
}

.mpik footer .ws__inner:last-child {
	grid-column: 1 / -1;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 1em;
	
	margin-top: 4em;
	
	color: var(--color__text);
}


.mpikProject__partners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	
	margin-bottom: 2em;
}

.mpikProject__partners img {
	height: 3em;
}

.prijava__contacts {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 2em 1em;
	
	margin-top: 2em;
}



.sPrijavaN {
	margin-bottom: var(--wrapper__bodyPadding);
}

.sPrijavaN .bWrapp {
	margin-bottom: 2em;
}

.sPrijavaN .slogan {
	margin-bottom: -0.5em;
}

.sPrijavaN .slogan h2,
.sPrijavaN .slogan h3 {
	color: var(--color__greenMpik);
	font-size: var(--size0);
	font-weight: 300;
}

.sPrijavaN__inner > * {
	text-align: left;
}

.sPrijavaN__inner img {
	display: none;
	max-width: 12em;
}

.sPrijavaN__inner h1 {
	margin-top: 0;
}


.sPrijava .kako ol li div {
	color: var(--color__yellow--mpik);
}



.wAktualno h3, 
.wZgodba h3 {
	color: var(--color__text);
}

.wAktualno--blog time {
	text-transform: uppercase;
}

.wZgodba__inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
}

.wZgodba__cover {
	width: 50%;
}

.wZgodba__cover img {
	width: 100%;
}

.wZgodba__content {
	width: 50%;
	font-style: italic;
}

.wZgodba__content .b {
	margin-top: 1em;
}

.wAktualno .wZgodba__cover {
	width: 100%;
}

.wAktualno .wZgodba__content {
	width: 100%;
}

.wZgodba__content h3 {
	font-style: normal;
	margin-top: 0;
}

.wZgodba__text {
	margin-bottom: 0.8em;
}

.wZgodba__name {
	font-size: var(--size-1);
}

.wZgodba .followUs a {
	font-size: var(--size1);
}

.wZgodba .followUs a:hover {
	background-color: var(--color__greenMpik);
	border-color: var(--color__greenMpik);
	color: #fff;
}

.wZgodba .wZgodba__cover {
	overflow: hidden;
}

.wZgodba .wZgodba__cover a > img {
	transition: transform .6s ease-in-out, filter 2s;
}

	.wZgodba:hover .wZgodba__cover a > img {
		transform: scale(1.2);
	}


.wMpik .wZgodba__inner {
	color: var(--color__text);
	text-decoration: none;
}

.wMpik .wZgodba__inner .wZgodba__cover {
	position: relative;
	overflow: hidden;
}

.wMpik .wZgodba__inner .wZgodba__cover img {
	transform: scale(1);
	
	transition: transform .6s ease-in-out, filter 2s;
}

.wMpik .wZgodba__inner .b {
	color: var(--color__blue--dark);
	background-color: transparent;
	border-bottom: 0;
	
	transition: color 0.4s;
}

.wMpik .wZgodba__inner:hover .wZgodba__cover img {
	transform: scale(1.2);
}

.wMpik .wZgodba__inner:hover .b {
	color: var(--color__greenMpik);
}


.wMpik.wMpik--zanimivost {
	background-color: var(--color__greenMpik);
	color: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 2em 1.5em;
}
.wMpik.wMpik--zanimivost .wZgodba__inner {
	color: #fff;
}
.wMpik__zanimivostContent {
	text-align: center;
	font-size: var(--size1);
}
.wMpik__zanimivostContent img {
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.3;
	max-width: 70%;
}
.wMpik.wMpik--zanimivost.swiper-slide {
	max-width: 16em;
}

.intro__content p {
	margin-bottom: 1em;
}

.wZgodbaGrid .wZgodba__inner {
	color: var(--color__text);
	text-decoration: none;
	flex-direction: column;
}

.wZgodbaGrid .wZgodba__content .b {
	margin-top: 1em;
	color: var(--color__blue--dark);
    background-color: transparent;
    border-bottom: 0;
    transition: color 0.4s;
}

.wZgodbaGrid .wZgodba__cover {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.wZgodbaGrid .wZgodba__content {
	width: 100%;
}

.wZgodbaGrid .wZgodba__inner .wZgodba__cover img {
    transform: scale(1);
    transition: transform .6s ease-in-out, filter 2s;
}

.wZgodbaGrid .wZgodba__inner:hover .wZgodba__cover img {
    transform: scale(1.2);
}

.wZgodbaGrid .wZgodba__inner:hover .b {
	color: var(--color__greenMpik);
}

.wZgodbaGrid .wZgodba__inner:hover h3 {
	color: var(--color__text);
}


@media (max-width: 37em) {
	
	
	.wMpik .wZgodba__text {
		display: none;
	}
	
	.wZgodba__cover {
		width: 100%;
	}

	.wZgodba__content {
		width: 100%;
	}
	
	.wZgodba__inner {
		flex-direction: column;
	}
	
	.wMpik.swiper-slide {
		max-width: 16em;
	}
}

@media (min-width: 37em) {
	
	.mpik .intro .ws__inner {
		display: flex;
		align-items: flex-start;
		gap: 2em;
	}

	.mpik .intro .ws__inner {
		--flow-space: 0;
	}
	
	.mpik .intro {
		z-index: 2;
	}
	
	.mpik .intro .intro__content {
		max-width: 70ch;
	}
	
	.mpik .intro img {
		margin-top: -7em;
	}
	
	.kaj__ponuja {
		grid-template-columns: repeat(3, 1fr);
	}
	
	
	
	.prijava__contact {
		margin-top: 0;
	}
	
	.prijava__contacts {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--wrapper__gridGap);
	}
	
	.sPrijavaN__inner img {
		display: inline-block;
		float: right;
		margin: 0 0 2em 2em;
	}
	

}

@media (min-width: 48em) {
	.mpik .naslovnica {
		height: 100vh;
	}
	
	.mpik .intro{
		font-size: var(--size1);
	}
	
	.mpik .intro .ws__inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--wrapper__padding);
	}

	.lrSticky__image {
		grid-column-start: 1;
		grid-column-end: 7;
	}
	
		.lrSticky__image img {
			position: sticky;
			top: 0;
		}

	.lrSticky__content {
		grid-column-start: -8;
		grid-column-end: var(--wrapper__gridOffsetRight);
	}
	
		.lrSticky__content > div {
			position: sticky;
			top: var(--wrapper__bodyPadding);
		}
	
	.kako ol {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.mpikProject__partners {
		gap: 1em 3em;
	}
	
	.sPrijavaN__inner > * {
		max-width: 70%;
	}
	
	.wMpik.wMpik--zanimivost.swiper-slide {
		max-width: 18em;
	}
	
	
	.mpik .intro .ws__inner > a {
		flex: 1 1 auto;
		text-align: center;
	}
	
	.mpik .intro img {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 65em) {
	
	.kaj__ponuja {
		margin-top: 3em;
		grid-template-columns: repeat(4, 1fr);
		gap: 3em;
	}
	
	.mpeakPiktogrami .kaj__ponuja {
		margin-top: 0;
	}
	.prijava .ws__inner {
		display: flex;
		gap: var(--wrapper__padding);
		justify-content: space-between;
		align-items: center;
	}
	
	.prijava__contact {
		width: 50%;
		flex: 0 0 auto;
	}
	
	.lrSticky__image {
		grid-column-start: 1;
		grid-column-end: 7;
	}

	.lrSticky__content {
		grid-column-start: 8;
	}
	
	.kako ol {
		grid-template-columns: repeat(4, 1fr);
	}
	
	
	.prijava + .zgodbe {
		padding-top: calc(var(--wrapper__bodyPadding) * 3);
	}
	
	.sPrijavaN__inner img {
		max-width: 15em;
		margin-top: -3em;
		
		margin-right: 8em;
	}
	
	.mpik__contactsWrap .ws__inner {
		display: flex; 
		flex-wrap: wrap;
		gap: var(--wrapper__padding);
		align-items: center;
		justify-content: space-between;
	}
	
	.prijava__info {
		flex: 1 1 40%;
	}
	
	.mpik__contactsWrap--large .ws__inner {
		grid-column-start: var(--wrapper__gridOffsetLeft);
	}
	
	.mpik footer .ws__inner:last-child {
		grid-column: 3 / -3;
	}
	
	.sPrijavaN--prostor {
		margin-bottom: 4em;
	}
	
	.wZgodba__content .b {
		margin-top: 2em;
	}
	
	.sPrijavaN {
		margin-bottom: 0;
	}
	
	.sPrijavaN .bWrapp {
		margin-bottom: 3.5em;
	}
	
	.mpeakPiktogrami .kaj__ponuja img {
		max-width: 7em;
	}
	
	.mpeakPiktogrami .kaj__ponuja span {
		font-size: var(--size1);
	}
	
	.mpeakPiktogrami .kaj__ponuja {
        margin-top: 3em;
        grid-template-columns: repeat(3, 1fr);
        gap: 3em;
    }
	
	.mpeakPiktogrami .kaj__ponuja article {
		gap: 2em;
    }
}

@media (min-width: 90em) {
	.kaj__ponuja {
		justify-items: start;
	}
	
	.kaj__ponuja article {
		flex-direction: row;
		text-align: left;
	}
	
	.mpik .noviceList {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.mpik footer {
		grid-column: 3 / -3;
	}
}

/************ uspesne-zgodbe - ZGODBA ******/

.ws__nav {
	display: flex; 
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	
	gap: 1em;
	margin-bottom: 2em;
}

.ws__nav p {
    font-weight: 500;
    color: var(--color__gray);
    font-size: var(--size-1);
    line-height: 1.4;
    margin-top: 0.2em;
}

.zgodba__row--main {
	position: relative;
}

.zgodba__title {
	position: relative;
	padding-right: 10em;
}

.zgodba__titleIcon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 9em;
}

.zgodba__image {
	position: relative;
}

.zgodba__image img {
	position: relative;
	display: block;
}

.rowContent {
	display: block;
	font-weight: var(--fontBold);
	margin-bottom: 2em;
}

.novica__avtor p {
	margin-top: 2em;
	font-size: var(--size-1);
}

.zgodbaSingle .novica__body .wShare { 
	margin-top: 2em;
}

.zgodbaSingle .novica__body .wShare p {
	color: #fff;
	margin-right: 1em;
}

.zgodbaSingle .novica__body .wShare__link {
	color: #fff;
	border-color: #fff;
}

	.zgodbaSingle .novica__body .wShare__link:hover {
		background-color: #fff;
		border-color: #fff;
		color: var(--color__greenMpik);
	}


.zgodba__iconWrapp {
	position: relative;
	margin-top: -5em;
	width: 100%;
	text-align: right;
	
	z-index: 4;
	pointer-events: none;
}

.zgodba__icon {
	display: inline-block;
	width: 10em;
	z-index: 3;
}

.zgodba__row--text {
	margin-top: 1em;
}

.zgodba__row--text .addBg {
	margin-top: 1em;
	max-width: 45em;
}

.zgodbe .carouselType1 {
	margin-top: 3em;
}

.ws--pad.theme--white + .ws--pad.theme--white {
	padding-top: 0; 
}
.addBg {
	margin-top: 1em;
	padding-top: 2em;
	padding-bottom: 8em;
	position: relative;
	color: #fff;
	
	z-index: 1;
}

.addBg:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -100vw;
	width: 200vw;
	height: 100%;
	
	background-color: var(--color__greenMpik) !important;
	z-index: -1;
}

.zgodbaSingle .addBg:after {
	background-color: var(--color__blue--dark) !important;
}

.zgodbaSingle .wShare .followUs a {
	transition: color 0.4s, background 0.4s, border 0.4s;
}

.zgodbaSingle .wShare .followUs a:hover {
	background-color: #fff;
	border-color: #fff;
	color: var(--color__blue--dark);
}

.addBg.theme--persian .b {
	color: #fff;
	border-color: #fff;
	
	transition: color 0.4s, background 0.4s, border 0.4s;
}

.addBg.theme--persian .b:hover {
	color: var(--color__greenMpik);
	border-color: #fff;
	background-color: #fff;
}

.zgodbaSingle .zgodba__inner {
	overflow: hidden;
}

.zgodba__imageInner img {
	width: 100%;
}

@media (max-width: 65em) {
	
	.zgodbaSingle .zgodba__inner {
		padding-top: 1em;
	}
}

@media (min-width: 768px) {
	
	.zgodba__title {
		position: relative;
		padding-right: 15em;
	}
	
	.zgodba__iconWrapp {
		margin-top: -8em;
	}

	.zgodba__titleIcon {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 14em;
	}
	
	.zgodba__icon {
		width: 25em;
	}

	.zgodbaSingle .zgodba__inner {
		position: relative;
		overflow: hidden;
	}
	
	.ws__nav {
		gap: 2em;
	}

	.zgodba__row--main {
		display: flex; 
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.ws__navBtn {
		width: 30%;
		text-align: right;
	}
	
	.zgodba__image {
		width: 30%;
		margin-right: 2em;
		
		z-index: 3;
	}
	
	.zgodba__imageInner {
	    position: relative;
	}
	
	.zgodba__row--text {
		width: calc(70% - 2em);
		margin-top: 4em;
	}
	
	.zgodba__row--text h1 {
		margin-bottom: 1em;
	}
	
	.addBg {
		margin-top: 2em;
		padding-top: 4em;
		padding-bottom: 4em;
		position: relative;
		color: #fff;
		
		z-index: 1;
	}
	
	.rowContent {
		display: block;
		font-weight: var(--fontBold);
		margin-bottom: 2em;
	}
	
	.addBg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -100vw;
		width: 200vw;
		height: 100%;
		
		background-color: var(--color__greenMpik);
		z-index: -1;
	}
	
	.zgodba__row--main {
        display: flex;
        justify-content: stretch !important;
        align-items: stretch !important;
    }
	
	.zgodba__row.zgodba__row--text {
		display: flex;
		justify-content: stretch;
		align-items: stretch;
		flex-direction: column;
	}
	
	.zgodba__row.zgodba__row--text .addBg {
		flex: 1 1 auto;
	}
}

@media (min-width: 90em) {
	
	.ws__nav {
		gap: 6em;
	}
	
	.ws__navBtn {
		width: 30%;
		text-align: right;
	}
	
	.zgodba__image {
		width: 30%;
		margin-right: 6em;
	}
	
	.zgodba__row--text {
		width: calc(70% - 2em);
	}
}

/************ uspesne-zgodbe - ZGODBA END ******/




.razvoj__children {
	position: relative;
	
	--negativeMargin: 8em;
	margin-top: calc(var(--negativeMargin) + var(--wrapper__bodyPadding));
	--iconSize: 2em;
}

.razvoj--first {
	position: relative;
	margin-top: calc((var(--negativeMargin) + var(--wrapper__padding)) * -1);
	aspect-ratio: 2 / 3;
	overflow: hidden;
	
	z-index: 10;
}

.razvoj__topBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	grid-column: -1 / 1;
	z-index: 1;
}

.razvoj__mainContent {
	padding-bottom: 2em;
	margin-bottom: 3em;
	text-align: left;
}

.razvoj__mainContent h1 {
	color: var(--color__blue--dark);
	margin-bottom: 0.5em;
}

.razvoj__mainContent .razvoj__introText {
	color: var(--color__text);
}
.razvoj h3,
.razvoj h2 {
	color: var(--color__greenMpik);
	font-size: var(--size3);
}

.razvoj__mainContent .slogan {
	color: var(--color__text);
	text-align: left;
	font-size: var(--size1);
}

.razvoj__part1 section {
	z-index: 2;
}

.razvoj--first img {
	height: 100%;
	object-fit: cover;
	filter: brightness(80%);
	
	transition: transform 2s;
}

.razvoj--first:hover > img {
    transform: scale(1.1);
}

.razvoj__part1 section {
	margin-top: 2em;
	--flow-space: 2em;
}

.razvoj__part1 section a {
	display: block;
	padding-bottom: var(--flow-space);
	color: #fff;
	text-decoration: none;
	max-width: 32em;
}

.razvoj__part1 .flow .razvoj .bWrap {
	margin-top: 1.5em;
}

	.razvoj__part1 h2 {
		transition: color .3s;
	}

	.razvoj__part1 section a:hover h2 {
		color: var(--color__greenMpik);
	}
	
	.razvoj__part1 .podrocje__teaser  {
		padding-bottom: var(--wrapper__padding);
		margin-top: 2em;
	}

.razvoj__part1 section a > * {
	--flow-space: 1em;
}

	.razvoj--middle .icon {
		font-size: var(--iconSize);
		color: var(--color__greenMpik);
	}
	
	.razvoj--middle p {
		color: #fff;
		line-height: 1.4;
	}

.razvoj__part2 {
	margin-top: calc(var(--wrapper__padding) * 2);
	
	display: grid;
	gap: calc(var(--wrapper__gridGap) * 4) var(--wrapper__gridGap);
	grid-template-columns: 1fr;
}

.razvoj__part2 .wAktualno h3 {
	font-size: var(--size3);
}

.razvoj__part2 .groupList {
	display: none;
}

.razvoj--grid {
	color: #fff;
	text-decoration: none;
}

.razvoj--grid h2 {
	font-size: var(--size1);
}

.podrocje footer {
	margin-bottom: var(--wrapper__padding);
}

@media (min-width: 37em) {
	
	.podrocje__teaser {
		right: 3em;
		bottom: 2em;
		left: 3em;
	}
}

@media (max-width: 767px) {
	
	.razvoj__topBg {
		display: none;
	}
	
	.razvoj__mainContent img {
		display: none;
	}
	
	.razvoj__mainContent h1, 
	.razvoj__mainContent .slogan {
		color: #fff;
	}
	
	.razvoj__mainContent .razvoj__introText {
		color: #fff;
	}
	
	.zgodbe__slider.swiper--type1 {
		--flow-space: 1rem;
		--slideWidth: 35em;
	}
}

@media (min-width: 48em) {
	.headline {
		grid-template-rows: 1fr 1fr 1fr 10em 6em;
	}
	
	.podrocja__intro p {
		grid-column: var(--wrapper__gridOffsetLeft) / span 6;
	}
	
	.podrocje__image {
		aspect-ratio: 1;
	}
	
	.podrocja__intro img {
		grid-column-end: -1;
		
		position: absolute;
		right: 0;
		bottom: auto;
		top: 50%;
		transform: translateY(-50%);
		width: 50%;
		
		opacity: 1;
	}
	
	.razvoj__mainContent {
		position: relative;
	}
	
	.razvoj__mainContent img {
		max-width: 8em;
		display: block;
		position: absolute;
		bottom: calc(100% - 2em);
		right: 0;
	}
	
	
	
	.podrocja__link {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.podrocje__info {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: var(--wrapper__padding);
		
		font-size: var(--size1);
	}
	
	.podrocje__info strong {
		color: var(--color__primary);
	}
	
	.podrocja__children > *:nth-child(even) .podrocje__image {
		order: 3;
	}
	
	.razvoj__children {
		margin-top: 0;
		padding-bottom: 0;
	}
	
	.razvoj__part1 {
		display: grid;
		grid-template-columns: minmax(50%, 1fr) 1fr;
		gap: var(--wrapper__padding);
		
		grid-column-start: 1;
	}
	
	.razvoj--first {
		position: sticky;
		top: 0;
		aspect-ratio: unset;
		height: 100vh;
		max-width: 100%;
	}
	
	.razvoj__part2 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 65em) {
	.headline__info h1 {
		font-size: var(--size6);
	}
	
	.headline__info p {
		font-size: var(--size2);
		max-width: 60ch;
	}
	
	.podrocja__intro p {
		grid-column: var(--wrapper__gridOffsetLeft) / span 5;
	}
	
	.podrocje__info {
		font-size: 1.6em;
		line-height: 1.7;
	}
	
	
	.podrocje__logo {
		margin-top: 0;
		margin-bottom: calc(var(--wrapper__bodyPadding) / 1.5);
	}
	
	
	.podrocje__teaser {
		display: flex;
		gap: 1em;
		align-items: start;
		justify-content: space-between;
		
		padding: calc(var(--wrapper__bodyPadding) / 1.5);
		
		

	}
	
	.podrocje__teaser .icon {
		position: absolute;
		right: 1em;
		bottom: 1em;
		font-size: var(--size4);
	}
	
	.razvoj__part1 {
		gap: var(--wrapper__padding)
	}
	
	.razvoj--first {
		aspect-ratio: 1;
		margin-top: -5em;
	}
	
	.razvoj__part2 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.razvoj__mainContent {
		padding-bottom: 5em;
	}
	
	.vrata {
		padding-top: 5em;
	}
	
	
	.razvoj__children .razvoj__part1 {
		display: grid;
		grid-template-columns: subgrid;
		gap: 1.5em;
	}
	
	.razvoj__part1 > .razvoj {
		grid-column-start: 1;
		grid-column-end: 7;
	}
	
	.razvoj__part1 > .flow {
		grid-column-start: 8;
		grid-column-end: var(--wrapper__gridOffsetRight);
		
		margin-bottom: 4em;
	}
	
	.razvoj__part1 section a h3 {
		transition: color 0.3s;
	}
	
	.razvoj__part1 section a:hover h3 {
		color: #fff;
	}
	
	.razvoj__part1 section a:hover .b {
		--bg: #fff;
		--border: #fff;
		--color: var(--color__greenMpik);
	}
}

@media (min-width: 90em) {
	.podrocje__teaser {
		padding: calc(var(--wrapper__padding) / 2);
		font-size: var(--size1);
		gap: 2em;
	}
	
	.podrocje__teaser .icon {
		position: absolute;
		right: 1.5em;
		bottom: 1em;
		font-size: var(--size4);
	}
	
	.podrocje__info {
		padding: var(--wrapper__padding);
	}
	
	.podrocja__intro {
		padding: calc(var(--wrapper__padding) * 2) 0;
	}
}




.podjProgrami {
	position: relative;
	overflow: hidden;
}

.podjProgrami h2 {
	color: var(--color__blue--dark);
	margin-bottom: 0.5em;
}

.podjProgrami h3 {
	color: var(--color__greenMpik);
	font-size: var(--size2);
}

.podjProgrami .carouselType1 {
	margin-top: 3em;
}

.podjProgrami .ws__inner--first img {
	display: none;
}

.podjProgrami__intro {
	font-size: var(--size1);
}


@media (min-width: 65em) {
	
	.podjProgrami .ws__inner--first {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		
		grid-column-end: 13;
		grid-column-start: 3;
	}
	
	.podjProgrami .podjProgrami__headlineText {
		max-width: 60em;
	}
	
	.podjProgrami__headlineText {
		padding-right: 2em;
	}
	
	.podjProgrami .ws__inner--first img {
		display: block;
		max-width: 8em;
	}
	
	.podjProgrami .wContent {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	.swiper--type1 {
		--flow-space: 1rem;	
		--slideWidth: 28em;
	}
	
	.zgodbe__slider.swiper--type1 {
        --flow-space: 1rem;
		--slideWidth: 40em;
    }
}

@media (min-width: 90em) {
	
	.podjProgrami .ws__inner--first img {
		max-width: 10em;
	}
	
	.razvoj__mainContent img {
		max-width: 10em;
	}
	
	.podjProgrami .swiper-slide {
		margin-right: 3em !important;
	}
	
	.podjProgrami .swiper--type1 {
        --slideWidth: 25em;
	}
}

.mpikProject__partners {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}

.logos__row {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}

@media (min-width: 65em) {
	
	.logos__row {
		gap: 2em;
	}
	
	.logos__row--1 img {
		height: 3.5em;
		
	}
}



.vrata h3 {
	margin-bottom: 0.5em;
	color: #fff;
}


.vrata * + h3 {
	margin-top: 2em;
}

.vrata .flow {
	margin-top: 0;
}


.prostori__subContent {
	max-width: 60em;
	margin-bottom: 1em;
}

.prostori h3 {
	color: var(--color__greenMpik);
	font-size: var(--size4);
	
	border-bottom: 1px solid var(--color__greenMpik);
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

.prostori__cona h4 {
	color: var(--color__greenMpik);
	font-size: var(--size3);
	font-weight: 400;
	margin-bottom: 0.5em;
}


.prostori__soba h5 {
	color: var(--color__greenMpik);
	font-size: var(--size3);
	font-weight: var(--fontBold);
}

.prostori__soba {
	position: relative;
	padding: 1em;
	background-color: #e3e9e9;
	z-index: 10;
	margin-bottom: 1em;
}

.prostori__sobaGalerija {
	position: relative;
	overflow: hidden;
	margin-bottom: 0.8em;
	
	z-index: -1;
}

.prostori__sobaGalerija .swiper-slide {
	margin-right: 1em;
}

.prostori__soba .bWrap {
	margin-top: 1em;
}

.prostori__sobaCenik {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-color: var(--color__blue--dark);
	color: #fff;
	
	padding: 1em;
	
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	flex-direction: column;
}

.prostori__sobaCenik h6 {
	font-size: var(--size3);
	color: #fff;
}

.prostori__sobaCenik table {
	width: 100%;
}

.prostori__sobaCenik table {
	width: 100% !important;
	border-collapse: collapse;
	empty-cells: hide;
}


	.prostori__sobaCenik table th {
		text-align: left;
		vertical-align: bottom;
		border-bottom: 1px solid var(--color__silver);
		padding: 0.4em;
	}
	
	.prostori__sobaCenik table td {
		text-align: left;
		vertical-align: top;
		padding: 0.4em;
	}
	
	.prostori__sobaCenik table td > a {
		display: block;
		color: var(--color__gray);
	}
	
		.prostori__sobaCenik table tr:hover td {
			background-color: rgba(255,255,255,0.2);
		}
	
.prostori__sobaCenik .psc__text {
	flex: 1 1 auto;
	overflow: auto;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}

.prostori__sobaCenik .psc__text table,
.prostori__sobaCenik .psc__text p {
	margin-bottom: 1em;
}


.prostori__sobaCenik .psc__text {
}

.prostori__sobaCenik .psc__text {
	padding-right: 5px;
	scrollbar-color: var(--color__greenMpik--light) rgba(255, 255, 255, 0.4);
	scrollbar-width: thin;
}
.prostori__sobaCenik .psc__text::-webkit-scrollbar {
  width: 10px;
  cursor: pointer;
}
.prostori__sobaCenik .psc__text::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
  border-radius: 0;
}
.prostori__sobaCenik .psc__text::-webkit-scrollbar-thumb {
  background: var(--color__greenMpik--light);
  border-radius: 0;
  cursor: pointer;
}



.wInkubiranci__hiddenContentScroll {
	padding-right: 5px;
	scrollbar-color: var(--color__greenMpik--light) rgba(255, 255, 255, 0.4);
	scrollbar-width: thin;
}
.wInkubiranci__hiddenContentScroll::-webkit-scrollbar {
  width: 10px;
  cursor: pointer;
}
.wInkubiranci__hiddenContentScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
  border-radius: 0;
}
.wInkubiranci__hiddenContentScroll::-webkit-scrollbar-thumb {
  background: var(--color__greenMpik--light);
  border-radius: 0;
  cursor: pointer;
}






.prostori__sobaCenik {
	display: none;
}

.psc__wrapp {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	flex-direction: column;
	height: 100%;
}


.akademijaUspeha .sPrijavaN__inner h3 {
	font-weight: 300;
	color: var(--color__greenMpik);
}

/*
.mpeakPiktogrami .ws__inner {
	max-width: 70em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.mpeakPiktogrami .kaj__ponuja img {
    max-width: 8em;
}

.mpeakPiktogrami .kaj__ponuja span {
    font-size: var(--size2);
	font-weight: 300;
	color: var(--color__greenMpik);
	max-width: 9em;
}

.mpeakPiktogrami .kaj__ponuja article {
	flex-direction: column;
	text-align: center;
}
*/

.akademijaZnanje__vsebina {
	max-width: 34em;
}

.akademijaZnanje__vsebina h1 {
	color: #fff;
}

.akademijaZnanje__vsebina h3 {
	font-size: var(--size4);
}

.akademijaZnanje__vsebina h2 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	color: var(--color__greenMpik);
	font-size: var(--size4);
}

.akademijaZnanje__vsebina em {
	font-weight: 300;
	color: var(--color__greenMpik);
	font-size: var(--size1);
	font-style: normal;
}

.akademijaZnanje__vsebina p {
	margin-bottom: 1em;
}

.akademijaZnanje__vsebina {
	position: relative;
	padding-top: 2em;
    padding-bottom: 2em;
}

.akademijaZnanje__vsebina:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	left: -1.5em;
	width: calc(100% + 3em);
	background-color: var(--color__blue--dark);
	
	z-index: 1;
}

.akademijaZnanje__vsebina > div {
	position: relative;
	z-index: 5;
}


@media (min-width: 65em) {
	
	.akademijaZnanje__vsebina:after {
		display: none;
	}
	
	.akademijaZnanje__vsebina {
		padding-top: 6em;
        padding-bottom: 7em;
	}
}

@media (min-width: 65em) {

	.prostori__lokacija {
		display: flex;
		justify-content: stretch;
		align-items: stretch;
		flex-wrap: wrap;
		gap: 1em;
	}
	
	.prostori__cona {
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto;
	}
	
	.prostori__conaSize--1 {
		width: calc(50% - 1em);
		max-width: calc(50% - 1em);
	}
	
	.prostori__sobe {
		display: flex;
		justify-content: stretch;
		align-items: stretch;
		flex-wrap: wrap;
		gap: 1em;
		
		width: 100%;
		max-width: 100%;
		flex: 1 1 auto;
	}
	
	.prostori__conaSize--1 .prostori__sobe {
		width: 100%;
		max-width: 100%;
	}
	
	.prostori__soba {
		padding: 2em;
		flex: 1 1 auto;
		width: calc(50% - 1em);
		max-width: calc(50% - 1em);
		margin-bottom: 0;
	}
	
	.prostori__conaSize--1 .prostori__soba {
		width: 100%;
		max-width: 100%;
	}
	
	.prostori__sobaCenik {
		padding: 2em 2em 2em 2em;
	}

	.prostori__sobaCenik table th {
		line-height: 1.4em;
	}
	
	.prostori__sobaCenik table th, 
	.prostori__sobaCenik table td {
		padding: 0.4em 0.8em;
	}
	
	.prostori__cona {
		margin-bottom: 2em;
	}
	
	.prostori__lokacija {
		margin-bottom: 2em;
	}
	
	.akademijaZnanje__vsebinaMain {
		margin-bottom: 6em;
		padding-bottom: 6em;
	}
}


/*
@media (min-width: 65em) {
	
    .mpeakPiktogrami .kaj__ponuja {
        grid-template-columns: repeat(3, 1fr);
        gap: 3em;
    }
	
	.mpeakPiktogrami .kaj__ponuja img {
		max-width: 10em;
	}
}

@media (min-width: 90em) {
	
    .mpeakPiktogrami .kaj__ponuja {
        justify-items: center;
    }
}
*/



.mpikovAs .sPrijavaN__inner h3 {
	font-weight: 300;
	color: var(--color__greenMpik);
}

.filter {
	z-index: 10;
}

.mpikovAs .filter {
	padding-top: 0;
}



.inkubiranciFilter {
	padding-top: 0 !important;
	padding-bottom: 3em !important;
}

.inkubiranciSeznam {
	
}


.wInkubiranci {
	position: relative;
	background-color: var(--color__greenMpik--light);
	padding: 1em;
}

.wInkubiranci__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.wInkubiranci__content {
	flex: 1 1 auto;
	width: 100%;
}

.wInkubiranci h3 {
	margin-bottom: 0.8em;
	font-weight: var(--fontBold);
}

.wInkubiranci__data {
	font-size: 0.9em;
	margin-bottom: 1em;
}

.wInkubiranci__name {
	font-weight: var(--fontBold);
	margin-bottom: 0.25em;
}

.wInkubiranci__cover {
	margin-bottom: 0.8em;
	width: 100%;
}

.wInkubiranci__cover img {
	display: block;
	width: 100%;
}

.wInkubiranci__cover--logo {
	/* width: 50%; */
	    max-width: 8em;
}

.wInkubiranci__utils {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.wInkubiranci__utils .followUs a {
	font-size: 1.1em;
	background-color: var(--color__greenMpik);
	border-color: var(--color__greenMpik);
	padding: 0.2em;
}

.wInkubiranci__utils .followUs a:hover {
	background-color: var(--color__blue--dark);
	border-color: var(--color__blue--dark);
}

.wInkubiranci__utils .followUs .icon {
	color: #fff
}

.wInkubiranci__more {
	font-weight: var(--fontBold);
	background-color: transparent;
	color: var(--color__text);
	text-transform: uppercase;
	margin-left: auto;
	font-size: 0.8em;
	
	transition: background-color .3s, color .3s, border-color .3s;
}

.wInkubiranci__more:hover {
	color: var(--color__greenMpik);
}

.wInkubiranci__list {
	display: grid;
	justify-content: stretch;
	align-items: stretch;
	/* grid-template-columns: repeat(1, 1fr); */
	gap: 1em;
	padding-top: 0;
}

.filter__options {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 0.5em;
}

.filter__options .b:hover, 
.filter__options .b--active {
	background-color: var(--color__blue--dark);
	color: #fff;
	border-color: var(--color__blue--dark);
}

.wInkubiranci__hiddenContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color__greenMpik);
	color: #fff;
	padding: 1em;
	display: none;
	
	z-index: 10;
}

.wInkubiranci__hiddenContentScroll {
	max-height: 100%;
	overflow: auto;
}
	
.wMentorji__list .wInkubiranci {
	padding: 2em !important;
}

.wMentorji__list .pictoIcons {
	margin-bottom: 1em !important;
}

@media (min-width: 480px) {
	
	.wInkubiranci__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 65em) {
	
	.wInkubiranci__list {
		grid-template-columns: repeat(3, 1fr);
    }
	
	.wInkubiranci {
		padding: 2em;
	}
	
	.wInkubiranci__hiddenContent {
		padding: 2em;
	}
}

@media (min-width: 90em) {
	
	.wInkubiranci__list {
		grid-template-columns: repeat(4, 1fr);
    }
}

.wShare .followUs a {
    --color: #fff;
    --border: #fff;
}

.sPrijavaN + .noviceList {
	padding-top: 0;
}



.masterWrapper__body--mentoriranje {
	overflow-x: hidden;
}

.mentoriranjeList {
	padding-top: 0;
}

.sPrijavaN--mentoriranje {
	margin-bottom: 0;
}

.mentorjiFilter .b--icon {
	border-color: var(--color__greenMpik);
	background-color: var(--color__greenMpik);
	color: #fff;
}

.mentorjiFilter .b--icon:hover, 
.mentorjiFilter .b--icon.b--active {
	border-color: var(--color__greenMpik--light);
	background-color: var(--color__greenMpik--light);
	color: var(--color__greenMpik);
}

.mentorjiFilter .b--icon .icon {
	font-size: 3em;
	min-width: 1em;
    margin-right: 0.1em;
}

.mentorjiFilter .b span {
	padding-right: 1em;
	white-space: break-spaces;
	text-align: left;
}

.pictoIcons {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0.5em;
	gap: 0.5em;
}

.pictoIcon {
	position: relative;
	width: 2em;
	min-width: 2em;
}

.pictoIcon svg {
	width: 2em;
    height: 2em;
	border: 1px solid var(--color__greenMpik);
	border-radius: 50%;
	color: var(--color__greenMpik);
	
	transition: color 0.4s, background 0.4s;
}

.filterReset .icon {
	padding: 0.1em 0.15em 0.15em 0.15em;
}
.filterReset .icon {
	margin-right: 0 !important;
}

.wInkubiranci:hover {
	z-index: 4;
}


.pictoIcon.active .pictoIcon__tooltip,
.pictoIcon:hover .pictoIcon__tooltip {
	opacity: 1;
}

.pictoIcon.active svg, 
.pictoIcon:hover svg {
	color: #fff;
	background-color: var(--color__greenMpik);
}

.pictoIcon__tooltip {
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0.35em 0.5em;
	background-color: var(--color__greenMpik);
	color: #fff;
	font-size: 0.8em;
    text-align: left;
	opacity: 0;
	pointer-events: none;
	line-height: 1.4;
	
	transition: opacity 0.4s;
}

.pictoIcon__tooltip--mid {
	min-width: 13em;
}

.pictoIcon__tooltip--long {
	min-width: 15em;
}

.activateFilter__wrapp {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.activateFilter {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.activateFilter .icon {
	margin-left: 1em;
	transform: rotate(90deg);
	
	transition: transform 0.4s;
}

.activateFilter.activateFilter--active .icon {
	transform: rotate(-90deg);
}

.mentorjiFilter {
	display: none;
}

@media (min-width: 991px) {
	
	.activateFilter {
		display: none;
	}

	.mentorjiFilter {
		display: block;
	}
}


@media (min-width: 65em) {
	
	.ws--filterMentorji {
		padding-top: 2em;
	}
}

@media (min-width: 90em) {
	
    .wMentorji__list {
        grid-template-columns: repeat(5, 1fr);
    }
	
	.wMentorji__list .wInkubiranci {
        padding: 1em 1em 2em 1em;
    }
}


.aktualno.aktualno--novice .swiper--type1 .swiper-slide {
	max-width: clamp(20em, 21em, 70vw);
}

.novice .swiper--type1 .swiper-slide {
	max-width: clamp(20em, 21em, 70vw);
}

@media (min-width: 65em) {
	
	.aktualno.aktualno--novice .swiper--type1 .swiper-slide {
		max-width: 21em;
	}
	.novice .swiper--type1 .swiper-slide {
		max-width: 21em;
	}
}

.wInkubiranci__data a {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color__gray);
    transition: text-decoration-color .3s;
}

.wInkubiranci__data a:hover {
    text-decoration-color: currentColor;
}

.pridruzi h2,
.prijava__green h2,
.zgodbe h2,
.prijava h2 {
	font-size: var(--size5);
}

.novice h2 {
	margin-top: 2em;
    font-size: var(--buttonFontSize) !important;
    text-transform: uppercase;
}

.novica--blog time {
    text-transform: uppercase;
}

.filter--blogiInGradiva #years {
	margin-top: 0.5em;
}

.sPrijavaN + .filter {
	padding-top: 2em;
}

/*
.filter.filter--blogiInGradiva {
	padding-top: 0;
}
*/

@media (min-width: 65em) {
	
	.noviceList--dogodki, 
	.noviceList--blogi {
		margin-top: -1em;
	}
	
	.noviceList.noviceList--video {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.filter.filter--blogiInGradiva .flow > * + * {
		margin-block-start: 0;
	}
}


.inkubiranci .wInkubiranci {
	min-height: 24em;
}

.inkubiranci .wInkubiranci__name {
	color: var(--color__greenMpik);
}

@media (min-width: 90em) {
    .inkubiranci .wInkubiranci {
        padding: 3em;
    }
	
	.wInkubiranci__hiddenContent {
		padding: 3em;
	}
}


.wContent a {
	color: var(--color__text);
	text-decoration: none;
}

.wContent a h3 {
	transition: color 0.4s;
}

.wContent a:hover h3 {
	color: var(--color__blue--dark);
}

.wContent a:hover .b {
	background-color: var(--color__blue--dark);
	border-color: var(--color__blue--dark);
	color: #fff;
}



.layout--prostori {
	padding-bottom: 0;
}

.layout--prostori .layout__row {
	padding-top: 2em;
	padding-bottom: 2em;
}

.layout--prostori .razvoj {
	color: #fff;
	text-decoration: none;
	margin-bottom: 2em;
}

.layout__imageLink > div {
	position: relative;
	overflow: hidden;
	height: 100%;
    object-fit: cover;
}

.layout__imageLink img {
	transform: scale(1);
	transition: transform 0.4s;
}

.layout__imageLink:hover img {
	transform: scale(1.2);
}

.layout__rowTitleImage {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.layout__rowTitleImage img {
	display: none;
}

.prostori__part1 {
	position: relative;
}

.prostori__part1:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	left: -1.5em;
	width: calc(100% + 3em);
	background-color: var(--color__blue--dark);
	
	z-index: 1;
}

.prostori__part1 .razvoj {
	position: relative;
    display: block;
    padding-bottom: var(--flow-space);
    color: #fff;
    text-decoration: none;
    max-width: 32em;
	
	z-index: 10;
}

.prostori__part1 .razvoj:last-child {
    padding-bottom: 0;
}

.prostori__part1 .razvoj .b {
    --bg: var(--color__greenMpik);
    --border: var(--color__greenMpik);
    --color: #fff;
}

.prostori__part1 .razvoj h3 {
	transition: color 0.3s;
}

.prostori__part1 .razvoj:hover h3 {
	color: #fff;
}

.prostori__part1 .razvoj:hover .b {
	--bg: #fff;
	--border: #fff;
	--color: var(--color__greenMpik);
}


.prostori__part1.inview .razvoj {
	transform: translateY(120px);
	opacity: 0;
	transition: transform 1.5s, opacity 1.5s;
}

.prostori__part1.inview .razvoj:nth-child(1) { transition-delay: 0.2s; }
.prostori__part1.inview .razvoj:nth-child(2) { transition-delay: 0.4s; }
.prostori__part1.inview .razvoj:nth-child(3) { transition-delay: 0.6s; }
.prostori__part1.inview .razvoj:nth-child(4) { transition-delay: 0.8s; }
.prostori__part1.inview .razvoj:nth-child(5) { transition-delay: 1s; }
.prostori__part1.inview .razvoj:nth-child(6) { transition-delay: 1.2s; }

.prostori__part1.inview.loaded .razvoj {
	transform: translateY(0);
	opacity: 1;
}


.layout--prostori .layout__leftFirstImage {
	display: none;
}

.layout--prostori .layout__left > div {
	aspect-ratio: 4 / 3;
}


.layout--prostoriVrata .novica__body {
	display: none;
}


@media (max-width: 48em) {
	
	.layout--prostori .layout__left {
		grid-column: 1 / -1;
	}
	
	.layout--1 .layout__left {
		grid-column: 1 / -1;
	}
	
	.ws--MPeakAkademija {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (min-width: 48em) {
	
    .layout__rowTitleImage img {
        max-width: 8em;
        display: block;
    }
	
	.prostori__part1:after {
		display: none;
    }
	
	.layout--prostori .layout__leftFirstImage {
		display: block;
	}
	
	.layout--prostori .layout__leftSecondImage {
		display: none;
	}
	
	.layout--prostori .layout__left > div {
		aspect-ratio: unset;
	}
	
	.layout--prostoriVrata .novica__body {
		display: block;
	}
	
	.layout--1 .layout__left > * {
        min-height: 100vh;
        height: auto;
	}
	
	.layout--1 .layout__left img {
		min-height: 100vh;
	}
	
	.ws--MPeakAkademija {
		padding-top: 0 !important;
	}
	
	.ws--MPeakAkademija .layout__right {
		background-color: var(--color__greenMpik--light);
	}
	
	.ws--mpikovAs .layout__right {
		align-content: end;
	}
}

@media (min-width: 65em) {

	.layout--prostori .layout__row {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	
	.akademijaZnanje__empty {
		min-height: 10em;
	}
	
	.ws--mpikovAs .akademijaZnanje__vsebina  {
		padding-top: 6em;
		padding-bottom: 7em;
	}
}

@media (min-width: 90em) {
	
    .layout__rowTitleImage img {
        max-width: 10em;
    }
}


@media (max-width: 65em) {
	
	.ws--mpikovAs .mpikovAs__prva {
		display: none;
	}
}

.wPretekliAs time {
	text-transform: uppercase;
}

/*
.ws--MPeakAkademija {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
*/

.ws--mpeakAkademija .razvoj__topBg {
	background-color: var(--color__greenMpik--light);
}

.footer .followUs a {
	--color: var(--color__text);
    --border: var(--color__text);
}


.ws--prostorVrata h2 {
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    color: #fff;
    font-size: var(--size4);
}
.ws--prostorVrata h3 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	color: var(--color__greenMpik);
	font-size: var(--size3);
}

.prostoriVrata__part1 h2 {
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    color: #fff;
    font-size: var(--size4);
}
.prostoriVrata__part1 h3 {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
	color: var(--color__greenMpik);
	font-size: var(--size3);
}

.prostoriVrata__part1 a {
	text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--color__gray);
    transition: text-decoration-color .3s;
}

.prostoriVrata__part1 a:hover {
	text-decoration-color: currentColor;
}

.prostoriVrata__part1 p + h3 {
	margin-top: 2em;
}

.prostoriVrata__part1 h3 {
	margin-bottom: 0;
}

.prostoriVrata__part1 .b {
	--bg: var(--color__greenMpik);
	--border: var(--color__greenMpik);
	--color: #fff;
	text-decoration: none;
}

.prostoriVrata__part1 .b:hover {
	--bg: #fff;
	--border: #fff;
	--color: var(--color__greenMpik);
}



.prostoriVrata__part1 {
	position: relative;
	z-index: 2;
}

.prostoriVrata__part1:after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	left: -1.5em;
	width: calc(100% + 3em);
	background-color: var(--color__blue--dark);
	
	z-index: -1;
}

.layout__left {
	position: relative;
	z-index: 5;
}

.layout__left img {
	width: 100%;
}


.layout--prostoriVrata {
	position: relative;
	padding-top: 0;
}

.layout--prostoriVrata .layout__left {
	position: relative;
	z-index: 5;
}
.layout--prostoriVrata .layout__right {
	position: relative;
	z-index: 4;
}

.layout--prostoriVrata:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color__greenMpik--light);
	z-index: 1;
}


.zgodbe .swiper-slide:last-of-type {
	margin-right: 2rem !important;
}

@media (min-width: 65em) {
	
	.zgodbe .swiper-slide:last-of-type {
		margin-right: 6rem !important;
	}
	
	.layout--1 .layout__right .layout__row.prostoriVrata__part1 {
		padding-top: 6em;
		padding-bottom: 7em;
	}
	
	.prostoriVrata__part1:after {
		display: none;
	}
}

.mpikProject--prostori .ws__inner {
	margin-top: 0 !important;
}

.ws--pretekliAsiSlider {
	padding-top: 0;
}

.ws--pretekliAsiSlider h2 {
	font-size: var(--size5) !important;
	color: var(--color__blue--dark);
    margin-bottom: 0.5em;
	text-transform: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.pretekliAsiSlider__content {
	margin-bottom: 1em;
}



.layout__row.theme--blueDark .b {
	--bg: var(--color__greenMpik);
	--border: var(--color__greenMpik);
	--color: #fff
}

.layout__row.theme--blueDark .b:hover {
	--bg: #fff;
	--border: #fff;
	--color: var(--color__greenMpik);
}


.layout__mainText h2 {
    margin-top: 0;
    margin-bottom: 0.4em;
    color: #fff;
    font-size: var(--size4);
}


.layout__mainText h3 {
    margin-bottom: 0;
    color: var(--color__greenMpik);
    font-size: var(--size3);
}

.layout__mainText * + h3 {
    margin-top: 2em;
}

.layout__mainText * + h2 {
    margin-top: 1.4em;
}

.projectLogos .mpikProject__partners {
	margin-top: 2em;
	margin-bottom: 1em;
}

@media (max-width: 48em) {
	
	.projectLogos {
		grid-column: 1 / -1; 
	}
	
	.mpikProject__partners img {
		height: 2.3em;
	}
	
}

.akademijaUspeha .layout__mainText .b {
	margin-top: 1em;
}

.sPrijavaN__inner {
	position: relative;
}

@media (min-width: 48em) {
	
	.sPrijavaN__inner img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media (min-width: 991px) and (max-width: 1500px) {
	
	.sPrijavaN__inner > * {
        max-width: 50%;
    }
}

.noviceList--uspesneZgodbe {
	margin-top: 2em;
}

@media (min-width: 65em) {
	
	.noviceList--uspesneZgodbe {
		margin-top: 4em;
	}
}