:root {
	--hlavni1: #ead196;
  --hlavni2: #d5be64;
	--hlavni3: #e3c271;/*doplňky*/
	--text1: #000;/*běžná barva textu*/
	--text2: #bd1a1a;/*červený text*/
	--text3: white;/*inverzní text*/
	--horni-lista-barva: white;

	--topnav-input-hover: #ddd;
	--bs-body-color: var(--hlavni1);
}

body {
  /*font-family: arial;*/
	color: var(--text1) !important;
  margin:0px;
  margin-top: 90px !important;
  margin-bottom: 100px;
  background-color: var(--hlavni1) !important;
}
/*=========================================*/

/*horní lišta*/
/* Style the links inside the navigation bar */
.topnav {
	color: var(--horni-lista-barva);
}
.topnav a {
  float: left;
	color: inherit;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
  background-color: var(--topnav-input-hover);
  color: var(--text1);
}

.horni-lista-prava {
  text-align: right;
  margin: 10px;
}
#motiv-selektor {
	border: none;
	background-color: var(--color2);
}
#velikost-pisma-selektor {
	margin-right: 5px;
}
.horni-lista input {
  background-color: var(--hlavni2);
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: var(--hlavni2);
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
}
/*=========================================*/

/*styly úvodní stránky*/
.hlavni p {
	margin: auto;
	width: 20%;
	min-width: 18em;
	background-color: var(--hlavni2);
	border-radius: 3px;
	margin-bottom: 20px;
}
/*====================*/

/*styly dropdownů*/
.dropdown {
	margin: auto;
	width: 20%;
	margin-bottom: 20px;
	background-color: var(--hlavni2);
	border-radius: 3px;
	min-width: 18em;
}
.dropdown .dropdown-header {
	padding: 0px;
	color: var(--text1);
}
.dropdown .dropdown-header i {
	padding-left: 5px;
}
/*===============*/

/*kontejnery*/
.hlavni {
  margin: 20px;
  margin-top: 60px;
}

.sloupec {
	text-align: center;
}

.modlitba {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  font-size: 20px;
}


.konec {
  clear: both;
}
.chyba {
	color: black;
	font-size: 16px;
	border: 1px solid #f90101;
	border-radius: 2px;
	background-color: #ff7575;
	width: 80%;
	margin: auto;
	margin-bottom: 10px;
}
.uspech {
	color: black;
	font-size: 16px;
	border: 1px solid #f90101;
	border-radius: 2px;
	background-color: #ff7575;
	width: 80%;
	margin: auto;
	margin-bottom: 10px;
}
/*=========================================*/

/*styly pro vzhled a umístění textů*/
.text-rubrika, .nadpis {
  /*kurzívou*/
  color: var(--text2) !important;
  font-style: italic;
}

.text-knez {
  /*kurzívou*/
  font-style: italic;
}
.text-ctec, .text-lid, .text-vsichni {
  /*tučně*/
  font-weight: bold;
}
.zalm-slava {
  color: green;
}
.hlavni-nadpis {

}
.hlavni-nadpis {
  font-size: 50px;
  color:var(--text2);
  text-align: center;
}

/*zastaralé styly textů*/

.poznamka {
  color: red;
}
.stred {
  text-align: center;
}
.leva {
	float: left;
}
.prava {
	float: right;
}
.hlavni {
  text-align: center;
}

/*datum-svatek*/
.datum-svatek {
	text-align: center;
	color: var(--text2);
}

@media screen and (min-width: 800px) {
  .modlitba {
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}


@media screen and (min-width: 500px) {
	.sloupec {
		width: 50%;
	}
	.levy {
		float: left;
	}
	.pravy {
		float: right;
	}
	.modlitba {
		margin-top: 40px;
	}
}