:root {
	--bg-color: #ffffff;
	--sazava-red: #6b1a1a;
	--sazava-green-button: #bdd650;
	
	--sazava-white: #ffffff;
	--sazava-gray: #b4b4b4;
	--sazava-text: #000000;
	
	--tnm-green-line: #72e475;
	
	--tnm-text: #1a1f23;
	--tnm-text-hover: #37c5b7;
	--tnm-text-green: #64d79d;
}

@font-face {
    font-family: 'Otima Nova Light';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://vstupenky.sazavskyklaster.cz/cdn/fonts/OptimaNovaLTProLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Hanken Grotesk Medium';
    font-style: normal;
    font-weight: 600;
    font-display: auto;
    src: url('https://vstupenky.sazavskyklaster.cz/cdn/fonts/HankenGrotesk-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Optima Nova Regular';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://vstupenky.sazavskyklaster.cz/cdn/fonts/OptimaNovaLTProRegular.ttf') format('truetype');
}
@font-face {
    font-family: 'Hanken Grotesk Regular';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('https://vstupenky.sazavskyklaster.cz/cdn/fonts/HankenGrotesk-Regular.ttf') format('truetype');
}


@media print {
	body { 
		transform: scale(0.5); 
		transform-origin: left top;
	}
}

.shop-body {
	background-color: var(--bg-color);
}
.shop-footer {
	background-color: var(--sazava-red);
	color: var(--sazava-white);
}
.shop-header {
	background-color: var(--sazava-red);
	color: var(--sazava-white);
}
.logo-poutni-misto {
	font-family: 'Otima Nova Light', sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	color: var(--sazava-white);
}
.f-otima {
	font-family: 'Otima Nova Light', sans-serif;
}
.c-red {
	color: var(--sazava-red);
}
.uk-input, .uk-select {
	border: 2px solid var(--sazava-red) !important;
	color: #000 !important;
}

body {
	min-width: 320px;
}
html {
	color: var(--sazava-text) !important;
	font-family: 'Hanken Grotesk Regular', sans-serif !important;
}
.header-nadpis {
	font-family: 'Otima Nova Light', sans-serif !important;
	font-size: 4rem !important;
	font-weight: bold !important;
	color: var(--sazava-white) !important;
}
.red-border {
	border: 2px solid var(--sazava-red) !important;
}

#errorBox {
	background: #fef4f6;
	color: red;
	position: relative;
	display: none;
}
#errClose {
	position: absolute;
	top: 20px;
	right: 15px;	
}
#warningBox {
	background: #fef4f6;
	color: red;
	position: relative;
	font-size: 120%;
	font-weight: bold;
}

#payButton {
	background: var(--sazava-green-button);
	color: var(--sazava-text);
	letter-spacing: 0.1rem;
	font-size: 1rem;
	font-weight: 700;
	border: 2px solid transparent;
	border-radius: 20px;
	box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
	transition: .3s ease;
}

#payButton:hover, #payButton:focus {
	border: 2px solid var(--sazava-red);
	background: #f8f8f8;
	font-weight: bold;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

input.uk-checkbox {
}
input.uk-checkbox:checked {
background-color: var(--sazava-red);
}
input.uk-checkbox:checked:focus {
background-color: var(--sazava-red);
}

.link {
	color: var(--sazava-write) !important;
	font-weight: 600;
	transition: .3s ease;
}
.link:hover {
	color: var(--sazava-gray) !important;
	text-decoration: none;
}




.white-button {
	background-color: #FFF !important;
}

#buttPlatba {
	padding: 10px 0px 10px 0px;
	text-transform: none;
	line-height: 25px;
	font-size: 1.2rem;
}

.pointer-cursor {
	cursor: pointer;	
}

.link-lang {
	text-decoration: none;
	font-weight: 700;
	font-size: 20px;
	color: var(--tnm-text);
}
.link-lang:hover {
	text-decoration: none;
	color: var(--tnm-text-hover);
}
.link-lang:hover span {
	border-top: 1px solid var(--tnm-text-green);
	border-bottom: 1px solid var(--tnm-text-green);
	transition: .5s ease;
}
.link-lang-active {
	color: var(--sazava-red);
}

.info-list li {
	margin-bottom: 10px;
}

