/* 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.jpg'); */
  background-color: #0000dc !important; /* 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% + 400px) center; /* vypočítané dle použitého obrázku */
}
header h1, header h2 {color: #fff; /* primary */ }
#titulka header h1 { color: #fff; /* primary */ }
#titulka header h2 { color: #fff; /* primary */ }
#titulka header h3 { color: #fff; /* 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 */
}

.cap-box-main a, .cap-box-main > span { background-color: rgba(108, 155, 168, 0.90) /* secondary v rgba */; color: rgba(255, 255, 255, 0.8); }
.cap-box-main a:hover { background-color: #014959; /* primary */ }
.cap-box-main a.active, .cap-box-main > span.active { background-color: rgba(108, 155, 168, 0.95); /* secondary v rgba */ }
h2 {color: #000} /* 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 */



/*  *********
 *  Vlastní styly
 *  ********* */
a, a:visited {
  color: #0000dc;
}
a:hover, a:focus {
  color: #000;
}
body {
  background-color: #0000dc;
  color: #000;
}
#header::before {
  display: none;
}
header img.logo {
  max-width: 280px;
  margin-top: 2.5rem;
}
#titulka header {
    min-height: 25rem;
    padding-bottom: 6rem;
}

@media screen and (min-width: 850px) {
  header > .row > .column {
    padding-left: 0;
  }
}
.row {
  max-width: 60.714rem;
}
footer {
  background-color: #0000dc;
    border-top: none;
}
footer .copy {
  color: #0000dc;
  background-color: #fff;
}
main > .row {
  margin-bottom: 2rem;
  padding: 1.5rem;
}
.dopis {
  font-size: 14px;
}
li {
  margin-top: .5rem;
  margin-bottom: .5rem;
  padding-left: 12px;
}