/**
 * @author Valentin Alisch, David Benjamin Kurz
 * @version 1.0
 *
 * Ultima Parada CSS: Frontend typography
 */

body,
input,
select,
button,
textarea {
	font-family: 'Space Mono', monospace;
	font-size: 20px;
	line-height: 1.125;
	font-weight: normal;
	text-transform: uppercase;
}

input {
	line-height: 1.5;
	display: block;
}

input[type="checkbox"],
input[type="radio"] {
	--size: 0.9em;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border: var( --border-width ) solid currentColor;
	width: var( --size );
	height: var( --size );
	border-radius: var( --size );
	display: inline-block;
	vertical-align: baseline;
	margin-bottom: -0.1em;
	margin-right: -0.3em;
	background: white;
	box-shadow: none;
	outline: none;
	cursor: pointer;
}

input[type="radio"] {
	margin-right: 0.3em;
}

*:hover > input[type="checkbox"],
*:active > input[type="checkbox"],
input[type="checkbox"]:hover,
input[type="checkbox"]:active,
input[type="checkbox"]:checked,
*:hover > input[type="radio"],
*:active > input[type="radio"],
input[type="radio"]:hover,
input[type="radio"]:active,
input[type="radio"]:checked {
	background: currentColor;
}

.woocommerce-form__label-for-checkbox {
	cursor: pointer;
}



.text--running,
#cookie-notice {
	font-size: 0.6em;
	text-transform: none;
	line-height: 1.3;
	display: inline-block;
}

.text--small {
	font-size: 0.6em;
	line-height: 1.3;
}

/** + p {
	margin-top: 1em;
}*/

p .text--running a,
ul li:not( .menu-item ):not( .cat-item ) a {
	border-bottom: var( --border-width ) solid currentColor;
}

h1 {
	font-weight: normal;
}

ul,
ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

ul > li:not( .menu-item ):not( .cat-item ) {
	padding-left: 0.7em;
}

ul > li:not( .menu-item ):not( .cat-item )::before {
	content: '*';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY( -50% );
	-moz-transform: translateY( -50% );
	transform: translateY( -50% );
	line-height: 0.95;
	font-size: 0.75em;
}

strong {
	font-weight: normal;
}



@media ( min-width: 600px ) {
	body,
	input,
	select,
	button,
	textarea {
		font-size: 25px;
	}
}

@media ( min-width: 1200px ) and ( min-height: 800px ) {
	body,
	input,
	select,
	button,
	textarea {
		font-size: 30px;
	}
}

@media ( min-width: 1400px ) and ( min-height: 1100px ) {
	body,
	input,
	select,
	button,
	textarea {
		font-size: 35px;
	}
}

@media ( min-width: 1600px ) and ( min-height: 1200px ) {
	body,
	input,
	select,
	button,
	textarea {
		font-size: 40px;
	}
}