.tipska {
	--pageOffset: 10em;
	padding-top: var(--pageOffset);
}

.tipska.layout2.gimmick1.animate::after {
	grid-row-start: 2;
	height: calc(var(--progress) * 0.5%);
}









.content h1 {
	color: var(--color__brown);
	text-transform: uppercase;
}

.content table {
	border-collapse: collapse;
}
	
	.content table tr {
		border-bottom: 1px dotted var(--color__brown);
	}
	
	.content table tr:hover {
		border-bottom: 1px solid var(--color__green);
	}

	.content table td {
		padding: 0.3em 0;
		vertical-align: top;
	}
	
.content ul, 
.content ol {
	margin-left: 2em;
}

.content a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.3em;
	text-decoration-color: var(--color__brown);

}

	.content a:hover {
		color: var(--color__brown);
	}

.cenik tr td:last-child {
	white-space: nowrap;
	text-align: right;
}

.cenik {
	width: 100%;
}











.teamPopup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 90%;
	height: 90vh;
	
	overflow: visible;
	background-color: var(--color__green);
	color: #fff;
	
	scrollbar-width: thin;
	scrollbar-color: var(--color__green--light) var(--color__green);
}

	.teamPopup::-webkit-scrollbar {
		width: 8px;
		height: 8px; 
	}
	
	::-webkit-scrollbar-thumb {
		background-color: var(--color__green--light);  
		border-radius: 4px;
		border: 0;
	}
	
	::-webkit-scrollbar-track {
		background: var(--color__green);
	}

.teamPopup::backdrop {
	background-color: hsla(var(--hslColor--green) / 0.6);
}

.teamPopup__inner {
	overflow: auto;
	height: 100%;
}

.teamPopup__inner > .flow  {
	padding: var(--spacing);
}

.teamPopup__image {
	display: none;
	flex: 0 0 auto;
}

.teamPopup button {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	
	padding: 0.5em;
	
	background-color: var(--color__brown);
	border-radius: 50%;	
	color: #fff;
}

.teamPopup button:hover {
	background-color: var(--color__green);
}

.teamPopup__inner > .content::after {
	content: "";
	display: block;
	height: 1em;
}





















.storitev__faq {
	grid-column-start: 1;
}

.storitev__faq .ws__inner {
	padding-top: var(--theme--spacing);
	padding-bottom: var(--theme--spacing);
}











.posvetCta {
	align-items: center;
	padding-top: var(--theme--spacing);
	padding-bottom: var(--theme--spacing);
}


.posvetCta__info p {
	font-size: var(--size1);
	max-width: 70ch;
}



.posvetCta .bWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
}

.posvetCta .bWrap .b {
	min-width: 15em;
}










.testimonials {
	position: relative;
	margin-top: var(--theme--spacing);
	
	background: var(--gradientBrown1);
	text-align: center;
	font-size: var(--size1);
}

.testimonials::after {
	position: absolute;
	top: var(--spacing);
	left: 50%;
	transform: translateX(-50%);
	
	font-size: 6em;
	font-family: var(--family2);
	color: var(--color__brown);
	content: "“";
	line-height: 1;
}

.testimonials {
	padding-top: calc(var(--spacing2) * 2);
	padding-bottom: var(--spacing2);
} 

.testimonials .ws p:last-child {
	color: var(--color__brown);
}


.ourTeam h2 {
	margin-bottom: var(--spacing1);
	font-size: var(--size5);
}

.ourTeam__list {
	padding-top: 0;
}



.onas.layout2.gimmick1::after {
	grid-row-start: 2;
}



.kontakt__map {
	grid-column: 1 / -1;
	height: 60dvh;
	min-height: 10em;
	max-height: 40em;
}



.storitve__children {
	padding-bottom: var(--spacing2);
}







#posvet {
	max-width: 26em;
}













@media (min-width: 48em) {
	.tipska {
		--pageOffset: 12em;
	}
	
	
	
	.teamPopup {
		max-width: 46em;
		height: 80vh;
		max-height: 30em;
	}
	
	.teamPopup__inner {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		height: 100%;
	}
	
	.teamPopup__image {
		display: block;
		width: 40%;
		flex: 0 0 auto;
		position: sticky;
		top: 0;
	}
	
	.teamPopup__image img {
		object-fit: cover;
		object-position: center top;
		height: 100%;
	}
	
	.kontakt__info {
		columns: 2;
	}
	
	.kontakt__info > * {
		  break-inside: avoid;
		  -webkit-column-break-inside: avoid;
		  page-break-inside: avoid;
	}
}

@media (min-width: 65em) {
	.tipska {
		--pageOffset: 16em;
	}
	
	
	.testimonials {
		margin-top: 0;
		padding-top: calc(var(--theme--spacing) + var(--spacing));
		padding-bottom: var(--theme--spacing);
	}
	
	.testimonials::after {
		top: var(--spacing2);
	}
	
	.teamPopup__inner > .flow {
		padding: var(--spacing1);
	}
}

@media (min-width: 75em) {
	.teamPopup {
		max-width: 52em;
		height: 80vh;
		max-height: 36em;
	}
	
	
	.layout2--height, 
	.layout2--height {
		min-height: 100vh;
	}
}

@media (min-width: 80em) {
}