.poni {
	--negativeMargin: 8em;
}

.poni .theme--white, 
.poni .theme--silver, 
.poni .theme--black {
	--color__heading: var(--color__persian);
}

.poni .naslovnica {
	grid-template-rows: 1fr 6em;
	min-height: 100vh;
	padding-top: 0;
	
	background-color: var(--color__black);
	color: #fff;
}

.poni .naslovnica h1 {
	font-weight: 400;
}


.poni .naslovnica picture {
	grid-column: 1 / -1;
	grid-row: 1 / span 2;
}

.poni .naslovnica p {
	font-size: var(--size2);
}

.poni .naslovnica .ws__inner {
	grid-row: 1;
	z-index: 2;
	align-self: end;
}

.poni .naslovnica .scroll__more {
	grid-row: 2;
	z-index: 3;
	text-align: center;
	align-self: center;
}

.poni .naslovnica picture img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	filter: brightness(70%);
}


.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;
}

.sPrijavaN .bWrapp {
    margin-bottom: 2em;
}

@media (min-width: 65em) {
    .sPrijavaN .bWrapp {
        margin-bottom: 3.5em;
    }
}


.poni .intro img {
	max-width: 16em;
}

.zgodbaSingle h2, 
.sPrijava h2, 
.sHome h2 {
	font-size: var(--size5);
}

.poni .prijava .followUs {
	color: var(--color__persian);
}


.poni .prijava .followUs a:hover {
	border-color: var(--color__persian);
	background-color: var(--color__persian);
	color: #fff;
}

.kaj {
	--flow-space: var(--wrapper__padding);
	padding-bottom: calc(var(--wrapper__padding) + var(--negativeMargin));
}

.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: 5em;
}




.kdoKako .layout__left {
	--marginTopNegative: calc(var(--wrapper__padding) * 2);
	
	margin-top: calc((var(--wrapper__bodyPadding) + var(--marginTopNegative)) * -1);
}


	.kdoKako .layout__left img {
		filter: brightness(100%);
		margin-left: auto;
	}
	
	.kdoKako--prijava .layout__left img {
		height: 100vh;
		width: 100%;
	}

.kdoKako__content > ul {
	margin-left: 2em;
}

.kdoKako__links {
	margin-top: 2em;
}
	
.kdoKako__links ul {
	--bg: var(--color__yellow--poni);
	--border: var(--color__yellow--poni);
	--color: #fff;
}


	
	.kdoKako em {
		color: var(--color__yellow--poni);
		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--poni);
	font-size: var(--size2);
}






.prijava__info em strong {
	color: var(--color__yellow--poni);
	font-size: var(--size2);
	font-style: normal;
}

.prijava__info.inlineLinks ul {
	--bg: var(--color__yellow--poni);
	--border: var(--color__yellow--poni);
	--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;
}











.poniProject {
	text-align: center;
	color: var(--color__gray);
}

.poni 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);
}


.poniProject__partners {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em;
	
	margin-bottom: 2em;
}

.poniProject__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__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--poni);
}



.wAktualno h3, 
.wZgodba h3 {
	color: var(--color__text);
}

.wZgodba .followUs a {
	font-size: var(--size1);
}

.wZgodba .followUs a:hover {
	background-color: var(--color__persian);
	border-color: var(--color__persian);
	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);
	}


@media (min-width: 37em) {
	.poni .intro .ws__inner {
		display: flex;
		align-items: flex-start;
		gap: 2em;
	}

	.poni .intro .ws__inner {
		--flow-space: 0;
	}
	
    .poni .intro img {
        margin-top: -7em;
        margin-left: auto;
        margin-right: auto;
    }
	
	.poni .intro {
		z-index: 2;
	}
	
	.poni .intro .intro__content {
		max-width: 70ch;
	}
	
	.poni .intro img {
		margin-top: -7em;
	}
	
	.kaj__ponuja {
		grid-template-columns: repeat(2, 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) {
	.poni .naslovnica {
		height: 100vh;
	}
	
	.poni .intro{
		font-size: var(--size1);
	}
	
	.poni .intro .ws__inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--wrapper__padding);
	}
	
	.poni .intro .ws__inner > a {
        flex: 1 1 auto;
        text-align: center;
    }

	
	
	.kako ol {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.poniProject__partners {
		gap: 1em 3em;
	}
	
	.sPrijavaN__inner > * {
		max-width: 70%;
	}
}

@media (min-width: 65em) {
	
	.poni .naslovnica .headline__info  {
		max-width: 100ch;
	}
	
	.kaj__ponuja {
		grid-template-columns: repeat(3, 1fr);
		gap: var(--wrapper__padding);
	}
	
	
	.prijava .ws__inner {
		display: flex;
		gap: var(--wrapper__padding);
		justify-content: space-between;
		align-items: center;
	}
	
	.prijava__contact {
		width: 50%;
		flex: 0 0 auto;
	}
	
	
	.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;
	}
	
	.poni__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%;
	}
	
	.poni__contactsWrap--large .ws__inner {
		grid-column-start: var(--wrapper__gridOffsetLeft);
	}
	
	.poni footer .ws__inner:last-child {
		grid-column: 3 / -3;
	}
}

@media (min-width: 90em) {
	.kaj__ponuja {
		justify-items: start;
	}
	
	.kaj__ponuja article {
		flex-direction: row;
		text-align: left;
	}
	
	.poni .noviceList {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.poni 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;
}

.ws__nav .backLinkText {
    font-weight: 500;
    color: var(--color__gray);
    font-size: var(--size-1);
    line-height: 1.4;
    margin-top: 0.2em;
	text-decoration: none;
}

.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: bold;
	margin-bottom: 2em;
}

.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__persian);
	}


.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__persian);
	z-index: -1;
}

.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__persian);
	border-color: #fff;
	background-color: #fff;
}

.zgodbaSingle .zgodba__inner {
	overflow: hidden;
}

.zgodba__companyContent {
	font-size: var(--size1);
	margin-bottom: 2em;
}

@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;
	}
	
	.addBg {
		margin-top: 2em;
		padding-top: 4em;
		padding-bottom: 4em;
		position: relative;
		color: #fff;
		
		z-index: 1;
	}
	
	.rowContent {
		display: block;
		font-weight: bold;
		margin-bottom: 2em;
	}
	
	.addBg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -100vw;
		width: 200vw;
		height: 100%;
		
		background-color: var(--color__persian);
		z-index: -1;
	}
}

@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 ******/


.layout--1 .layout__left img {
	width: 100%;
}

.layout--1 {
	padding-bottom: 0;
}

.layout--1 .layout__right {
	padding-bottom: var(--wrapper__padding);
}


.sPrijavaN__inner {
	position: relative;
}

@media (min-width: 48em) {
	
	.sPrijavaN__inner img {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media (min-width: 65em) {
	
	.sPrijavaN__inner img {
		max-width: 15em;
		margin-top: -3em;
		
		margin-right: 8em;
	}
}

@media (min-width: 991px) and (max-width: 1500px) {
	
	.sPrijavaN__inner > * {
        max-width: 50%;
    }
}