/*
.blk h2 {
	margin-bottom: var(--spacing5);
}
*/

/*
.content--default .theme {
	--theme__padBlockStart: var(--spacing7);
	--theme__padBlockEnd: var(--spacing8);
}
*/

.content a:not(.b) {
	color: var(--color__green);
	text-decoration: underline;
	text-underline-offset: 3px;
	/* Tanka, neprekinjena črta (ne prekinja se pri črkah g, j, p ...). */
	text-decoration-thickness: 1px;
	text-decoration-skip-ink: none;
	/* font-weight: var(--weight__medium); */
}

	.content a:hover {
		text-decoration: none;
		color: var(--color__green);
	}

.content h1 + * {
	margin-top: var(--spacing5);
}

.content h2 {
	margin-bottom: var(--spacing3);
}

.content h2:not(:first-child) {
	margin-top: var(--spacing6);
}

.content h3:not(:first-child) {
	margin-top: var(--spacing5);
}

.content ol, 
.content ul {
	padding-left: var(--spacing7);
}

.content .tableWrap {
	width 100%;
	overflow-x: auto;
}

.content table {
	width: 100%;
	border-collapse: collapse;
}

.content table th, 
.content table td {
	padding: var(--spacing2) var(--spacing4);
	text-align: left;
	border-bottom: 1px solid var(--color__silver);
}

.content table th {
	font-size: var(--size__body--small);
	font-weight: var(--weight__bold);
	text-transform: uppercase;
}

.content table td {
	/* border-top: 1px solid var(--color__silver); */
}

.card__body table th, 
.card__body table td {
	padding: var(--spacing2) 0;
	text-align: left;
	border-bottom: none;
}

	.tableWrap div.dt-container .dt-search input {
		margin-left: var(--spacing2);
		border: 1px solid var(--color__gray);
		border-radius: 6px;
	}

	.tableWrap div.dt-container .dt-paging .dt-paging-button {
		min-width: 3em;
		height: 3em;
		border-radius: 50%;
		border-width: 2px;
		font-weight: var(--weight__medium);
	}

	.tableWrap div.dt-container .dt-paging .dt-paging-button.current, 
	.tableWrap div.dt-container .dt-paging .dt-paging-button.current:hover {
		border-color: var(--color__primary);
		border-width: 2px;
		background: var(--color__primary);
		color: var(--color__white);
	}
	
	.tableWrap div.dt-container .dt-paging .dt-paging-button:hover {
		color: var(--color__primary);
		border-color: var(--color__primary);
		border-width: 2px;
		background: var(--color__white);
	}

.run__header {
	border-bottom: 1px solid var(--color__silver);
}


.run__header .ws__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.run__tabs {
	display: flex;
	padding: var(--spacing3);
	overflow-x: auto;
}

.run__tabs button {
	margin: 0;
	padding: var(--spacing2) var(--spacing4);
	
	font-weight: var(--weight__bold);
	border: 0;
	background-color: transparent;
	cursor: pointer;
	white-space: nowrap;
}

	.run__tabs button:not(:first-child) {
		border-left: 1px solid var(--color__silver);
	}
	
	.run__tabs button[aria-selected="true"], 
	.run__tabs button:hover {
		color: var(--color__primary);
	}

.run__panel[hidden] {
	display: none;
}

.run__panel {
	margin-bottom: var(--theme__padBlockEnd); 
}

.run__panel > * {
	grid-column: 1 / -1;
}



.run__partner {
	margin-top: var(--spacing4);
}


.run__partner img {
	max-width: 12em;
	max-height: 6em;
}

.run__partner p {
	margin-bottom: var(--spacing2);
	
	font-size: var(--size__body--small);
	font-weight: var(--weight__medium);
	text-transform: uppercase;
	color: var(--color__gray);
}

.run__info {
	--runInfo__gap: var(--spacing4);

	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing1) var(--runInfo__gap);
	overflow: clip; /* poševnica pred rekordom, ki se prelomi v novo vrstico, je zunaj polja in se ne vidi */
}

	.run__info > div {
		display: flex;
		gap: var(--spacing1);
	}
	
	.run__info dt::after {
		content: ":";
	}
	
	.run__info dd {
		font-weight: var(--weight__bold);
	}

	/* zelena poševnica med limitom in rekordom trase, na sredini razmika */
	.run__limit + .run__rekord {
		position: relative;
	}

	.run__limit + .run__rekord::before {
		position: absolute;
		right: calc(100% + var(--runInfo__gap) / 2);
		transform: translateX(50%);

		color: var(--color__green);
		content: "/";
	}

/* telefoni: oznaka in vrednost tečeta kot besedilo, da se dolga vrednost (npr. rekord) prelomi pod oznako */
@media (max-width: 47.99em) {
	.run__info > div {
		display: block;
	}

	.run__info dt,
	.run__info dd {
		display: inline;
	}
}

@media (min-width: 65em) {
	.run__info {
		--runInfo__gap: var(--spacing5);
	}

	/* manjši razmik med podatki trase in prvim blokom (zemljevidom) */
	.content--run .defHeader + .theme--padB {
		--theme__padBlockStart: var(--spacing4);
	}
}


.card {
	padding-bottom: var(--spacing5);
	margin-bottom: var(--spacing5);
	
	/* border-radius: var(--borderRadius1); */
	border-bottom: 1px solid var(--color__silver);
}

/*
.card--highlight, 
.card:focus-within {
	border-color: var(--color--green);
	
	box-shadow:
		hsl(var(--hslColor__green) / 0.4)  5px  5px,
		hsl(var(--hslColor__green) / 0.3) 10px 10px,
		hsl(var(--hslColor__green) / 0.2) 15px 15px,
		hsl(var(--hslColor__green) / 0.1) 20px 20px,
		hsl(var(--hslColor__green) / 0.05) 25px 25px;
}
*/

.form1 fieldset.card {
	padding: var(--spacing5);
}

.card.error {
	border-color: hsl(var(--hslColor__danger));
}

.card__header {
	padding-bottom: var(--spacing3);
	margin-bottom: var(--spacing3);
	border-bottom: 1px solid var(--color__silver);
}

.card__header h1,
.card__header h2,
.card__header h3 {
	font-size: var(--size__h3);
}

.card--accordion .card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card--accordion:not([open]) .card__header {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.card--accordion summary .icon {
	flex: 0 0 auto;
	
	width: 40px;
	height: 40px;
	padding: 0.35em;
	transform: rotate(0deg);
	
	border-radius: 20px;
	background-color: var(--color__white);
	fill: var(--color__primary);
	
	transition: transform .3s;
}

.card--accordion[open] summary .icon {
	transform: rotate(180deg);
	fill: var(--color__white);
}

.run__header .run__badge {
	display: none;
}




.accordion summary {
	list-style: none;
}

.accordion summary::-webkit-details-marker {
	display:none;
}

.accordion h2 {
	text-align: left;
}

.accordion header + .wFaq {
	margin-top: var(--spacing5);
}

.accordion summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--spacing2) 0;
	
	font-weight: var(--weight__bold);
	font-size: var(--size__body--big);
	color: var(--color__black);
	border-bottom: 1px solid var(--color__silver);
	cursor: pointer;
	
	transition: color .3s, background-color .3s, border-color .3s;
}


.accordion summary .icon {
	flex: 0 0 auto;
	
	width: 40px;
	height: 40px;
	padding: 0.35em;
	transform: rotate(0deg);
	
	border-radius: 20px;
	background-color: var(--color__primary);
	fill: var(--color__white);
	
	transition: transform .3s;
}

.accordion details + details {
	margin-top: var(--spacing3);
}

.accordion h2 + details {
	margin-top: var(--spacing5);
}

.accordion details + h2 {
	margin-top: var(--spacing8);
}

.accordion details[open] summary .icon {
	transform: rotate(90deg);
}

.accordion details[open] summary, 
.accordion summary:hover {
	color: var(--color__primary);
}

.accordion details > div {
	margin-bottom: 1em;
	padding: var(--spacing3) 0;
	
	font-size: var(--size2);
}

.accordion details:not([open]) summary {
}

#groupSignup__group_prevzem_wrapper {
	margin-bottom: 2em;
}



















@media (min-width: 48em) {
	.run__header {
		position: sticky;
		top: 0;
		z-index: var(--zindex__sticky);
		background-color: var(--color__white);
	}
	
	.run__header .ws__content {
		position: relative;
		grid-column: 3 / -3;
	}
	
	
	
	.accordion details > div {
		padding-right: var(--spacing10);
	}
}












@media (min-width: 65em) {
	.run__header .run__badge {
		display: block;
		position: absolute;
		left: 0;
	}
}