body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* ---------------- base text ---------------- */

.based {
  font-size: 9pt;
  color: #9c9b9b;
  line-height: 5%;
}

.online {
  font-size: 13px;
  line-height: 100%;
  color: #3ad15a;
  text-align: right;
  vertical-align: center;
  margin-top: 3px;
}

.offline {
  font-size: 13px;
  line-height: 100%;
  color: #f76363;
  text-align: right;
  vertical-align: center;
  margin-top: 3px;
}

/* ---------------- data styles ---------------- */

.da {
  font-size: 16px;
  line-height: 100%;
  color: #9c9b9b;
  font-weight: 500;
}

.daSlabsi {
  font-size: 16px;
  line-height: 100%;
  color: #d0cece;
  font-weight: 500;
}

.daSlabsiMensi {
  font-size: 14px;
  line-height: 100%;
  color: #d0cece;
  font-weight: 500;
}

.daLight {
  font-size: 16px;
  line-height: 100%;
  color: #9c9b9b;
  font-weight: 300;
}

/* ---------------- sticky ---------------- */

.sticky {
  font-size: 15px;
  line-height: 100%;
  color: #ffffff;
  font-weight: 500;
}

.stickyDay {
  font-size: 16px;
  line-height: 100%;
  color: #d0cece;
  font-weight: 500;
}

.stickyDole {
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
  font-weight: 500;
}

/* ---------------- bold system (kept Arial as fallback emphasis style) ---------------- */

.black {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 100%;
  color: #000;
}

.white {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 100%;
  color: #fff;
}

.gray {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 100%;
  color: #8d8c8c;
}

.mazatText {
  font-weight: 700;
  font-size: 2em;
  line-height: 100%;
  color: #d92b21;
}

.bigRed {
  font-weight: 700;
  font-size: 2.5em;
  line-height: 100%;
  color: #d92b21;
}

/* ---------------- accents ---------------- */

.ti {
  font-size: 1.1em;
  line-height: 100%;
  color: #0094ff;
  font-weight: 500;
}

.red {
  font-size: 1.1em;
  line-height: 100%;
  color: #d92b21;
  font-weight: 500;
}

.orange {
  font-size: 1.1em;
  line-height: 100%;
  color: #e75c00;
  font-weight: 500;
}

/* ---------------- sticky variants ---------------- */

.tiSticky {
  font-size: 1.2em;
  line-height: 100%;
  color: #0094ff;
  font-weight: 500;
}

.teSticky {
  font-size: 1.2em;
  line-height: 100%;
  color: #8d8c8c;
  font-weight: 300;
}

.te {
  font-size: 15px;
  line-height: 100%;
  color: #8d8c8c;
  font-weight: 100;
}

/* ---------------- legacy bold (kept as-is but normalized) ---------------- */

.tib {
  font-weight: 700;
  font-size: 1.2em;
  line-height: 100%;
  color: #000;
}

.teb {
  font-weight: 700;
  font-size: 1.2em;
  line-height: 100%;
  color: #000;
}

/* ---------------- typography extras ---------------- */

.pozn {
  font-size: 0.8em;
  line-height: 100%;
  color: #b6b6b6;
  font-style: italic;
}

.zdrojFoto {
  font-size: 0.6em;
  color: #b6b6b6;
  line-height: 12px;
  margin-top: 4px;
  display: block;
}

.textItalic {
  position: relative;
  bottom: 1px;
  font-size: 0.7em;
  line-height: 100%;
  color: #8d8c8c;
  font-style: italic;
}

.src {
  font-size: 0.7em;
  line-height: 100%;
  color: #b6b6b6;
}

.month {
  font-size: 0.8em;
  line-height: 100%;
  color: #ffffff;
}

.section {
  font-size: 25px;
  line-height: 100%;
  color: #8d8c8c;
  font-weight: 200;
}

.background{
background-color: rgba(255, 255, 255, .0);
}

hr {
  border:none;
  border-top:1px dotted #d1d1d1;
  color:#fff;
  margin-bottom: 6px;
  margin-top: 5px;
  background-color: rgba(255, 255, 255, .0);
  height:1px;
  width:100%;
}