/* Modern illustrative stills replace the archive's unusable Flash player. */
.dr-video-poster,
.dr-article-illustration {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  background: #303a44;
}
.dr-video-poster img,
.dr-article-illustration img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.dr-video-poster figcaption,
.dr-article-illustration figcaption {
  padding: 8px 12px;
  color: #e7edf2;
  font: 12px/1.4 Arial, sans-serif;
  text-align: left;
}
.dr-article-illustration { margin: 12px 0 18px; }
.box_videoseznam .image .dr-video-thumbnail {
  display: block;
  width: 50px;
  height: 40px;
  object-fit: cover;
}
body > p.hide { display: none; }

@media (max-width: 800px) {
  html, body { min-width: 0; width: 100%; margin: 0; }
  #middle p, #middle h4, #footer p {
    height: auto;
    max-height: none;
    overflow: visible;
    font-size: 14px !important;
    line-height: 1.45;
  }
  #middle h1 { font-size: 22px !important; line-height: 1.3; }
  #middle h2 { font-size: 18px !important; line-height: 1.35; }
  #middle h3 { font-size: 16px !important; line-height: 1.4; }
  #header { height: auto; min-height: 0; }
  body > .center, #header .center, #middle, #footer,
  #column_blok, #content, #column, #kategorie {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #header .center { padding: 0 12px; }
  #header #logo { float: none; box-sizing: border-box; width: 100%; height: 68px; }
  #header #logo > a { display: block; width: 100%; max-width: 100%; }
  #header #logo span {
    box-sizing: border-box;
    width: 100%;
    max-width: 461px;
    height: 53px;
    margin: 8px 0 0;
    background-size: contain;
  }
  #header #nastroje { display: none; }
  #header img { max-width: 100%; height: auto; }
  #header #mainmenu { height: auto; overflow: visible; }
  #header #mainmenu.dr-navigation { background: #303a44; }
  #header #mainmenu.dr-navigation.dr-open > .dr-menu { background: #303a44; }
  #header #mainmenu.dr-navigation .dr-menu > li > a,
  #header #mainmenu.dr-navigation :is(.dr-menu-group-toggle, .dr-casino-toggle) {
    color: #fff !important;
    background: #303a44 !important;
  }
  #header #mainmenu.dr-navigation .dr-submenu {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    background: #394651;
  }
  #header #mainmenu.dr-navigation .dr-submenu li {
    box-sizing: border-box;
    float: none !important;
    width: 100%;
    height: auto !important;
    min-height: 44px;
  }
  #header #mainmenu.dr-navigation .dr-submenu a {
    box-sizing: border-box;
    display: block;
    float: none !important;
    width: 100%;
    height: auto !important;
    min-height: 44px;
    padding: 10px 16px !important;
    color: #fff !important;
    background: #394651 !important;
    font-size: 15px !important;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  #middle { padding: 0 12px 16px; }
  #column_blok, #content, #column, #kategorie { float: none !important; }
  #kategorie, #column { margin-top: 18px; }
  #middle .module_bsSearch { display: none; }
  #breadcrumbs_block,
  #videoplayer, #videoplayer .videoplayer,
  #content .outer_box, #column .outer_box,
  #rychlepolozky, #topbanner { box-sizing: border-box; max-width: 100%; }
  #middle img, #content img, #column img, #kategorie img { max-width: 100%; height: auto; }
  #videoplayer h1, #videoplayer h3.zhlednuto { float: none; }
  #videoplayer .videoplayer { width: 100%; }
  #content, #column, #kategorie { overflow-wrap: anywhere; }
  #videobox, #videobox div.inside, #videobox_nahled,
  #videobox_nahled span.image, #videobox_nahled span.info,
  #videobox_seznam, #videobox_seznam div.seznam,
  #videobox_seznam ul {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
  }
  #videobox { padding: 8px; }
  #videobox div.inside, #videobox_seznam div.seznam { height: auto; overflow: visible; }
  #videobox_nahled, #videobox_seznam { float: none; margin: 0; }
  #videobox_nahled span.image { height: auto; aspect-ratio: 404 / 254; }
  #videobox_nahled span.image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
  #videobox_nahled span.info { left: 0; }
  #videobox_seznam { margin-top: 10px; }
  #videobox_seznam ul { position: static; }
  #videobox_banner { display: none; }
  #topbanner { display: none; }
}

/* Migrated legacy element styles */
.dr-legacy-ratio-logo { aspect-ratio: 461 / 53 !important; }
.dr-legacy-ratio-banner { aspect-ratio: 230 / 60 !important; }
.dr-legacy-thumb-portrait { vertical-align: middle !important; border: 1px solid black !important; aspect-ratio: 95 / 115 !important; }
.dr-legacy-thumb-square { vertical-align: middle !important; border: 1px solid black !important; aspect-ratio: 1 !important; }
.dr-legacy-thumb-small { vertical-align: middle !important; border: 1px solid black !important; aspect-ratio: 50 / 54 !important; }
.dr-legacy-thumb-wide { vertical-align: middle !important; border: 1px solid black !important; aspect-ratio: 100 / 60 !important; }
.dr-legacy-ratio-footer { aspect-ratio: 127 / 23 !important; }
.dr-legacy-underline { text-decoration: underline !important; }