@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--yellow: #fbb714;
	--black: #171717;
	--tlacitko_text: var(--black);
	--tlacitko_text_hover: var(--black);
	--tlacitko_bg:var(--yellow);
	--tlacitko_bg_hover:#FFF;
	--tlacitko_border:var(--yellow);
	--tlacitko_border_hover:var(--yellow);
}
.mid_icons {
  width: 100%;
}
h1 { font-size: clamp(2rem,5vw,72px); }
h2 { font-size: clamp(1.5rem,4vw,46px); }
h3 { font-size: clamp(1.3rem,3vw,28px); }
body {font-size: clamp(0.9rem,2vw,18px);}

h1, h2, h3 { line-height: 1.2; }

h1, h2, h3, .marker, ul#m0 li a {
  font-family: "Barlow Condensed", sans-serif !important;
}
.marker2 { color: var(--yellow); }

h2 { padding-bottom: 1em; margin-bottom: 1em; position: relative; }
h2::after {
	content: "";
	position: absolute;
	height: 4px;
	width: 30px;
	border-radius: 3px;
	bottom: 0; left: 0;
	background-color: var(--yellow);
}

h2[style*="text-align:center"]::after,
h2[style*="text-align: center"]::after,
.radosta-sluzby-hlavicka::after {
	left: calc(50% - 15px);
}

div.text-article-preview { text-align: left; }

a.tlacitko, #form_248 .halc input { padding: 14px 27px; border-radius: 16px; transition: 0.25s; font-size: 13px; font-weight: 700; font-family: "Montserrat", Arial, sans-serif; text-transform: uppercase; }
a.tlacitko:hover, #form_248 .halc input:hover { transform: translateY(-2px); border-color: var(--tlacitko_border_hover); }
a.tlacitko.white { border-color: #FFF; color: var(--black); background-color: #FFF; }
a.tlacitko.white:hover { border-color: #FFF; color: var(--black); background-color: var(--yellow); }
a.tlacitko.transparent { border-color: #FFF; color: #FFF; background-color: #FFF0; }
a.tlacitko.transparent:hover { border-color: #FFF; color: var(--black); background-color: #FFFF; }

div.text-article-preview a.tlacitko { left: 10%; transform: none; }
div.text-article-preview a.tlacitko:hover { transform: translateY(-2px); }

ul#m0 li a, #scrollToHome { border-radius: 10px; }
ul#m0 li a:hover, ul#m0 li a.a_Tactive { background-color: var(--yellow); }
@media(max-width: 640px){
	ul#m0 li a { border-radius: 0; }
}

a#hor-res-menu-button { border-radius: 10px; color: var(--black); background-color: var(--yellow); }

#head_grid_mid { align-items: start; }

#banhead::after {
  content: "";
  display: block;
  background-image: linear-gradient(to right,#000,#0000);
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
  position: absolute;
}

input.form_stext, label.form_stext {
  display: none !important;
}
@media (min-width: 501px) {
	.webbase_form_div h2 { display: none; }
	#form_248 label { display: block; padding-right: 0; text-align: left; width: auto;}
	#form_248 .webbase_form_line { margin: 0 0 1em 0; }
	#form_248 { display: flex !important; flex-wrap: wrap; margin-left: 40px;}
	#form_248 .webbase_form_line:nth-of-type(1),
	#form_248 .webbase_form_line:nth-of-type(2),
	#form_248 .webbase_form_line:nth-of-type(3),
	#form_248 .webbase_form_line:nth-of-type(4) { width: 50%; }
	#form_248 .webbase_form_line:nth-of-type(5),
	#form_248 .webbase_form_line:nth-of-type(6) { width: 100%; }
	#form_248 input, #form_248 select, #form_248 textarea {width: calc(100% - 40px);}
	#form_248 .halc { margin-left: 0; text-align: center;margin-right: 40px;}
	#form_248 .halc input {width: auto; }
}