/* CSS pro daný web
 * Verze 21.8.2018
 * 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í: 3C3744
 * Sekundární: 357DED
 * Background hlavičky, doplňková: fffcf9
 * Inverzní text: fcfcfc (inverzní k primární barvě)
 */

/* Barevnost */
header {
  background-image: url('../pics/header.jpg'); 
  background-color: #fffcf9; /* pozadí pod obrázkem hlavičky - musí být čitelný text a loga !!! */
  background-size: auto 300px;
  background-position: calc(50% + 385px) calc(50%);
}
#titulka header {
  background-size: auto 600px; /* vypočítané dle použitého obrázku */
  background-position: calc(50% + 400px) center;
}
@media screen and (max-width: 39.9375em) {
  header h1, #titulka header h1, header h2, #titulka header h2, header h3, #titulka header h3 {color: #3C3744!important; /* primary */ }
  header {background-color: #fffcf9!important; }
}
header h1, header h2 {color: #3C3744; /* primary */ }
#titulka header h1 { color: #3C3744; /* primary */ }
#titulka header h2 { color: #3C3744; /* primary */ }
#titulka header h3 { color: #3C3744; /* primary */ }
nav { background: #357DED; /* secondary */ }
nav .menu a { background-color: #357DED; /* secondary */ }
nav .menu a:hover, nav a.active, nav .menu .is-active a { background-color: #3C3744; /* primary */ }
#tiraz {
  background-color: #3C3744; /* primary */
  color: #fcfcfc; /* inverzní text */
}
#tiraz a { color: #fcfcfc; /* inverzní text */ }
#tiraz h3 { color: #fcfcfc; /* inverzní text */ }
nav.drobecky .breadcrumbs li:not(:last-child)::after { color: #3C3744; /* primary */ }
nav.drobecky a { color: #3C3744; /* primary */ }
nav.drobecky a:hover { color: #357DED; /* secondary */ }
.cap-box-main a, .cap-box-main > span { background-color: rgba(53, 125, 237, 0.90) /* secondary v rgba */; color: rgba(255, 255, 255, 0.8); }
.cap-box-main a:hover { background-color: #3C3744; /* primary */ }
.cap-box-main a.active, .cap-box-main > span.active { background-color: rgba(53, 125, 237, 0.95); /* secondary v rgba */ }
h2 {color: #357DED} /* secondary */
.t1, .t1 strong, .t1 em {background: #3C3744!important; color: #fafafa;} /* primary */
.t2, .t2 strong, .t2 em {background: #357DED!important; color: #fafafa;} /* secondary */
.t3, .t3 strong, .t3 em {background: #fafafa!important; color: #fafafa;} /* doplnkova */
sup a, sup a:visited { color: #357DED!important; } /* secondary */
sup a:hover { color: #fff!important; }
/* KONEC - Barevnost */

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

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

#tiraz h2 { top: 8rem; }


figure section { cursor: pointer; }