:root {
	scroll-padding-top: calc( clamp( 19px, ( 100vw * ( 25 - 19 ) + 1px * 320 * ( 6 * 19 - 25 ) ) / 1600, 25px ) * 2 + clamp( 30px, ( 100vw * ( 70 - 30 ) + 1px * 320 * ( 6 * 30 - 70 ) ) / 1600, 70px ) );
	font-size: clamp( var( --wbp-font-size-base-min ) * 1px, ( var( --wbp-font-size-base-max ) - var( --wbp-font-size-base-min ) ) / 1600 * 100vw + ( var( --wbp-font-size-base-min ) - 320 * ( var( --wbp-font-size-base-max ) - var( --wbp-font-size-base-min ) ) / 1600 ) * 1px, var( --wbp-font-size-base-max ) * 1px );
	--wbp-text-25: 25%;
	--wbp-shadow: color-mix( in srgb, var( --wbp-grey ) 30%, transparent );
}

body {
	width: 100%;
}

* {
	transition: .3s;
}

header {
	--wbp-header-img-min: 30;
	--wbp-header-img-max: 70;
	--wbp-header-img-scale-min: calc( 58 / var( --wbp-header-img-min ) );
	--wbp-header-img-scale-max: calc( 136 / var( --wbp-header-img-max ) );
	--wbp-navi-shadow-vertical: 5px;
	--wbp-navi-shadow-expand: 0px;
	z-index: 11;
	position: sticky;
	top: 0;
	box-shadow: 0px var( --wbp-navi-shadow-vertical ) 20px var( --wbp-navi-shadow-expand ) var( --wbp-shadow );
}

ul {
	list-style: '– ';
	padding-left: .8em;
}

img {
	object-fit: cover;
}

.wp-child-theme-logez :is(
	a:not( :has( > * ) ),
	a :is( p, span ),
	button:not( :has( > * ) ) ):not( .wbp-no-link ) {
	/* transition: inherit; */
	background-image: linear-gradient( to top, currentColor .075rem, transparent .075rem );
	background-size: 0%;
	background-position: left;
	transition: all .3s, background-position 0s .3s;
	background-repeat: no-repeat;

	&:is( :hover, :focus ) {
		background-size: 100%;
		transition: all .3s, background-position 0s .3s;
		background-position: right;
	}
}