/* 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ě)

 --primary-color: #014959;
  --secondary-color: #6C9BA8;
background-color: rgba(108, 155, 168, 0.90);
 */

/* Barevnost */

:root {
  --primary-color: #14a;
  --secondary-color: rgba(90, 130, 180); /* #6ad;*/
  --secondary-transparent: rgba(90, 130, 180, 0.95);
}

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 600px;
  background-position: calc(50% + 500px) calc(50% + 60px); /* vypočítané dle použitého obrázku */
}
#titulka header {
  background-size: auto 600px;
  background-position: calc(50% + 400px) 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: var(--primary-color)!important; /* primary */ }
  header {background-color: #EFE9EB!important; }
}
header h1, header h2 {color: var(--primary-color); /* primary */ }
#titulka header h1 { color: var(--primary-color); /* primary */ }
#titulka header h2 { color: var(--primary-color); /* primary */ }
#titulka header h3 { color: var(--primary-color); /* primary */ }
nav { background: var(--secondary-color); /* secondary */ }
nav .menu a { background-color: var(--secondary-color); /* secondary */ }
nav .menu a:hover, nav a.active, nav .menu .is-active a { background-color: #14a; background-color: var(--primary-color); /* primary */ }
#tiraz {
  background-color: var(--primary-color); /* 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: var(--primary-color); /* primary */ }
nav.drobecky a { color: var(--primary-color); /* primary */ }
nav.drobecky a:hover { color: var(--secondary-color); /* secondary */ }
.cap-box-main a, .cap-box-main > span { background-color: var(--secondary-transparent) /* secondary v rgba */; color: rgba(255, 255, 255, 0.8); }
.cap-box-main a:hover { background-color: var(--primary-color); /* primary */ }
.cap-box-main a.active, .cap-box-main > span.active { background-color: var(--secondary-transparent); /* secondary v rgba */ }
h2 {color: var(--secondary-color)} /* secondary */
.t1, .t1 strong, .t1 em {background: var(--primary-color)!important; color: #fafafa;} /* primary */
.t2, .t2 strong, .t2 em {background: var(--secondary-color)!important; color: #fafafa;} /* secondary */
.t3, .t3 strong, .t3 em {background: #fafafa!important; color: #fafafa;} /* doplnkova */
sup a, sup a:visited { color: var(--secondary-color)!important; } /* secondary */
sup a:hover { color: #fff!important; }
/* KONEC - Barevnost */

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

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

.column.shrink.w6rem.h-collapse {
	min-height: auto;
}

.toc-list li {
	list-style: none;
}

.toc-list {
	margin-left: 0;
}

.toc-list .toc-list{
	margin-left: 1.25rem;
}


.toc-section {
	width: 100%;
    display: flex;
    flex-flow: row wrap;
	background-color: #2F4F95;
	background-color: var(--secondary-transparent);
	
}

.separated::before {	
	display: block;
	height: 2rem;
	width: 100%;
	content: " ";
	background-color: #2F4F95; /* secondary */;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.toc-section.toc-section.toc-section h2 {
	flex: 1 0 100%;
	margin: 0;
	padding: 0.8rem 0.5rem 0.5rem 90px;
	font-size: 1.0rem;
	font-weight: 600;
	background-color: #48746f; /* secondary v rgb */ 
	color: rgba(255, 255, 255, 0.9);	
	min-height: 2.5rem;
	text-transform: uppercase;	
	border-bottom: 1px solid #fff;	
}

.toc-column {
	box-sizing: border-box;
	flex: 1 1 50%;	
	max-width: 50%;
}
.toc-column + .toc-column {	
	border-left: 1px solid #fff;
}

.toc-item.toc-item {
	flex: 0 1 50%;
	background-color: transparent;
/*
	display: block;
	padding-left: 90px;		
*/
	border-bottom: 1px solid #fff;	
	font-size: 1.2rem;
/*	line-height: 105%;*/
/*	min-height: 4.5rem;*/
/*	height: 5.1rem;*/
}

.toc-item .cap-num.cap-num {
	margin-top: 15px;
}

.toc-section > .toc-item:nth-of-type(odd) {
	border-right: 1px solid #fff;	
}

.toc-section > .toc-item:nth-of-type(odd):last-of-type {
	border-bottom: 0px none;	
}

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

	.toc-column, .toc-section .toc-item.toc-item {
		flex-basis: 100%;
		border-right: 0 none;
	}
}

[lang=en] #tiraz h2 {
    font-size: 4rem;
    top: auto;
    bottom: -12.3rem;
}

#hlavni-nadpis {
    padding-bottom: 0.5rem;
}

.main {
    padding-top: 0;
}

#sidebar-tabs {
    padding-right: 0;
    border-top: 1px solid #dbdbdb;
}
#sidebar-tabs a {
    border-top-color: transparent;
}

#toc  {
	padding-left: 0; padding-right: 0;
}
	
.text-justified {
	text-align: justify;
}

.author {
	text-align: right;
}

.person {
	white-space: nowrap;
}

#subcats {
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 1em;
}

#description {
	margin-top: 1em;
}

#maincat {
	margin-top: 0.5em;
}

#maincat::first-letter { text-transform: uppercase}

.display, body,html {position: relative;}

.fullscreen {
	display: flex;
	flex-flow: row wrap;
	position: fixed; top: 0; left: 0;
	width: 100vw; height: 100vh;
	background-color: rgba(255, 255, 255, 1);
	z-index: 100;
}

.fullscreen #hlavni-nadpis {
    display: none;
}

.fullscreen #navigline {
    flex: 1 0 100%;
    margin: 0;
    margin-bottom: 0;
}
.fullscreen #sidebar {
    display: none;
}

.fullscreen .row.align-left {
    flex: 1 0 100%;
    max-width: 100%;
}

.img-gallery #single, .img-gallery #figtitle, .img-gallery .navbar  {
	display: none;
}
.fullscreen .main {
    width: 100vw;
    max-width: 100%;
    padding-left: 0;
}
.fullscreen .navbar {
	display: block;
	position: fixed; right: 20px; top: 20px;
}

.fullscreen .closer {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.02em; text-align: center;
	width: 1.5em; height: 1.34em;
	vertical-align: top;
	font-size: 120%; font-weight: bold;
}

.fullscreen .langswitch {
	display: inline-block;
	text-align: center; vertical-align: middle;
	/* width: 1.5em;  */
	height: 1.7em;
}
.fullscreen .langswitch::before {
	display: inline-block;
	margin-top: 0.1em;
	height: 1.8em;
}

#navigline-crumbs .langswitch {
	position: absolute; right: 10px;
}

#navigline-crumbs {position: relative}
[lang=cs] .langswitch::before {
	content: url(../pics/icons/flag-UK32.png);
	width: 32px; height: 1.8em;
}

[lang=en] .langswitch::before {
	content: url(../pics/icons/flag-CS32.png);
	width: 32px; height: 1.8em;
}

.fullscreen #maincat {
	flex: 1 0 100%;
	padding-left: 1rem;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 48px;
}
.fullscreen .display {
    width: 100vw;
    padding-left: 1rem;
}
.fullscreen .img-gallery {
	display: flex;
    flex-flow: row wrap;
/*	padding-left: 1rem;*/
    width: 100vw;
}


.fullscreen .apl.navig-up {
	display: none;
}

.fullscreen #subtoc {
	display: none;
}

.fullscreen #single {
	display: block;
	padding: 1em;
    padding-left: 0;
    margin-top: 0;
	/*flex: 1 0 70%;*/
	width: 70vw;
	height: 65vh;
}

.fullscreen #thumbs {
/*	flex: 1 1 30%;*/
	max-height: 80vh;
	overflow-y: auto;
	padding: 1em;
	background-color: #fff;
	height: 100vh;
	width: 30vw;
	align-self: stretch;
/*    margin-right: 20px;*/
}



.fullscreen #preparat { /*max-height: 100%; */ overflow: auto;
height: 80vh;

}

.fullscreen #fig_preparat {
	height:100%;
	width: 100%;
	object-fit: contain;
/*	max-width: 100%;*/
}

.fullscreen #figtitle {
	display: block;
	text-indent: 0;
	padding: 0.3em 0 1em 0;
    margin-top: 0;
	flex: 0 0 70%;
	background-color: #fff;

    position: fixed;
    bottom: 0;
    width: 70%;
}


.fullscreen #mainFigure {
	margin-bottom: 0;
}


.thumbs { display: grid;
/*    grid-template-columns:  repeat(5, 1fr);; */
    /* grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); */
    grid-template-columns: repeat(auto-fit, 100px);
/*   */
/*grid-template-columns: minmax(100px, 1fr);*/
/*    grid-auto-rows: minmax(100px, auto);*/
    grid-auto-rows: 100px;
/*    grid-auto-flow: row;*/
    gap: 0.5rem;
}

.thumb {
	width: 100px;
    margin: 0;
    border: 1px solid #bbb;
}

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

.thumb img {
	
}
.thumb figcaption {
    display: none;
}

.thumb.video {
	position: relative;
}

.thumb.video::after {
	position: absolute;
	bottom: 5px;
	right: 10px;
	content: url(../style/video.svg);
	width: 32px;
	/* height: 24px; */
}

#navigline {
	color: #fff;
	padding: 0.5em;
}
#navigline-crumbs {
    width: 100%;
    color: #000;
}
.navig-crumb {
	display: inline-block; 
/*	color: #fff;*/
	padding: 0 0.2em;
    margin: 1rem 0 0.5rem 0;
}

.navig-crumb:hover {
/*	color: #fff;*/
	text-shadow: 1px 0 0 #eee;
}

.navig { clear: both; margin: 5px 0 }
     .navig a { cursor: pointer; color: black }
     .navig a:hover { text-decoration: underline;     }
     .navig_prev, .navig_next { 
		 position: absolute;
		 cursor: pointer; width: 150px; height: 50px;
		 top: 45%;
/* background-color: transparent;*/
}
     
     .navig_prev {
		 left: 0;
    
     }
.navig_next { right: 0; 
     
      }
     .navig_prev { background: url(../pics/icons/arrow_left.svg) 10px center no-repeat; } /*,
	linear-gradient(to left, rgba(0, 0, 0, .0), rgba(0, 0, 0, .50))*/

     .navig_next {background: url(../pics/icons/arrow_right.svg) 100px center no-repeat}

	 /* ,
	linear-gradient(to right, rgba(0, 0, 0, .0), rgba(0, 0, 0, .50))*/

.navig_prev:hover, .navig_next:hover {
	opacity: 0.7;
}
      .firstOn .navig_prev { visibility: hidden; } 
.lastOn .navig_next {visibility: hidden; }
/*
    
    .firstOn .navig_prev:hover { background-color: #fff; cursor: default; }  
      
   }
    .lastOn .navig_next:hover { background-color: #fff; cursor: default; }
  
*/

#subcats:empty { display: none;}

#mainFigure { /*position: relative;*/
      /*float: left;  */
	position: relative;
	
      /* width: 700px; */
      height: auto; /* 500px; */ 
      margin-bottom: 70px;
      
      }

#fig_preparat {
	display: block; 
	margin: 0 auto;
}



.apl {
	display: inline-block;
	vertical-align: -0.2em;
	width: 24px; height: 24px;
	margin-right: 0.5em;
}

.apl:hover {
	cursor: pointer;
	background-color: #f5f5f5;
}

.navig-thumbs {
	
	background: url(../pics/icons/thumbnails.svg) center center no-repeat transparent;
}

.navig-up {
	vertical-align: -0.2em;
	background: url(../pics/icons/arrow_up.svg) center center no-repeat transparent;
}


.navig-toc {
	vertical-align: middle;
	background: url(../pics/icons/home.svg) center center no-repeat transparent;
}


.result-list {
    margin-left: 0;
    max-height: 70vh;
    overflow: auto;
}

.result-item {
    font-size: 90%;
    margin-bottom: 0.3em;
}

.result-item:hover {
	cursor: pointer;
	color: var(--secondary-color);
	text-decoration: underline;
}


.ftitle { /*display: block;*/ font-weight: bold;}

#description td {
	vertical-align: top;
	padding: 0.71429rem;
}

td > h4:first-child { margin-top: 0}

.col2 td { width: 50%; }
.col4 td { width: 25%; }

.lightred, .lightred td {
	background-color: #fee;
	border: 1px solid #fdd
}
/*
.lightred tr:nth-child(even) td {
	background-color: #fee;
}
*/

.lightblue, .lightblue td, .lightblue tr:nth-child(odd) td {
	background-color: #eef !important;
}

.lightblue tr:nth-child(even) td, .middleblue td,  .middleblue {
	background-color: #ddf !important;
}


.lightgreen, .lightgreen td, .lightgreen tr:nth-child(odd) td {
	background-color: #efe !important;
}

.lightgreen tr:nth-child(even) td{
	background-color: #dfd !important;
}

.greengrey, .greengrey td, .greengrey tr:nth-child(odd) td {
	background-color: #eefff9 !important;
}

.greengrey tr:nth-child(even) td{
	background-color: #ddffee !important;
}

.lightpurple { background-color: #fdf;}

.palered { background-color: #fff0f0;}

.lightyellow td {background-color: #ffd !important;}
.yellow td {background-color: #ff9 !important;}

.lightorange td {background-color: #feb!important;}
.orange td {background-color: #fd9 !important;}
.darkorange {background-color: #feb;}

dl dt {
	font-weight: bold;
}

dl dt::before {
	display: none !important;
}


dd + dt {
	margin-top: 0.5em; 
}


.letter-groups {
	max-height: 50vh; overflow: auto;
}

.letter {
	display: inline-block; padding: 0.2em;
	border: 1px solid transparent;
}

.letter:hover {
	background-color: #eee;
	border-color: #ddd;
	cursor: pointer;
}

.letter-item {
	padding: 0.1em 0;
}

.letter-item:hover {
	background-color: #eee;
	border-color: #ddd;
	cursor: pointer;
	text-decoration: underline;
	
}

.tabs-title>a[aria-selected=true], .tabs-title>a[aria-selected=true], .tabs-title>a:active {
	box-shadow: none;
}

.persons3 {
	/* display: flex; */
	flex-flow: row wrap;
}

.persons3 .person {
	box-sizing: border-box;
	flex: 0 1 33%;
	padding: 0.5rem 1rem 0.5rem 0;
}


.toc-list .toc-list {
    margin-left: 1.5em;
    font-size: 95%;
}

.toc-list .toc-list .toc-list {
    margin-left: 5.3em;
    font-size: 95%;
}

.toc-list li + li { margin-top: 0.5rem;}

.toc-list .toc-list li + li { margin-top: 0.0em;}

.toc-list   a {
/*  display: flex;  */
    padding-right: 1rem;
}

.toc-list  a:hover {
    background-color: rgb(90, 130, 180);
    background-color: var(--secondary-color);
    color: #fff;
    text-decoration: none;
}

.toc-list  a:hover .toc-label {
    color: #fff;
}

 .toc-label { 
     flex: 0 0 2em;
     padding-left: 0.3em;
     width: 2.6em; text-align: right; margin-right: 1em;
   color: var(--primary-color);
     /*
     vertical-align: middle;
     font-size: 300%;
     font-family: Roboto;
    font-weight: 200 !important;*/
     
     
/*flex: 0 0 auto;
height: 94px;
display: block;*/
     
}

.toc-list .toc-list .toc-label {
     flex: 0 0 4em; width: 4em;
}
 .toc-title { flex: 1 0 80%; padding-left: 0.3em; }

.toc-label + .toc-title { padding-left: 0.0em;}

#img_src {
    position: absolute; bottom: 0; left: 0; 
   
    background-color: rgba(255,255,255, 0.6);
    padding: 0.5em; font-size: 80%; }
#img_src:empty {
    padding: 0;
}

thead tr th {font-weight: bold;}

img {-ms-interpolation-mode: bicubic;}



video {
    max-height: 80vh;
}


#disclaimer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
}

.dis-content {
	max-width: 30em;
	padding: 1rem;
	border: 3px ridge #bbb;
	background-color: #fff;
	border-radius: 10px;
}

.dis-continuer {
	font-size: 150%;
	display: block;
	margin: 2rem auto
}

.centered {
	text-align: center;
}

#dis-pwd {
	display: inline-block;
	max-width: 15em;
}