@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

:root {
	--gold: #BFA53D;
	--gold_dark: #BFA44D;
	--tlacitko_border: var(--gold);
	--tlacitko_bg: var(--gold);
	--tlacitko_text: #000;
	--tlacitko_bg_hover: var(--barva2);
	--tlacitko_text_hover: var(--gold);
	--grad_2: #8d5404;
	--grad_1: #f9ec79;
}

h1 { font-family: "Great Vibes"; color: var(--gold_dark); font-size: 400%; font-weight: 400; font-style: normal;
	background: repeating-linear-gradient(90deg, var(--grad_1) 10%, var(--grad_2) 20%, var(--grad_1) 30%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	filter: drop-shadow(0px 1px #666);
}

.marker { color: var(--gold); }
.marker2 { color: var(--gold_dark); font-family: "Great Vibes";  font-weight: 400; font-style: normal;
	background: repeating-linear-gradient(90deg, var(--grad_1) 10%, var(--grad_2) 20%, var(--grad_1) 30%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	filter: drop-shadow(0px 1px #666);
	padding-right: 0.2em; }

a.tlacitko.black {
	border-color: var(--gold);
	color: var(--gold);
	background-color: #000;
}
a.tlacitko.black:hover {
	color: #000;
	background-color: var(--gold);
}
a.tlacitko.light {
	border-color: var(--gold);
	color: var(--gold);
	background-color: transparent;
}
a.tlacitko.light:hover {
	color: #000;
	background-color: var(--gold);
}

a#hor-res-menu-button { color: var(--gold); }
ul#m0 li { border-bottom-color: var(--gold); }
ul#m0 li a { color: var(--gold); }
ul#m0 li a:hover, ul#m0 li a.a_Tactive {color: #000; background-color: var(--gold); }

a.floatingImage img { max-width: 100%; }

#float_icons_part_2 { left: 60px;}
#floatingImage_2 { margin-top: 0; }
#float_icons_part_4 { margin: 0rem 0 2rem; }
#float_icons_part_7 {
	z-index: 1;
	position: relative;
	padding-bottom: 100px;
}
#floatingImage_5 {
	position: absolute;
	bottom: 0px;
	left: calc(50% - 33px);
	z-index: 1;
	display: block !important;
}

.subpage #float_icons_part_4 { margin: 0; }
.subpage #floatingImage_3 { width: 520px; margin: 0; }

@media (max-width: 860px) {
	#float_icons_part_1 {
		max-width: 30%;
		margin: 0 auto;
	}
	#float_icons_part_2 {
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
		float: none;
		position: absolute;
		max-width: 30%;
	}
	#floatingImage_4 { margin: 0; }

	 a#hor-res-menu-button {
		transform: translateY(-50%);
	}
}

/*
#floatingImage_5 {
	position: absolute;
	bottom: 200px;
	z-index: 1;
	left: calc(50% - 33px);
	display: block !important;
}
a.floatingImage, a.floatingImage img { max-width: 100%; }
#float_icons_part_6 {
	width: 100%;
	float: none;
	text-align: right;
	left: 0;
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
}

*/