html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
	height: auto;
}

ul,
ol {
	padding-left: 30px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	text-wrap: pretty;
	margin-bottom: 1rem;
}

* + h3.wp-block-heading {
	margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

h2 a,
h3 a {
	color: var(--wp--preset--color--base);
}

/* Inputs */
.wp-block-button__link {
	transition: all 0.2s;
	font-size: 0.88em;
}

.wp-block-button__link:hover {
	opacity: 0.85;
}

/* Header */
.site-header {
	position: relative;
	z-index: 2;
}

.wp-block-site-logo.block-editor-block-list__block img {
	width: 100%;
}

.wp-block-navigation__responsive-container-close {
	padding-top: 12px;
	padding-right: 6px;
}

.wp-block-navigation__responsive-container-close svg {
	transform: scale( 1.25 );
}

.wp-block-navigation__responsive-container-open svg {
	transform: scale( 1.75, 1.3 );
}

.site-header .wp-block-navigation .current-menu-item > a {
	/* color: var(--wp--preset--color--primary); */
}

/* Footer */
.site-footer {
	text-wrap: pretty;
	margin-top: 0;
}

/* Blocks */
.wp-block-columns.col-width-500 > .wp-block-column > * {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-media-text > .wp-block-media-text__content {
	padding-top: 15%;
	padding-bottom: 15%;
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}

ol.wp-block-list {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: steg;
}

ol.wp-block-list > li {
	counter-increment: steg;
	display: grid;
	grid-template-columns: 3.8rem 1fr;
	gap: 2rem;
	align-items: start;
	margin-bottom: 2rem;
}

ol.wp-block-list > li::before {
	content: counter(steg, decimal-leading-zero);
	font-size: var(--wp--preset--font-size--heading-3);
	font-weight: var(--wp--preset--font-weight--heading, 700);
	line-height: 1;
}

@media (max-width: 600px) {
	.site-header .nav-wrapper {
		justify-content: flex-end;
	}

	.wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		font-size: var(--wp--preset--font-size--large) !important;
	}

	.site-header .wp-block-site-logo img {
		width: 40px;
	}

	ol.wp-block-list > li {
		grid-template-columns: 2.5rem 1fr;
		gap: 1rem;
	}
}

@media (min-width: 600px) {
}

/* Utils */
.max-50vw > * {
	max-width: 50vw;
}

.max-25vw > * {
	max-width: 25vw;
}

@media (max-width: 781px) {
	.hidden-mobile {
		display: none;
	}
}

/* Other */
.editor-post-title__input {
	font-size: 2.25rem;
	border-bottom: 1px solid #ccc;
	font-family: sans-serif;
	text-transform: none;
	letter-spacing: 0;
}
