/*
Theme Name: 4dbebe
Description: Faithful responsive reconstruction of the original 4dbebe Joomla template.
Version: 1.2.1
Text Domain: fourdbebe
*/

:root {
  --rose: #b06c5f;
  --text: #2e2e2e;
  --muted: #666;
  --legacy: url("/wp-content/uploads/legacy");
}

* { box-sizing: border-box; }
html { min-width: 320px; }
body {
  margin: 0;
  padding: 0;
  color: var(--text);
  background: #fff url("/wp-content/uploads/legacy/templates/4dbebe/images/body_bg.jpg") top left repeat-x;
  font-family: Verdana, "FreeSans", Arial, sans-serif;
  font-size: medium;
  text-align: center;
}
a { color: var(--rose); text-decoration: underline; }
a:hover { color: #fff; background: var(--rose); text-decoration: none; }
img, video, iframe { max-width: 100%; }
img { height: auto; border: 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link:focus { z-index: 10000; top: 8px; left: 8px; width: auto; height: auto; padding: 8px 12px; clip: auto; color: #333; background: #fff; }

.site-frame {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
.site-header {
  height: 150px;
  background: url("/wp-content/uploads/legacy/templates/4dbebe/images/header.jpg") top center repeat-x;
}
.header-inner {
  position: relative;
  width: 960px;
  height: 150px;
  margin: 0 auto;
}
.brand {
  position: absolute;
  top: 0;
  right: 96px;
  width: 600px;
  height: 120px;
  color: #ececec;
  text-decoration: none;
}
.brand:hover { color: #ececec; background: transparent; }
.brand-name {
  display: block;
  padding: 37px 30px 0 0;
  font-family: Georgia, serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 1.5;
  text-align: right;
  text-transform: uppercase;
}
.site-header nav {
  position: absolute;
  left: 30px;
  bottom: 0;
  height: 30px;
}
.primary-menu {
  display: flex;
  align-items: stretch;
  width: auto;
  height: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.primary-menu li { display: block; margin: 0; padding: 0; }
.primary-menu a {
  display: block;
  height: 30px;
  padding: 5px 10px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.primary-menu a:hover,
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a,
.primary-menu .current-page-ancestor > a { color: #fff; background: var(--rose); }

.site-main {
  width: 960px;
  margin: 0 auto;
  background: url("/wp-content/uploads/legacy/templates/4dbebe/images/main_bg.jpg") top center repeat-y;
}
.main-top {
  width: 960px;
  margin: 0 auto;
  padding: 50px 30px 0;
  background: url("/wp-content/uploads/legacy/templates/4dbebe/images/main_top.jpg") top center no-repeat;
}
.content-column { width: 800px; margin: 0 auto; }
.pathway {
  min-height: 22px;
  margin: 0;
  padding: 2px 4px 2px 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}
.pathway > span:last-child { text-transform: lowercase; }
.pathway a { padding: 2px 4px; color: var(--muted); font-weight: normal; line-height: 18px; }
.pathway a:hover { color: #fff; background: var(--rose); }
.path-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  background: url("/wp-content/uploads/legacy/images/M_images/arrow.png") center / contain no-repeat;
  vertical-align: -2px;
}
.entry { width: 690px; margin: 0 auto; }
.entry-content {
  width: 100%;
  color: var(--text);
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
}
.entry-content::after { display: block; clear: both; content: ""; }
.entry-content p { margin-top: 1em; margin-bottom: 1em; }
.entry-content ul { margin: 0; padding: 0; list-style: none; }
.entry-content li { padding: 0 0 0 22px; line-height: 20px; }
.entry-content h2 { color: var(--rose); font-family: Verdana, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 1.2; }
.entry-content table { border-spacing: 0; border-collapse: collapse; }
.entry-content td { vertical-align: top; }
.entry-content [align="center"] { margin-right: auto; margin-left: auto; }
.entry-content [align="left"] { text-align: left; }
.entry-content p.colored-text { color: var(--rose); font-size: x-large; text-indent: 60px; }
.entry-content p.indent,
.entry-content p.indent-firstletter { text-indent: 60px; }
.entry-content p.indent-firstletter::first-letter { color: var(--rose); font-size: x-large; }

/* Original article offsets. */
#nachalo, #vyprosi, #linkove, #bremennost, #gest { position: relative; margin-top: 75px; }
#nachalo { text-align: justify; }
#vyprosi, #linkove, #bremennost, #gest { line-height: 1.3; }
#gest, .gest-text { text-align: justify; }
#kontakti-info h2 { color: var(--rose); }
#kontakti-info { float: left; width: 220px; min-height: 350px; }
#map { float: right; width: 425px; }
#map iframe { display: block; width: 425px; height: 350px; border: 0; }
#map small { display: block; margin-top: 5px; }
.zabelejka { font-size: 10px; text-indent: 60px; }

/* Directory landing page. */
.temi {
  position: relative;
  top: 75px;
  width: 100%;
  margin: 0 0 30px 100px;
  color: var(--muted);
}
.temi table { margin: 0; }
.temi td { width: 120px; padding: 0 0 0 30px; text-align: left; vertical-align: top; }
.temi h2 { margin: 0 0 15px; color: var(--rose); font-size: 18px; font-weight: normal; line-height: 1.2; text-align: left; }
.temi a { text-decoration: none; }
.temi p { margin: 0; font-size: 10px; }
.temi img { box-sizing: content-box; margin: 5px 0 8px; padding: 2px; background: #f7edeb; border: 2px solid #ccc; }
.temi img:hover { border-color: #a5675a; }

/* Gallery landing page. */
.galeria { position: relative; top: 75px; width: 500px; margin: 0 auto; }
.galeria table { margin: 0; }
.galeria td { width: 200px; padding: 0 0 0 30px; text-align: center; vertical-align: top; }
.galeria h2 { margin: 0 0 15px; color: var(--rose); font-size: 18px; font-weight: normal; line-height: 1.2; text-align: center; }
.galeria a { text-decoration: none; }
.galeria img { box-sizing: content-box; padding: 2px; background: #f7edeb; border: 2px solid #ccc; }
.galeria img:hover { border-color: #a5675a; }
.no_link_hover:hover { background: transparent !important; }

/* Easy eXtended Gallery output. */
.gallery { position: relative; top: 75px; left: 34px; display: block; }
[class^="galerie_"] { display: flex; flex-wrap: wrap; align-items: flex-start; }
[class^="galerie_"] dl { width: 150px; margin: 0 5px 12px 0; padding: 0; }
[class^="galerie_"] dt { margin: 0; padding: 0; }
[class^="galerie_"] img { display: block; width: 140px; height: 139px; object-fit: cover; }
.galerie_clearfix, .description { display: none; }
.legacy-video-notice { position: relative; top: 75px; padding: 20px; color: var(--muted); background: #f7edeb; border: 1px solid #ddd; font-size: 12px; }
.video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 65px 0 28px; }
.video-item { margin: 0; padding: 8px; background: #f7edeb; border: 1px solid #ddd; }
.video-item video { display: block; width: 100%; background: #000; }
.video-item figcaption { padding: 8px 4px 2px; color: var(--muted); font-size: 12px; text-align: center; }
.video-pagination { display: flex; justify-content: space-between; gap: 20px; min-height: 24px; }
.video-pagination a:last-child { margin-left: auto; }

.site-footer {
  width: 960px;
  height: 220px;
  margin: 0 auto;
  background: url("/wp-content/uploads/legacy/templates/4dbebe/images/footer.jpg") top center no-repeat;
}
.copyright { margin: 0 23px; padding: 150px 0 0; color: #a9a9a9; font-size: 10px; text-align: center; }

@media (max-width: 960px) {
  body { background-size: auto 150px; overflow-x: hidden; }
  .site-frame, .site-header, .header-inner, .site-main, .main-top, .site-footer { width: 100%; }
  .site-frame { background-size: 960px auto; }
  .site-header { background-position: top center; }
  .brand { right: 3%; width: 70%; }
  .site-header nav { right: 10px; left: 10px; overflow-x: auto; overflow-y: hidden; }
  .primary-menu { width: max-content; }
  .main-top { padding-right: 20px; padding-left: 20px; background-size: 960px auto; }
  .content-column, .entry { width: 100%; }
  .pathway { padding-left: 0; }
  .temi { margin-left: 0; }
  .temi table, .galeria table { display: table; width: 100%; }
  .gallery { left: 0; }
  .site-footer { background-size: 960px 220px; }
}

@media (max-width: 620px) {
  .site-header, .header-inner { height: 150px; }
  .brand { right: 12px; width: calc(100% - 24px); }
  .brand-name { padding-right: 0; font-size: 24px; }
  .main-top { padding: 34px 16px 70px; }
  .entry-content p.indent,
  .entry-content p.indent-firstletter,
  .entry-content p.colored-text { text-indent: 28px; }
  #nachalo, #vyprosi, #linkove, #bremennost, #gest { margin-top: 45px; }
  .temi, .galeria, .gallery, .legacy-video-notice { top: 45px; }
  .temi table, .galeria table, .temi tbody, .galeria tbody, .temi tr, .galeria tr { display: block; width: 100%; }
  .temi td, .galeria td { display: block; width: 100%; padding: 0 0 26px; text-align: center; }
  .temi h2 { text-align: center; }
  #kontakti-info, #map { float: none !important; width: 100% !important; height: auto !important; }
  #map { margin-top: 25px; }
  #map iframe { height: 300px; }
  #bremennost center { display: block; overflow-x: auto; text-align: left; }
  #bremennost table { width: 500px !important; }
  [class^="galerie_"] { justify-content: center; }
  .video-grid { grid-template-columns: 1fr; margin-top: 45px; }
}