/* 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í: 014959
 * Sekundární: 6C9BA8
 * Background hlavičky, doplňková: EFE9EB
 * Inverzní text: fcfcfc (inverzní k primární barvě)
 */

/* Barevnost */
header {
  background-image: url('../pics/header.png'); 
  background-color: #EFE9EB; /* pozadí pod obrázkem hlavičky - musí být čitelný text a loga !!! */
  background-size: auto 300px;
  background-position: calc(50% + 400px) calc(50% + 60px); /* vypočítané dle použitého obrázku */
}
#titulka header {
  background-size: auto 600px;
  background-position: calc(50% + 200px) 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: #014959!important; /* primary */ }
  header {background-color: #EFE9EB!important; }
}
header h1, header h2 {color: #014959; /* primary */ }
#titulka header h1 { color: #014959; /* primary */ }
#titulka header h2 { color: #014959; /* primary */ }
#titulka header h3 { color: #014959; /* primary */ }
nav { background: #6C9BA8; /* secondary */ }
nav .menu a { background-color: #6C9BA8; /* secondary */ }
nav .menu a:hover, nav a.active, nav .menu .is-active a { background-color: #014959; /* primary */ }
#tiraz {
  background-color: #014959; /* primary */
  color: #fcfcfc; /* inverzní text */
}
#tiraz a { color: #fcfcfc; /* inverzní text */ }
#tiraz h3 { color: #fcfcfc; /* inverzní text */ }
.toc-column { background-color: #6C9BA8; /* secondary */ }
a.toc-item { background-color: #4D5061; /* secondary v rgba */ }
a.toc-item.active { background-color: #014959; /* primary */ }
a.toc-item:hover { background-color: #d19d74; /* primary */ }
.separated::before, .toc-section.toc-section.toc-section h2 { background-color: #014959; /* primary */ }	
h2 {color: #6C9BA8} /* secondary */
.t1, .t1 strong, .t1 em {background: #014959!important; color: #fafafa;} /* primary */
.t2, .t2 strong, .t2 em {background: #6C9BA8!important; color: #fafafa;} /* secondary */
.t3, .t3 strong, .t3 em {background: #fafafa!important; color: #fafafa;} /* doplnkova */
sup a, sup a:visited { color: #6C9BA8!important; } /* secondary */
sup a:hover { color: #fff!important; }
/* KONEC - Barevnost */

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

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

.affiliation {
/*	background-color: rgba(255, 255, 255, .7);*/
}

span.title {
	display: block; font-weight: bold;;
}
.main li + li  {
	margin-top: 1.05rem;
}
* + section  {
	margin-top: 1.5rem;
}

section, .rozc_paticka {
	clear: both;
}

section::after {
	content: " "; clear: both;
}


[class*="box-important"] {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 3rem 0 1.5rem 5rem;
    font-size: 1rem;
    background: url('https://is.muni.cz/do/rect/el/storage/unicss2/design/box/upozorneni.png') 0 3px no-repeat;
    background-size: 64px;
    margin: 3rem 0;
}

p {text-align: justify; margin-bottom: 0}

table p {
    text-align: inherit;
}

p + * {
	margin-top: 1rem;
}

table {
    border-collapse: collapse;
}

figure figcaption {
	text-align: center;
}

.citation {

    max-width: 40em;
    margin: 0 auto;
    text-align: left;
    padding: 1rem;

}

.citation p {
	font-family: "Times New Roman", serif;
}

[lang=en] #tiraz h2 { font-size: 4.2rem; top: 14rem ;}

ul:not([class]) > li::before, .ctverecek-oranzovy > li::before, dl:not([class]) dt::before  {    
    position: absolute !important; 
    top: 0.4rem;
}

.footnote {
	font-size: 80%;
	display: flex;
}

.footnote-label {
	margin-right: 1rem;
}

.hidden { display: none;}

.toc-item { font-size: 16px}

figure.float-right {
	margin: 0;
	margin-left: 1rem;
}

.float-right img, .border {
	border: 1px solid #bbb;
}

.float-right.no-border img {
	border: 0px none;
}

cite {
	display: inline;
	font-size: 100%;
	color: inherit;
}

cite::before {content: ""}
cite::after {content: ""}

.color { font-style: inherit; color: #014959}
.red { font-style: inherit; color: red}
.blue { font-style: inherit; color: blue}
.green { font-style: inherit; color: green}


td, th {padding: 0.3rem !important}
th.right {
	text-align: right;
}

body {
	counter-reset: slides;
}

.slide {
	counter-increment: slides;
	position: relative;
}

.slide figure {
	position: relative;
}

.slide::before {
	position: absolute;
	right: 102%; top: -0.2rem;
	font-size: 1.5rem;
	font-weight: bold;
	content: counter(slides);
}

.slide img {
	border: 3px double #bbb;
}



div[class*="box-"] {
    position: relative;
}

* + [class*="box-"] {
    
    margin-top: 1.5rem;
}

div[class*="box-"]::before {

   position: absolute;
    left: -80px; top: -0.5rem;
/*    padding: 3rem 0 1.5rem 5rem;*/
    width: 64px; height: 64px;
    content: " " ; 
    background: url("https://is.muni.cz/do/rect/el/storage/unicss2/design/box/info.png") no-repeat;
    background-size: auto;
    background-size: 64px;   

}

.box-definition.box-definition::before {

    background-image: url('https://is.muni.cz/do/rect/el/storage/unicss2/design/box/definice.png');

}

.box-text.box-text::before {
    top: 0;
    background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/text.png);

}

.box-info.box-info::before {

    background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/text.png);

}

.box-priklad.box-priklad::before {

     background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/priklad.png);

}

.box-klic.box-klic::before {
 top: 0;
     background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/klic.png);

}
.box-zamysleni.box-zamysleni::before {
    background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/zamysleni.png);
}

.box-upozorneni.box-upozorneni::before {
   background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/upozorneni.png);
}
.box-puzzle.box-puzzle::before {
   background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/puzzle.png);
}
.box-cviceni.box-cviceni::before {
   background-image: url(https://is.muni.cz/do/rect/el/storage/unicss2/design/box/cviceni.png);
}

* .formal {
    margin-top: 1.2rem;
    margin-bottom: 1rem;
}

[class*="box-"] > .formal {
/*    margin-left: 2rem;*/
}

[class*="box-"] > .formal h4 {
    font-size: 90%;
}

.question + * {
	margin-top: 1.5em;
}

.solution {
	padding: 0.5rem 0 0.5rem 48px;
	background: url(../pics//key.png) 0 0.5rem no-repeat transparent;
	min-height: 40px;
}

.solution:hover {
	cursor: pointer;
}

.solution p {
	display: none;
}

.shown p {
	display: block;
}

.note {
	margin-top: 1.5rem;
}

.no-wrap { white-space: nowrap}

.long-desc {
	text-align: left;
}

.t-criteria {
	width: 100%;
}

.t-criteria tbody tr:nth-child(2n), .t-criteria thead th, .t-criteria tfoot {
    background-color: #ddd;
}

.t-criteria th {
	font-weight: bold;
}

.vertical-top, .vertical-top td {
	vertical-align: top;
}

.align-right {
	text-align: right;
}

.option {
	padding: 0.5rem;
	text-indent: 0;
}

.option + .option {
	border-top: 1px solid #bbb;
}

.crit-selector {
	display: none;
}

.crit-label {
	margin-left: 0 !important;
}

:checked + .crit-label {
	text-shadow: 1px 0 0 #333;
}

.score {
	display: block; font-weight: bold; font-size: 120%; text-align: center;
	padding: 0.5rem
}

.t-criteria tbody {
	max-height: 60vh; overflow-y: scroll;
}

.no-stretch { 
	width: -moz-max-content;
	width: -webkit-max-content;
	width: intrinsic;
	width: max-content
}


a.excel {
    background-position: 1.5rem 1.429rem;
    background-repeat: no-repeat !important;
    border: 1px solid #eee;
        border-top-color: rgb(238, 238, 238);
        border-right-color: rgb(238, 238, 238);
        border-bottom-color: rgb(238, 238, 238);
        border-left-color: rgb(238, 238, 238);
}

a.excel, a.excel:hover {
    background-image: url("../pics/excel.svg");
    background-color: #f0fbef;
    background-size: 2.214rem;
    border-color: #daf0d1;
    color: #78BC00;
}

figure img {border: 1px solid #ddd;}
table img {
    border-style: none;
}


.math {
    margin: 1rem auto;
    text-align: center;
}

.topped.topped.topped.topped td { vertical-align: top; border: 1px solid #ddd; padding: 0.5rem;}