@import "styl-koren.css";

:root {
	--ikorozmer: 1.7rem;
	--ikoOkolo: 50px;
	--ikoPadding: 12px;
	--textPodIkonouVel: 0.5em;
}

sup {
	font-size: 0.9rem;
	padding-bottom: 0;
}

/* horní index pro infotext okno na aktiv-akci */
.supp {
	font-size: 0.7rem;
	padding-bottom: 0;
	vertical-align: super;
}

.lii {
	flex: 1 0 340px;
	/* Box se bude rozšiřovat s dostupným prostorem, minimální šířka 350px */
	max-width: 100%;
	/* Největší šířka boxu je 100% rodičovského kontejneru */
	margin-bottom: 0;
	/* Mezera mezi boxy */
}

.entry-content ul {
	padding: 0;
	margin: var(--hlavniMargin)
}

.entry-content p {
	margin: 0;
}

iframe {
	border-radius: var(--kulatyrohy);
}

/* ikony */
.ikonyVtextu {
	font-size: 90%;
	padding-right: 5px;
}

/* boxy */
.nadbox {
	/* display: flex;
	flex-direction: column; */
	width: 100%;
	padding: 0;


}

.akc-okno-hlavni {
	min-height: 1000px;
	margin: var(--hlavniMargin);
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* odpočet */

.akc-obal-odpocet{
	background-color: var(--barva6);
	padding: 15px 10px;
	margin: 10px 5px;
	border-radius: var(--kulatyrohy);
  }

#zpravaOdpoctu {
	font-weight: 700;
	color: var(--barva1);
	font-size: 1.2rem;
}

.zpravaOdpoctu {
	font-weight: 700;
	color: var(--barva1);
	font-size: 1.2rem;
}



@keyframes akceProbiha {
	0% {color: var(--barva5); font-size: 1rem;}
	40% {color:#ff0015; font-size: 1.2rem;}
	100% {color: var(--barva5); font-size: 1rem;}
}
.akceProbiha {
	font-style: italic;
	animation-name: akceProbiha;
 	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.akc-tocise {
	position: absolute;
	left: 50%;
	top: 140px;
	font-weight: 700;
	background-color: var(--barva5);
	border-radius: 50%;
	color: var(--barvaPoz);
	font-size: 5rem;
	padding: 10px;
	z-index: 400;
	translate: -50%;
}

.akc-obal-odpocet #odpocet {
	display: flex;
	flex-direction: row;
	hyphens: manual;
	gap: 3px;
  }
  
  .odpocet-boxik {
	flex: 1;
	border-radius: var(--kulatyrohy);
	background-color: var(--barva1);
	padding: 5px;
	padding-top: 10px;
	margin-top: 5px;
  }
  
  .odp-cislo {
	color: var(--barvaPoz);
	font-size: 2em;
	font-weight: 200;
  }
  
  .odp-slovo {
	font-size: 0.7em;
	color: var(--barva2);
	padding-top: 0.5em;
	font-weight: 500;
  }
  

  



.akc-titul {
	width: 100%;
	padding: 10px;
	display: flex;
	justify-content: space-between;

}

.akc-titul h2 {
	font-size: 2.5em;

	font-weight: 400;
	margin: auto;
	color: var(--barvaPoz);
	text-transform: uppercase;
}

.akc-zrusenaPresnadpis {
	position: absolute;
	left: 50%;
	font-weight: 700;
	color: white;
	font-size: 25px;
	text-align: center;
	background: var(--barva5); 
	transform: rotate(10deg);
	z-index: 500;
	line-height: 1em;
	translate: -50%;
	padding: 10px;
	border-radius: var(--kulatyrohy);
  }
  
  

a .fa-circle-xmark {
	font-size: 3em;
	color: var(--barvaPoz);
	padding: 5px;

}

.akc-info-space {
	margin: 20px;
	padding: 10px;
	background-color: var(--barvaPoz);
	border-radius: var(--kulatyrohy);
	box-shadow: var(--stin1);
}

.akc-guglmapa {
	margin: 0 20px 10px;
	border-radius: var(--kulatyrohy);
	/* box-shadow: var(--stin1); */
}

.akc-obrukaz {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 500;
}

.akc-obrukaz img {
	margin: auto;
	max-width: 95vw;
	max-height: 95vh;
	border-radius: var(--kulatyrohy);
	box-shadow: var(--stin1);
}

.schovat_obr {
	display: none;
}



.akc-obr {
	margin-top: 10px;
	border-radius: var(--kulatyrohy);
	overflow: hidden;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: var(--stin1);
	
}

.akc-obr img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.akc-obr img:hover {
	transform: scale(1.2);

}

.akc-zrusenaObr {
	position: absolute;
	font-weight: 700;
	margin: auto;
	color: white;
	font-size: 7vw;
	text-align: center;
	background: var(--barva5); 
	transform: rotate(15deg);
	z-index: 500;
	line-height: 1em;
	padding: 10px;
	border-radius: var(--kulatyrohy);
}


.akc-i-datum {
	padding-top: 10px;
	font-weight: 700;
	font-size: 1.5em;
	color: var(--barva5);
}

.akc-i-cas {
	font-weight: 500;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 1.5em;
	color: var(--barva4);
}

.akc-nadvnitroblok1 {
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.1em;
}

.akc-nadvnitroblok2 {
	display: flex;
	justify-content: space-around;
	padding: 15px 0;
	font-size: 1.1em;
}

.akc-nadvnitroblok-center {
	display: flex;
	justify-content: center;
	padding: 15px 0;
}

.akc-nazevKlub-ikony {
	display: flex;
	justify-content: center;
	padding: 0 0;
}

.akc-vnitroblok-info {
	display: flex;
	justify-content: left;
	background-color: var(--barva6);
	padding: 25px 15px;
	margin: 10px 5px;
	hyphens: manual;
	border-radius: var(--kulatyrohy);
}

.akc-obal-klub-adr-foun {
	background-color: var(--barva6);
	padding: 15px 15px;
	margin: 10px 5px;
	hyphens: manual;
	border-radius: var(--kulatyrohy);
}


.akc-vnitroblok1 {

	padding: 0 10px;

}

.akc-vnitroblok2 {

	padding: 0 10px;
	align-items: baseline;
}



.akc-vnitroblok3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: auto;
}




a .ikoodkaz {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--ikorozmer);
	background-color: var(--barva1);
	color: var(--barvaPoz);
	border-radius: 50%;
	padding: var(--ikoPadding);
	width: var(--ikoOkolo);
	height: var(--ikoOkolo);
	/* transition: 0.5s ease-in-out; */
}

a .ikoodkaz:hover {
	background-color: var(--barva5);
}

.ikonn {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--ikorozmer);
	border: 1px solid var(--barva1);
	color: var(--barva1);
	border-radius: 50%;
	padding: var(--ikoPadding);
	width: var(--ikoOkolo);
	height: var(--ikoOkolo);
}

.ikonn:hover {
	border: 1px solid var(--barva2);
	color: var(--barva2);
}

.textPodIkonou {
	font-size: var(--textPodIkonouVel);
	color: var(--barva1);
	text-transform: uppercase;
	padding-top: 8px;
	text-decoration: none;
	font-weight: 700;
	line-height: 1.3em;
}

.textPodIkonou:hover {
	color: var(--barva5);
}

.akc-poloz-webakc a {
	padding: 5px;
	margin: 30px 0;
	color: var(--barvaPoz);
	background-color: var(--barva1);
	border-radius: var(--kulatyrohy);
}

.akc-poloz-info {
	margin-left: 10px;
	font-style: italic;
	text-align: left;
	text-justify: left;
}

.akc-poloz-info .akc-poloz-odkaz, .akc-poloz-odkaz a, a .akc-poloz-odkaz {
	font-weight: 500;
	text-decoration: underline dotted;
	text-decoration-skip-ink: all;
}

.fa-circle-info {
	color: var(--barva1);
	font-size: 1.2em;
}

.akc-poloz-vstupne,
.akc-poloz-vstupne a {
	font-weight: 700;
	font-size: 1.3em;
	color: var(--barva4);
}




.akc-box-vstupredpl {
	display: flex;
	justify-content: space-around;
	margin: 15px auto;
}


.akc-poloz-klubNazev,
.akc-poloz-klubNazev a {
	font-size: 20px;
	color: var(--barva1);
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 3px;
}
.akc-poloz-klubNazev a:hover {
	color: var(--barva5);
}
.ikonKlubOdkaz {
	background-color: var(--barva1);
	border-radius: 50%;
	margin-left: 0;
	color: var(--barvaPoz);
	padding: 6px 4px;
	position: absolute;
}
.ikonKlubOdkaz:hover {
	background-color: var(--barva5);
}

.akc-poloz-klubfoun a {
	padding-top: 3px;
	margin-bottom: 10px;
	font-size: 1em;
}



.okno-hlavni {
	max-width: 1200px;
	margin-bottom: 25px;
	background-color: var(--barvaPoz);
	border-radius: var(--kulatyrohy);
	


}



/*box položkyseznamu  */

.sez-okno-hlavni {
	display: flex;
	overflow: hidden;
	min-width: 300px;
	max-width: 500px;
	height: 135px;
	margin: 0 auto;

	flex: 1 0 350px;
	/* Box se bude rozšiřovat s dostupným prostorem, minimální šířka 350px */
	max-width: 100%;
	/* Největší šířka boxu je 100% rodičovského kontejneru */
	/* margin-bottom: 25px; Mezera mezi boxy */
	box-shadow: var(--stin1);
}

.sez-zrusenaObr {
	position: absolute;
	font-weight: 700;
	top: 33%;
	right: -14%;
	margin: auto;
	color: white;
	font-size: 1.5rem;
	text-align: center;
	background: var(--barva5); 
	transform: rotate(10deg);
	z-index: 500;
	line-height: 1em;
	padding: 8px;
	border-radius: var(--kulatyrohy);
}

.sez-mezivokno {
	display: flex;
	flex-wrap: wrap;
	width: 85%;
	margin: 0;
	justify-content: space-between;
	height: 120px;
	position: relative;
}







.sez-obr {
	transform: scale(1.4);
	overflow: hidden;
	width: 20%;
	height: 118px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sez-obr a {
	display: block;
	width: 100%;
	height: 100%;
}

.sez-obr a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.sez-obr:hover a img {
	transform: scale(1.2);
}









.sez-okno-hlavni-pasiv {
	border: 0;
	padding: 10px;
}

.sez-okno-hlavni-aktiv {
	border: 5px solid var(--barva5);
	padding: 5px;
}

.fa-eye {
	font-size: 1.3em;
	border-radius: 50%;
	padding: 5px;
	box-shadow: var(--stin1);
}

.voko,
.voko a {
	color: var(--barva1);
	background-color: var(--barvaPoz);

}

.voko:hover,
.voko a:hover {
	color: var(--barvaPoz);
	background-color: var(--barva1);
	font-size: 1.5em;
}


.voko-aktiv,
.voko-aktiv a {
	color: var(--barva5);
	background-color: var(--barvaPoz);

}


.voko-aktiv a:hover,
.voko-aktiv:hover {
	color: var(--barvaPoz);
	background-color: var(--barva5);
	font-size: 1.5em;
}


.sez-okno-eye,
.sez-okno-eye a {
	flex-grow: 0;
	flex-shrink: 0;
	align-self: center;
	text-align: center;
	transition: 0.5s ease-in-out;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.sez-okno-openair {
	flex-grow: 0;
	flex-shrink: 0;
	align-self: center;
	text-align: center;
	transition: 0.5s ease-in-out;
	position: absolute;
	right: 0;
	bottom: 5px;
	z-index: 3;
}

.sez-openair {
	color: var(--barva1);
	background-color: var(--prusvit6);
	font-size: 1.1em;
	border-radius: 50%;
	padding: 10px;

}
.sez-tocise {
	transition: 0.5s ease-in-out;
	position: absolute;
	right: 15%;
	bottom: 50%;
	translate: 50% 50%;
	z-index: 400;
	opacity: 0.9;
}

.tocit-sez {
	color: var(--barvaPoz);
	background-color: var(--barva5);
	font-size: 4em;
	border-radius: 50%;
	padding: 10px;

}
.tocit-sez1 {
	color: var(--barva5);
	/* background-color: var(--barva5); */
	font-size: 5em;
	border-radius: 50%;
	padding: 10px;

}

.sez-okno-datum {
	font-weight: 600;
	text-align: left;
	font-size: 1.8em;
	padding-left: 10px;
	align-self: center;
	color: var(--barva5);
	flex-grow: 5;
	min-width: 200px;
	border-radius: var(--kulatyrohy);
}

.sez-okno-nazev,
.sez-okno-nazev a {
	flex-grow: 5;
	margin-top: 12px;
	margin-left: 5px;
	transform: scale(0.95, 1);
	translate: -4%;
	font-size: 1.15em;
	text-align: left;
	font-weight: 500;
	width: 100%;
	color: var(--barva1);

}

.sez-okno-nazev:hover,
.sez-okno-nazev a:hover {
	color: var(--barva2);

}

.sez-okno-klub {
	font-size: 0.9em;
	transform: scale(0.9, 1);
	margin-left: 5px;
	translate: -4%;
	flex-grow: 4;
	width: 100%;
	text-align: left;
}

@media (max-width: 400px) {
	.sez-okno-datum {
		margin-right: 38px;
		margin-left: 0;
	}
}

@media (max-width: 600px) {
	.akc-vnitroblok1 {width: 100%;}
	.akc-vnitroblok2 {width: 100%;}
	.akc-vnitroblok3 {width: 50%;}
	.akc-vnitroblok4 {width: 50%;}
	.akc-nadvnitroblok1 {flex-direction: column;}
	/* .akc-obrukaz img {max-width: 97vw;} */
}

@media (max-width: 340px) {
	.sez-okno-hlavni {width: 300px;}
	.odpocet-boxik {padding: 2px;}
	.odp-cislo {font-size: 1.5em;}
	.odp-slovo {font-size: 0.4em;}
	.akc-obal-odpocet {padding: 5px;}
	/* .akc-obrukaz img {max-width: 97vw;} */

}

@media (min-width: 600px) {
	.akc-vnitroblok1 {width: 50%;}
	.akc-vnitroblok2 {width: 50%;}
	.akc-obr {height: 550px;}
}

@media (max-width: 600px) {
	.sez-okno-hlavni {flex-basis: 100%;}
	/* Na úzkých zařízeních bude každý box zabírat celou šířku */
	.akc-obr {height: 350px;}
}


.ullist {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 15px auto;
	max-width: 1200px;
	gap: 25px;
}