/* CSS pro daný web
 * Verze 3.9.2019
 * dokumentace na:
 * https://docs.google.com/spreadsheets/d/1HV7JUECJavTNSYOburjemgWhfErRqC8b9kI4I-YvLwg/edit#gid=0
 */

/* Základní barevnost webu - staci vzdy hromadne nahradit ctrl+h
 * Primární: F5F5F5
 * Sekundární: 7C8AA2
 * Background hlavičky, doplňková: 6E0D0E
 * Inverzní text: fcfcfc (inverzní k primární barvě)
 */

/* Barevnost */
header {
  background-image: url('../pics/header.jpg');
  background-color: #6E0D0E;
  /* pozadí pod obrázkem hlavičky - musí být čitelný text a loga !!! */
  background-size: auto 300px;
  background-position: calc(50% + 300px) calc(75% + 25px);
  /* vypočítané dle použitého obrázku */
}

#titulka header {
  background-size: auto 520px;
  background-position: calc(75% + 250px) center;
  /* vypočítané dle použitého obrázku */
}

@media screen and (max-width: 39.9375em) {

  header h1,
  #titulka header h1,
  header h2,
  #titulka header h2,
  header h3,
  #titulka header h3 {
    color: #F5F5F5 !important;
    /* primary */
  }

  header {
    background-color: #6E0D0E !important;
  }
}

header h1,
header h2 {
  color: #F5F5F5;
  /* primary */
}

#titulka header h1 {
  color: #F5F5F5;
  /* primary */
}

#titulka header h2 {
  color: #F5F5F5;
  /* primary */
}

#titulka header h3 {
  color: #F5F5F5;
  /* primary */
}

nav {
  background: #7C8AA2;
  /* secondary */
}

nav .menu a {
  background-color: #7C8AA2;
  /* secondary */
}

nav .menu a:hover,
nav a.active,
nav .menu .is-active a {
  background-color: #444E5F;
  /* primary */
}

#tiraz {
  background-color: #800F11;
  /* primary */
  color: #fcfcfc;
  /* inverzní text */
}

#tiraz a {
  color: #fcfcfc;
  /* inverzní text */
}

#tiraz h3 {
  color: #fcfcfc;
  /* inverzní text */
}

a.toc-item,
span.toc-item {
  background-color: rgba(124, 138, 162, 0.95);
  /* secondary v rgba, pro menu s tmavým písmem na šedém pozadí použijeme např. color: #333333; background-color: rgba(206, 209, 215, 0.95); */
}

a.toc-item.active {
  background-color: #F5F5F5;
  /* primary */
}

a.toc-item:hover {
  background-color: #921113;
  /* primary */
}

.toc_kapitola .cap-num {
  color: #F5F5F5;
  /* primary */
}

.toc_kapitola a.toc-item:hover {
  background-color: #F5F5F5;
  /* primary */
}

.separated::before,
.toc-section.toc-section.toc-section h2 {
  background-color: #444E5F;
  /* primary */
}

h2 {
  color: #5B0B0D
}

/* secondary */
.t1,
.t1 strong,
.t1 em {
  background: #F5F5F5 !important;
  color: #fafafa;
}

/* primary */
.t2,
.t2 strong,
.t2 em {
  background: #7C8AA2 !important;
  color: #fafafa;
}

/* secondary */
.t3,
.t3 strong,
.t3 em {
  background: #6E0D0E !important;
  color: #333333;
}

/* doplnkova */
sup a,
sup a:visited {
  color: #7C8AA2 !important;
}

/* secondary */
sup a:hover {
  color: #fff !important;
}
/* KONEC - Barevnost */

/* ************************** */
/* Barevnost vysouvacího menu */
nav .submenu::before {	border-top-color: #7C8AA2; /* kontrastni - tečky*/ }
/* vysouvací menu tmavé */
/*
nav .submenu { background-color: #767676 !important; }
nav .submenu a { background-color: #767676 !important; color: #eee !important; }
nav .submenu a:hover {	background-color: #7C8AA2 !important; color: #fff !important; }
*/
/* vysouvací menu dle barevnosti webu */
/*
nav .submenu { background-color: #F5F5F5 !important; }
nav .submenu a {	background-color: #014959 !important; color: #7C8AA2 !important; }
nav .submenu a:hover {	color: #fff !important; }
*/

/*  *********
 *  Vlastní styly
 *  ********* */
 .clickbox .title {
/* padding-top: 0.5rem; */
padding-top: 0rem;
  display: block;
font-weight: bold;
 }
.epub .title {   
  color: #78BC00;
}
.pdf .title {
  color: #a52700;
}


#hlavni-nadpis h1::after {
    border-top: 8px dotted #a61b19;
}

ul:not([class])>li:before
{position: absolute;
  content: "▪";
  
  /* left: -0.5rem; */
  
  font-size: 1.2857rem;
  top: 0.3rem;
  
}

span.green  { color: green}
span.red { color: red}

section > h2:first-child {margin-top: 0}

.toc-list { 
display: flex; flex-flow: column wrap;
font-size: 90%;
max-height: 29rem;
}

.tocItem {
  padding: 0.2rem;
  max-width: 33%;
}

.tocItem:hover {
  cursor: pointer;
  background-color: #eee;
}

.questions {
margin-top: 1rem;
/* margin-left: 0; */
}

.question + .question  {margin-top: 0.5rem;}

li.question::before {
  content: "?"; font-size: 120%; font-weight: bold;
  height: 100%;
  position: absolute;
  left: -2rem; top: 0;
  padding: 0.2em 0.5em;
  color: #fff;
}

.question.green::before {
  background-color: green;
}

.question.red::before {
  background-color: red;
}

.question { 
padding: 0.3em; padding-left: 1rem;
border: 1px solid transparentů

}
/* 
.question.green {
  border-left: 10px solid green;
}

.question.red {
  border-left: 10px solid red;
} */

.question:hover {
  border-top-color: #ddd;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  background-color: #f9f9f9;
}

.item-ref {
 padding: 0.2em;
  /* color: #6E0D0E;  */
  color: #cd1818; 
  
  cursor: pointer;
}
/* .item-ref::before {content: "➤ "} */


.item-ref:hover { 
background-color: #eee;
text-decoration: underline;}

/* #results .item-ref:hover {
  text-decoration: none;
}
 */
p.toolbar {
  display: flex;
  gap: 0.5rem;
}

#results {
max-height: 50vh; overflow: auto;
font-size: 90%;
margin-left: 0;
}

.vertical-center {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

button {background-color: #6E0D0E !important; }
button:focus,
button:hover,
[type=button]:hover,
[type=submit]:hover {
  /* background-color: #002164; */
  background-color: #921113!important;
  color: #fefefe;
}