/* 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í: 0E4400
 * Sekundární: 3eac16
 * Background hlavičky, doplňková: f2f0e6
 * Inverzní text: fcfcfc (inverzní k primární barvě)
 */

/* Barevnost */
header {
  background-image: url('../pics/header.jpg'); 
  background-color: #f2f0e6; /* pozadí pod obrázkem hlavičky - musí být čitelný text a loga !!! */
  background-size: auto 240px;
  background-position: calc(50% + 370px) calc(50% + 20px); /* vypočítané dle použitého obrázku */
}
#titulka header {
  background-size: auto 500px;
  background-position: calc(50% + 560px) 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: #0E4400!important; /* primary */ }
  header {background-color: #f2f0e6!important; }
}
@media screen and (min-width: 40em) and (max-width: 1366px) {
  #titulka header { background-position: calc(50% + 380px) center;}
}
header h1, header h2 {color: #0E4400; /* primary */ }
#titulka header h1 { color: #0E4400; /* primary */ }
#titulka header h2 { color: #0E4400; /* primary */ }
#titulka header h3 { color: #0E4400; /* primary */ }
nav { background: #3eac16; /* secondary */ }
nav .menu a { background-color: #3eac16; /* secondary */ }
nav .menu a:hover, nav a.active, nav .menu .is-active a { background-color: #0E4400; /* primary */ }
#tiraz {
  background-color: #0E4400; /* 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(62, 172, 22, 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: #0E4400; /* primary */ }
a.toc-item:hover { background-color: #0E4400; /* primary */ }
.toc_kapitola .cap-num { color: #0E4400; /* primary */ }
.toc_kapitola a.toc-item:hover, .toc_kapitola a.toc-item.active { background-color: #666666; /* secondary */ }
.separated::before, .toc-section.toc-section.toc-section h2 { background-color: #0E4400; /* primary */ }	
h2 {color: #3eac16} /* secondary */
.t1, .t1 strong, .t1 em {background: #0E4400!important; color: #fafafa;} /* primary */
.t2, .t2 strong, .t2 em {background: #3eac16!important; color: #fafafa;} /* secondary */
.t3, .t3 strong, .t3 em {background: #f2f0e6!important; color: #333333;} /* doplnkova */
sup a, sup a:visited { color: #3eac16!important; } /* secondary */
sup a:hover { color: #fff!important; }
/* KONEC - Barevnost */

/* ************************** */
/* Barevnost vysouvacího menu */
nav .submenu::before {	border-top-color: #3eac16; /* 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: #3eac16 !important; color: #fff !important; }
*/
/* vysouvací menu dle barevnosti webu */
/*
nav .submenu { background-color: #0E4400 !important; }
nav .submenu a {	background-color: #0E4400 !important; color: #3eac16 !important; }
nav .submenu a:hover {	color: #fff !important; }
*/

/*  *********
 *  Vlastní styly
 *  ********* */

audio, video { width: 100%; }

/* accordion (zobrazování skrytého textu) */



.accordion {
  padding: 1rem 0;
}

.accordion-title, .accordion-item:last-child:not(.is-active)>.accordion-title {
  font-size: 17px;
  line-height: initial;
  font-weight: 400;
  background: #f0f8ec;
  color: #0E4400;
  box-shadow: -4px 0 0 0 #0E4400;
}


.accordion-title:hover {
  background: #0E4400!important;
  color: #e2f2d9!important;
}

.is-active > .accordion-title, .is-active > .accordion-title:focus {
  background: #0E4400;
  color: #e2f2d9;
}

.accordion-content > h4 {
  padding-top: 2rem;
  color: #3eac16;
}

.accordion-content > h4:first-child {
  padding-top: 0;
}

/* úprava tabů */

.tabs {
  display: flex;
  flex-flow: row nowrap;
  padding-right: 0;
  border: 0px;
  margin-top: 1rem;
}

.tabs-title > a {
  border-right: none;
  margin-left: 0;
  text-align: center;
  padding: 1rem;
  line-height: 1.4;
}

.tabs-title:last-child > a {
  border-right: 1px solid #dbdbdb;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
  position: initial;
  box-shadow: none;
  background-color: #0E4400;
  color: #fff;
  border-top: none;
  border-bottom: none;
}

.tabs-title > a[aria-selected="false"] {
  position: initial;
  box-shadow: none;
  background-color: #3eac16;
  color: #fff;
  border-top: none;
  border-bottom: none;
}

.tabs.content {
  background-color: none;
}

.tabs-content {
  margin-bottom: 1rem;
}