@font-face { font-family: 'Open Sans'; font-display: swap; src: url("https://s3b.estranky.cz/img/d/1000000371/opensans-regular.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000371/opensans-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Light'; font-display: swap; src: url("https://s3b.estranky.cz/img/d/1000000371/opensans-light.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000371/opensans-light.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans Semibold'; font-display: swap; src: url("https://s3b.estranky.cz/img/d/1000000371/opensans-semibold.woff") format("woff"), url("https://s3b.estranky.cz/img/d/1000000371/opensans-semibold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.message { text-indent: -10000px; position: absolute; display: none !important; }
.clear { clear: left; height: 0; line-height: 0; font-size: 0; width: 1px; }
button:focus, .submit:focus { background-image: none; outline: 0; box-shadow: none; }
#clear6 { clear: both; }
hr { display: none }
.accessibility-links { position: absolute; top: -10000em; }
input[type="text"], input[type="password"], input { border: 1px solid #CCC; background: #FFF; padding: 11px 5px; margin: 3px 0; color: #424242; font-size: 100%; }
input[type="radio"] { margin-right: 4px; }
input[type="submit"] { border: none; color: #FFF; background-color: #6DADFF; cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans Semibold"; font-weight: normal; }
p.message-info { font-size: 120%; font-family: "Open Sans Semibold"; margin: 5px 0px 45px; }
#logo { float: left; margin: 16px; }
#navigation .inner_frame h2 { display: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: none; }

/* 1. Mobil: prohlížeč při otočení displeje nezvětšuje písmo
   2. Pevné menu pod 1190px nepřekrývá nadpis po skoku na kotvu */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 80px; }

body { font: 14px 'Open Sans', Arial, Sans-serif; color: #666; line-height: 25px; font-weight: normal; font-style: normal; background-color: #c6ecff; }
a { color: #6DADFF; text-decoration: none; transition: all 0.2s ease-out; }
a:hover, a:active { color: #ff6666; cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid #6DADFF; outline-offset: 2px; }
#navigation { background-color: white; }
#navigation #logo { position: absolute; margin: 20px 0 0 0; background-repeat: no-repeat; background-position: center left; width: 211px; height: 63px; background-size: cover; }
.level_2 { position: absolute; padding: 0; top: 78px; background: white; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); z-index: 99; overflow: unset !important; }
.level_2 li { width: 100%; }
.level_2 li > a { padding: 0 10px !important; }

/* ŠÍŘKA MENU - normální: 1125px, se zápisem: 1190px ASI */
#navigation .inner_frame { max-width: 1125px; margin: 0 auto; padding-bottom: 0px; width: 100%; }
#navigation .inner_frame menu { padding-left: 200px; display: block; float: right; list-style: none; margin: 0; max-width: 100%; }
#navigation .inner_frame menu li { display: inline-block; padding: 0; position: relative; vertical-align: top; max-width: 100%; overflow: unset !important; }
#navigation .inner_frame menu li a { display: block; padding: 20px 15px 18px; text-transform: uppercase; white-space: nowrap; font-family: 'Open Sans'; font-size: 16px; line-height: 52px; font-weight: normal; font-style: normal; color: #3B3E4F; border-bottom: transparent 2px solid; overflow: hidden; }
#navigation .inner_frame menu li a:hover, #navigation .inner_frame menu li.current a { background: #EAF7FF; border-bottom: #99CAFF 2px solid; text-decoration: none; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3) }
.headerWrap h2 { font-size: 32px; font-family: "Open Sans"; padding: 0px 0 40px; text-align: center; line-height: 32px; color: #666; }
#photos h2 { font-size: 0px; font-family: "Open Sans"; padding: 0px; margin-top: 0px; text-align: center; line-height: 0px; color: #666; }
.Fotoalbum h2 { font-size: 32px; font-family: "Open Sans"; padding: 0px 0 30px; text-align: center; line-height: 32px; color: #666; }
#obalstranek { width: 850px; margin: 0 auto; padding-top: 20px; padding-bottom: 0px; max-width: 100%; }
#header { background: white; display: none; margin-top: 15px; }
.home #header { display: block; }
#header .inner_frame { padding: 35px 35px 5px 35px; }
#obrazek { background-size: cover; max-width: 100%; height: 100%; position: relative; }
.preview { position: relative; height: 95px; overflow: hidden; background-color: #E9F6FF; }
#perex { background: white; padding: 0px 4% 40px; }
#nav-column { width: 100%; margin: 0px auto; padding: 25px 0px 5px; border-top: 2px solid #b3b3b3; } /* pod moduly zbývá 20 px (margin .section) + 5 px = 25 px, stejně jako nad nimi */
#nav-column .column { width: 850px; margin: 0 auto; max-width: 100%; padding-left: 25px; }
.article, div#articles { padding: 35px 4% 4% 4%; background: url(/img/picture/1007/rainboww.png) no-repeat right 10px bottom 10px white; }
div#articles .article h2 { height: 40px; overflow: hidden; padding: 25px 25px 10px 25px; font-size: 16px; color: #666; }
div#articles .article { width: 266px; height: 317px; float: left; margin-right: 20px; margin-bottom: 20px; background: #FFF; border: 1px #DDD solid; border-bottom: 2px solid rgba(0, 0, 0, 0.1); padding: 0; }
div#articlesArticles .article:nth-child(3n) { margin-right: 0; }
#articles .article div.editor-area { padding: 0 25px; height: 100px; overflow: hidden; }
#articles .article div.editor-area p { line-height: 20px; }
h1 { font-family: 'Open Sans'; line-height: 1.4em; font-size: 22px; font-style: normal; color: #666; }
.article h2 { font-size: 32px; font-family: "Open Sans"; padding: 0px 0 40px; text-align: center; line-height: 32px; color: #666; }
h2 a, h1 a { color: #666; }
a.a-whole-article { float: right; position: relative; }
.under-article { font-size: 80%; color: #75889C; padding: 10px 25px; line-height: 17px; }
.article .under-article { height: auto; }

div#folders { margin-top: 0px; padding-left: 12px; padding-bottom: 20px; display: grid; grid-template-columns: repeat(auto-fill, 263px); gap: 20px; align-content: start; }
div#folders > .clear { display: none; }
.folder { width: 263px; float: none; margin: 0; background: #FFF; position: relative; }
.folder a:hover { background-image: url("/img/picture/1008/rainbowwbg.png"); box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2); }
#twigsee-info {
  display: block;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  background: #FFF;
  border: 2px solid #b3b3b3;
  color: red;
  font-size: 16px;
  font-family: inherit;
  line-height: 20px;
  text-align: center;
  padding: 8px 15px;
  margin: 0 auto 20px auto;
}
.photo-wrap { width: 259px; height: 180px; z-index: 0; }
.photo-wrap div { height: 180px; width: 259px; text-align: center; display: table; overflow: hidden; }
.photo-wrap div a { max-width: 100%; max-height: 100%; border: 0px; display: table-cell; vertical-align: top; }
.photo-wrap div a img { min-width: 259px; height: 180px; width: 100%; object-fit: cover; object-position: center 30%; top: 0; left: 0; }
.folder-info { width: 240px; height: 130px; margin: 20px 25px 25px 25px; overflow: hidden; }
.folder-info a { color: #666; font-family: 'Open Sans'; line-height: 1.4em; font-size: 18px; font-style: normal; margin-right: 35px; }
div.folder-info div { line-height: 20px; }

#body {
    background:
        url(/img/picture/1001/listi8.png) no-repeat 8% 0%,
        url(/img/picture/1002/bird.png) no-repeat 100% 33%,
        url(https://s3b.estranky.cz/img/d/1000000371/bg-subpages.jpg) repeat-x white;
    background-size: 195px, 215px, auto;
} /* Bez modulu pridat min-height: 62vh */

p { margin: 0 0 15px; word-break: break-word; line-height: normal; }
#whole-page {
    padding: 0;
    width: 100%;
    z-index: 10;
    clear: both;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #c6ecff;
    background-image: url(/img/picture/823/slu);
    background-repeat: no-repeat;
    background-position: 8% 74%;
    background-size: 130px auto;
}

#footer .inner_frame { width: 1200px; margin: 0 auto; text-align: left; max-width: 100%; }
#footer .inner_frame span, #footer .inner_frame a { margin: 0 20px }
#footer .inner_frame span a { margin: 0 }
#footer .inner_frame a { color: #FFF; margin: 0 20px }
#footer .inner_frame a:hover { color: #cbcbcb }
#footer .inner_frame p+p { margin-top: 20px }
#footer .inner_frame p + p a { margin: 0 20px 0 0 }
#footer a.promolink strong { position: absolute; left: 0; top: -9999px; text-indent: -9999px; }
#footer {
    text-align: left;
    padding: 15px;
    background-color: #2c2c2c;
    color: #d1d9df;
    background-image: url(/img/picture/1003/bee2.png), url(/img/picture/1004/listi10.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 7% 100%, 92% 0%;
    background-size: 115px, 135px;
    margin-top: auto;
}
.sirka { width: 1200px; margin: 0 auto; max-width: 100%; }
.sloupec { float: left; width: 33.333%; padding: 20px 0px 20px 0px; justify-content: center; display: grid; }
.sloupec1 { width: 239px; padding-top: 15px; border-top: 1px solid #666; }
.sloupec2 { width: 259px; padding-top: 15px; border-top: 1px solid #666; }
.sloupec3 { width: 239px; padding-top: 15px; border-top: 1px solid #666; }
.ikona { background-color: #FFF; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; padding: 5px; vertical-align: 2px; }

img { max-width: 100%; height: auto; }
/* Obrázky vložené v editoru mívají v atributu style pevnou výšku (např. height: 826px). Ta by přebila height: auto a obrázek by
   se na užším displeji smrštil do šířky, ale zůstal vysoký. !important ji přebije, takže se poměr stran vždy zachová. */
img.text-picture { max-width: 100%; height: auto !important; }

/* 3. Vložená videa a mapy nepřetečou na úzkém displeji */
iframe { max-width: 100%; }

/* 4. Lidé s vypnutými animacemi v systému je neuvidí */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

#contact-nav h2 { display: none; }
#contact-nav { background-color: #FFF; }
#contact-nav .inner_frame { padding: 15px; }
#contact-nav p { margin: 0; }
#contact-nav p.contact_name { font-family: "Open Sans Semibold"; }
.section { margin-bottom: 20px; width: 263px; float: left; margin-right: 20px; background-color: #fff; min-height: 145px; }
.section a { color: #666; }
.section h2 { font-size: 20px; font-family: "Open Sans"; padding: 20px 15px 10px; text-align: center; }
input[type="submit"]:hover { box-shadow: inset -1px -1px 4px 0px rgba(0, 0, 0, 0.3); }
input[type="submit"]:active { background-color: #5676F6 !important; }
.section ul { list-style: none; padding: 0; margin: 0; }
.section ul li { border-bottom: 1px solid #D6DDE3; color: #6DADFF; }
.section ul li.current a { color: #3B3E4F; }
.section ul li a { font-size: 15px; padding: 12px 20px 12px 0px; display: block; position: relative; line-height: 1.471; }
.section ul li a:hover { color: #ff6666; }
.section .inner_frame { padding: 15px; }

div.editor-area { padding-right: 0; }
div.editor-area:after { display: none; }
div#breadcrumb-nav { font-size: 80%; margin: -10px 0 10px; color: #999; }
div#breadcrumb-nav a { color: #000; }

#stats th { padding-right: 6px; text-align: left; }
#breadcrumb-nav div { width: 11px; height: 13px; margin: 9px 13px 0px 5px; display: inline-block; font-size: 80%; background-image: url("https://s3b.estranky.cz/img/d/1000000371/bread.png"); }

/* KOMENTÁŘE */
div#block-comments { background-color: #FFFFFF; max-width: 100%; padding: 1px 35px 15px; }
div#block-comments .message { display: block !important; position: static; text-indent: 0; color: #C62828; margin-bottom: 15px; }
h2#comments { font-size: 20px; font-family: "Open Sans"; padding: 20px 0 10px; }
#comments-form dt { display: none; }
#comments-form legend span { display: none; }
#block-comments h3 { color: #6DADFF; margin-top: 20px; }
#block-comments > h3 { color: #666; font-size: 18px; font-family: "Open Sans"; padding: 20px 0 0px; }
form#comments-form { text-align: center; }
form#comments-form input { width: 70%; font-size: 17px; padding: 11px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
input#c_validation { max-width: 228px !important; }
form#comments-form input.submit { margin-top: 20px; float: none; color: #FFF; background-color: #6DADFF; font-size: 19px; line-height: 19px; font-weight: normal; font-style: normal; padding: 14px 25px; border: 0; }
a.sound-captcha { display: block; }
#comments-form textarea { width: 70%; font-size: 17px; padding: 3px 6px; font-family: "Open Sans Light"; margin: 5px 0; border: 1px solid #D6DDE3; }
.comment { font-size: 90%; line-height: 130%; border-bottom: 1px solid #cccccc; padding: 0 10px; clear: left; }
.comment .comment-headline h3 span { font-family: "Open Sans Semibold"; }
.comment-headline div { font-size: 80%; margin-bottom: 5px; }

/* comments level */
.level1 { padding-left: 25px; }
.level2 { padding-left: 35px; }
.level3 { padding-left: 50px; }
.level4 { padding-left: 70px; }
.level5 { padding-left: 80px; }
.level6 { padding-left: 90px; }
.level7 { padding-left: 105px; }
.level8 { padding-left: 120px; }
.level9 { padding-left: 135px; }
.admin h3 span { color: #111; }
.comment-text { padding-bottom: 2px; }
.comment-answer a { float: right; margin-top: -27px; display: block; padding: 5px 12px; background: #6DADFF; color: #FFFFFF; font-size: 13px; }
.comment-answer a:hover { background: #466AE1; }
strong, b { font-family: "Open Sans Semibold"; font-weight: normal; }
#footer p { margin: 0; line-height: 22px; }

div#photo-album { clear: both; padding-top: 10px; }
div#photo-album-nav .photo-wrap { display: none; }
.column #languages a { padding: 0px 15px 0 0px; float: left; }

/* ------------------------- submenu --------------------------- */
#navigation menu li ul.classic, #navigation menu li ul.submenu, #navigation menu li ul.click, #navigation menu li ul.onmouse { display: none; background: #6DADFF; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click, #navigation menu li.submenu-over ul.classic { display: block; line-height: 35px; }
#navigation menu li.submenu-over ul.onmouse, #navigation menu li:hover ul.onmouse, #navigation menu li.submenu-over ul.click { margin: 0px 0 0 1px; position: absolute; z-index: 99999; }
#navigation menu li.submenu-over ul.onmouse li, #navigation menu li.submenu-over ul.onmouse li.current, #navigation menu li:hover ul.onmouse li, #navigation menu li:hover ul.onmouse li.current, #navigation menu li.submenu-over ul.click li, #navigation menu li.submenu-over ul.click li.current { float: none; border: 0; padding-left: 0; text-align: left; color: #000000; background-image: none; opacity: 0.9; width: 100%; }
#navigation menu li.submenu-over ul.onmouse li a, #navigation menu li.submenu-over ul.onmouse li.current a, #navigation menu li:hover ul.onmouse li a, #navigation menu li:hover ul.onmouse li.current a, #navigation menu li.submenu-over ul.click li a, #navigation menu li.submenu-over ul.click li.current a { min-width: 100px; width: 100%; border-left: none; border-right: none; border-bottom: 1px solid #eeeeee; font-size: 1em; padding: 0px 0px 0px 10px; background-color: #fefefe; color: #757575; transition-property: all; transition-duration: 0.2s; }
#navigation menu li.submenu-over ul.onmouse li a:last-of-type, #navigation menu li.submenu-over ul.onmouse li.current a:last-of-type, #navigation menu li:hover ul.onmouse li a:last-of-type, #navigation menu li:hover ul.onmouse li.current a:last-of-type, #navigation menu li.submenu-over ul.click li a:last-of-type, #navigation menu li.submenu-over ul.click li.current a:last-of-type { border-bottom: none; }
#navigation menu li.submenu-over ul.onmouse li a:hover, #navigation menu li.submenu-over ul.onmouse li.current a:hover, #navigation menu li:hover ul.onmouse li a:hover, #navigation menu li:hover ul.onmouse li.current a:hover, #navigation menu li.submenu-over ul.click li a:hover, #navigation menu li.submenu-over ul.click li.current a:hover { background: #FFF; color: #6DADFF; }
#navigation menu li.submenu-over ul.onmouse li:last-child a, #navigation menu li.submenu-over ul.onmouse li.current:last-child a, #navigation menu li:hover ul.onmouse li:last-child a, #navigation menu li:hover ul.onmouse li.current:last-child a, #navigation menu li.submenu-over ul.click li:last-child a, #navigation menu li.submenu-over ul.click li.current:last-child a { border-bottom: none; }
ul.submenu { padding-left: 10px; padding-right: 10px; }
.list-of-pages, #paging { padding: 10px 35px; margin: 20px 0; text-align: center; clear: both; }
.list-of-pages .numbers { padding: 0; }
.list-of-pages p { display: inline-block; }
.list-of-pages span, .list-of-pages a, #paging span, #paging a { margin: 3px 10px 3px 0; padding: 5px 15px; font-size: 0.857em; display: inline-block; }
.list-of-pages a, #paging a { border: 0; background: #6DADFF; color: #fff; }
.full-width div#nav-column { display: none; }
#archive .under-article { padding: 0; }
#archive .folder { margin-top: 25px; }
#archive .article .preview { display: none; }
#archive .article { padding: 18px 35px; }

.menu-toggle {
	margin-top: 18px;
	right: 10px;
	border: 0;
	outline: 0;
	padding: 0;
	padding-bottom: 6px;
	cursor: pointer;
	min-height: 35px;
	display: none;
	background: transparent;
	z-index: 99999;
	top: 0px;
	position: fixed;
	transition: top 0.3s;
}
.menu-toggle span { border-top: 5px black solid; width: 30px; margin: 2px 0; display: block; transition: 0.3s all linear; }
.menu-toggle.menu-active span:nth-of-type(1) { opacity: 0; }
.menu-toggle.menu-active span:nth-of-type(2) { transform: rotate(45deg); }
.menu-toggle.menu-active span:nth-of-type(3) { transform: rotate(-45deg); margin-top: -7px; }

/* RESPONSIVE */
@media (max-width:1600px) {
    #footer { background-image: none !important; }
    #whole-page { background-image: none !important; }
    #body {
        background: url(https://s3b.estranky.cz/img/d/1000000371/bg-subpages.jpg) repeat-x white !important;
        /* Bez modulu pridat min-height: 45vh (asi) */
        background-size: auto;
    }
}

@media only screen and (max-width: 1190px) {
    #whole-page { overflow: hidden; }
    body { margin-top: 72px; width: 100% !important; }
    .menu-toggle { display: block; }
    #navigation { position: fixed; top: 0px; overflow: auto; height: auto; width: 100%; transition: top 0.3s; z-index: 99998; box-shadow: 0px 3px 3px 0px rgba(0,0,0,.2); }
    #navigation #logo { margin: 5px 0 0 0; }
    #navigation nav { display: none; }
    #navigation.menu-active nav { display: block; }
    #navigation .inner_frame { min-height: 70px !important; }
    #navigation .inner_frame menu { width: 100%; position: relative; background: white; z-index: 9999; padding-top: 50px; }
    #navigation .inner_frame menu li { display: block; text-align: center; border-bottom: 1px solid #e8e9e8; }
    #navigation .inner_frame menu li a { padding: 10px 0; white-space: pre-wrap; line-height: 2; }
    .level_2 { display: none !important; }
}

@media (max-width:870px) {
    div#breadcrumb-nav { margin-left: 10px; }
    #nav-column .column { width: 569px; margin: 0 auto; max-width: 100%; padding-left: 19px; }
    #header { margin-top: 0px; }
    div#nav-column { width: 100%; }
    div#articlesArticles .article:nth-child(3n) { margin-right: 20px; }
    div#folders { width: 569px; padding-left: 20px; margin: auto; }
    div#photo-album { width: 655px; margin: 0 auto; }
}

@media (max-width:850px) {
    .article, div#articles { background-position: right 0px bottom 0px; }
    .sloupec { float: left; width: 100%; padding: 20px 0px 10px 0px; justify-content: center; display: grid; }
    .sloupec1 { width: 259px; }
    .sloupec3 { width: 259px; }
}

@media (max-width:589px) {
    #nav-column .column { padding-left: 0px; }
    .section { float: none; margin: 0 auto 20px; }
}

@media print {
  #navigation, #footer, #nav-column, .menu-toggle, .back-to-top { display: none !important; }
  body, #body, #whole-page { background: #fff !important; }
  body { margin-top: 0; }
}

/* ------------- CUSTOM GALLERY ---------------- */

/* NO SELECT CLASS */
.noSelect {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.noSelect:focus { outline: none !important; }

/* INIT SLIDER STYLES */
.initSlider, .initSlider *, .initSlider *::after, .initSlider *::before { box-sizing: border-box; }
.slide.hide, .slide.hideSlide { display: none !important; }
.initSlider { position: relative; z-index: 1; display: inline-block; width: 100%; height: 100%; overflow: hidden; opacity: 1; }
.initSlider .firstImg { position: absolute; top: 0; bottom: 0; right: 100%; }
.initSlider .lastImg { position: absolute; top: 0; bottom: 0; left: 100%; }
.initSlider img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; user-drag: none; }
.initSlider .slide { position: relative; display: inline-block; float: left; overflow: hidden; text-align: center; }
.initSlider .slide a { z-index: 55; }
.initSlider .containerGallery { position: relative; display: inline-block; }
.initSlider .slider__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* SLIDER GALLERY STYLES */
.slider-gallery {
  display: none; /* Hidden by default */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  position: fixed;
  z-index: 100000;
  padding: 5px 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  color: #e0e0e0; /* světlý text na černém pozadí galerie (kontrast), jinak by se zdědila šedá #666 z body */
}

/* Show slider when data-slider-open="true" */
body[data-slider-open="true"] { overflow: hidden; background: #000; }
body[data-slider-open="true"] .slider-gallery { display: block; opacity: 1; visibility: visible; }

.slider-gallery .slider-gallery__header { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 10px; margin-top: 10px; }
.slider-gallery .slider-gallery__title { font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: left; flex: 1; }
.slider-gallery .slider-gallery__position { font-size: 1.42857rem; flex: 1; text-align: center; }
.slider-gallery .slider-gallery__count { display: flex; align-items: center; justify-content: center; color: inherit; }
.slider-gallery .slider-gallery__header-box { display: flex; align-items: center; justify-content: flex-end; flex: 1; }
.slider-gallery .slider-gallery__close { padding-left: 5px; cursor: pointer; opacity: 0.6; transition: opacity 0.3s; -webkit-tap-highlight-color: transparent; }
.slider-gallery .slider-gallery__close:hover { opacity: 1; }
.slider-gallery .slider-gallery__description-box { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 10px 0; line-height: 1.5; }
.slider-gallery .slider-gallery__description, .slider-gallery .slider-gallery__comment { margin: 0; font-size: 1rem; font-weight: 400; color: #ccc; text-align: left; }
.slider-gallery .slider-gallery__comment { font-size: 0.7rem; }

.slider-gallery .slider-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 55px;
  display: flex;
  align-items: center;
  color: transparent;
  text-decoration: none;
  cursor: pointer;
  width: 30px;
  background: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  opacity: 0.6;
  transition: opacity 0.3s;
}
.slider-gallery .slider-gallery__arrow-prev:hover, .slider-gallery .slider-gallery__arrow-next:hover { opacity: 0.8; }
.slider-gallery .slider-gallery__arrow:focus, .slider-gallery .slider-gallery__arrow:active { opacity: 0.6; }
.slider-gallery .slider-gallery__arrow-prev { left: 0; width: 50%; }
.slider-gallery .slider-gallery__arrow-next { right: 0; width: 50%; justify-content: flex-end; }
.slider-gallery .slider-gallery__arrow-icon { border: solid #fff; border-width: 0 4px 4px 0; display: inline-block; padding: 8px; position: relative; }
.slider-gallery .slider-gallery__arrow-prev-icon { transform: rotate(135deg); left: 5px; }
.slider-gallery .slider-gallery__arrow-next-icon { transform: rotate(-45deg); right: 5px; }

.slider-gallery .slider-gallery__slider { position: relative; height: 80vh; min-height: 700px; }
.slider-gallery .slider-gallery__slide { height: 100%; }

.slider-gallery .slider-gallery__container { position: relative; padding: 10px; height: calc(100vh - 75px); height: calc(100dvh - 75px); }
.slider-gallery .slider-gallery__wrap { display: flex; flex-direction: column; height: 100%; text-align: center; }
.slider-gallery .slider-gallery__box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; max-width: 90%; max-height: 100%; margin: auto; overflow: hidden; padding: 0 5px; }
.slider-gallery .slider-gallery__img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.slider-gallery .containerGallery { height: 100%; }

@media only screen and (max-width: 655px) {
  .slider-gallery .slider-gallery__container { height: calc(100vh - 60px); height: calc(100dvh - 60px); padding: 0 5px; }
}

@media only screen and (max-width: 950px) and (orientation: landscape) {
  .slider-gallery .slider-gallery__container { height: calc(100vh - 45px); height: calc(100dvh - 45px); padding: 0 10px; }
  .slider-gallery .slider-gallery__header { display: flex; align-items: center; justify-content: space-between; padding: 0 15px 5px; margin-top: 0px; }
}

/* Remove blue box around arrows and close button */
.slider-gallery .slider-gallery__arrow:focus,
.slider-gallery .slider-gallery__arrow:active,
.slider-gallery .slider-gallery__close:focus,
.slider-gallery .slider-gallery__close:active { outline: none !important; box-shadow: none !important; }

/* MŘÍŽKA FOTEK V ALBU */
#photos {
  clear: both;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(263px, 1fr));
  justify-content: center;
  margin-top: 0px;
  margin-left: 12px;
  gap: 20px 10px;
  align-content: start;
  padding-bottom: 20px;
}

/* Pseudoelementy (clearfix) a prázdný .clear by se v mřížce chovaly jako další buňka. Když počet fotek zaplní
   celý poslední řádek (např. 6, 9, 12), vznikl pod fotkami navíc prázdný řádek s mezerou 20 px. */
#photos::before,
#photos::after {
  content: none;
  display: none;
}
#photos > .clear { display: none; }

#photos .slider-gallery__img {
  max-height: 190px;
  min-height: 190px;
  height: 100%;
  width: 100%;
  max-width: 263px;
  min-width: 263px;
  cursor: pointer;
  object-fit: cover;
  object-position: center 30%;
  transition: box-shadow 0.3s ease;
}
#photos .slider-gallery__img:hover { box-shadow: 5px 5px 5px 5px rgba(0,0,0,.2); }
#photos .slider-gallery__description-box { display: none; }

@media (max-width: 870px) {
  #photos { grid-template-columns: repeat(auto-fill, minmax(207px, 1fr)); margin-left: 5px; gap: 10px 5px; }
  #photos .slider-gallery__img { max-height: 150px; min-height: 150px; max-width: 207px; min-width: 207px; }
}

@media (max-width: 567px) {
  #photos { grid-template-columns: 1fr; margin-left: 0px; row-gap: 20px; column-gap: 0px; justify-items: center; padding-bottom: 20px; /* stejně jako row-gap mezi fotkami */ }
  #photos::after { content: none; display: none; }
  #photos .slider-gallery__img { width: 100% !important; max-width: 260px !important; min-width: auto !important; height: auto !important; max-height: 600px !important; margin: 0 auto; }
  div#photo-album { width: 263px; margin: 0 auto; }
  div#folders { width: 263px; padding-left: 0px; }
  div#block-comments { padding: 5px; }
  form#comments-form input { width: 95%; }
  #comments-form textarea { width: 95%; }
}


/* =====================================================================
   MODERNÍ VZHLED 2026 (přepisuje pravidla výše; písmo se mění v --font)
   ===================================================================== */
:root{--font:"Nunito","Open Sans",Arial,sans-serif;--navy:#0b3d91;--teal:#399cbd;--sky:#80c3d8;--ink:#2b3445;--accent:#d6336c;--shadow:0 10px 34px rgba(11,61,145,.12);--obal-w:1160px}
/* žádný vodorovný posuvník */
html{overflow-x:hidden}
body{overflow-x:clip;max-width:100%}
#whole-page{overflow-x:clip;max-width:100%}

/* pozadí stránky: jemný pastelový přechod, bez obrázků */
body{position:relative;font-family:var(--font);font-size:16px;line-height:1.65;color:var(--ink);background-color:#eef8ff;background-repeat:no-repeat;
  background-image:radial-gradient(900px 520px at 6% 0,#ffe8f0 0,transparent 62%),radial-gradient(900px 520px at 96% 4%,#fff2c6 0,transparent 62%),radial-gradient(1100px 640px at 50% 100%,#def4e6 0,transparent 62%),linear-gradient(180deg,#e4f4ff,#f5fbff 55%,#fffaf0)}
#body,#whole-page{background:none!important}
h1,h2,h3,h4,h5,h6,strong,b,p.message-info,.comment .comment-headline h3 span,#contact-nav p.contact_name{font-family:var(--font);font-weight:800}
input,select,textarea,button{font-family:var(--font)}
p{line-height:1.65}
a{color:#1b6fb5}
a:hover,a:active{color:#e0467c}

/* drobečková navigace: svisle uprostřed mezi menu a obalem (stejně vysoké pásmo je i na úvodní stránce, aby obal všude začínal ve stejné výšce) */
div#breadcrumb-nav{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;width:min(var(--obal-w),calc(100% - 32px));min-height:46px;margin:0 auto;padding:0 14px;font-size:14px;line-height:1.4;color:#6b7a90}
div#breadcrumb-nav a{color:var(--navy)}
div#breadcrumb-nav div{flex:none;width:11px;height:13px;margin:0 10px}
#content:not(:has(#breadcrumb-nav))::before{content:"";display:block;height:46px}

/* obal stránky: širší, zaoblený, se stínem; menší mezery nahoře i dole */
#obalstranek{width:min(var(--obal-w),calc(100% - 32px));max-width:none;margin:0 auto 24px;padding:0 0 4px;background:none;border-radius:0;box-shadow:none}
#obalstranek>:last-child,#obalstranek p:last-child{margin-bottom:0}
.article,div#articles{background:none;padding:0}
#header{background:none;margin:0 0 20px}
#header .inner_frame{padding:0}
#perex{background:none;padding:0 0 20px}
#obrazek{border-radius:22px;overflow:hidden}
.headerWrap h2,.article h2,.Fotoalbum h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;color:var(--navy);padding:0 0 16px;margin-top:2px}
h1{font-size:clamp(24px,3vw,30px);color:var(--navy)}
h2 a,h1 a{color:var(--navy)}
.under-article{color:#6b7a90}

/* fotoalba a fotky: flex s centrováním (méně než 4 položky se vycentrují), stejná mezera vodorovně i svisle */
#obalstranek img{border-radius:16px}
#obalstranek div#photo-album{width:auto;margin:0;padding-top:0}
#photos,div#folders{--gap:16px;--card-w:260px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:var(--gap);width:auto;margin:0;padding:0;clear:both}
#photos::before,#photos::after,div#folders::before,div#folders::after{content:none;display:none}
#photos>.clear,div#folders>.clear{display:none}
/* karty mají pevnou šířku: při zmenšování okna se jen přeskládají (a vycentrují), neroztahují se */
#photos>*:not(.clear),div#folders>.folder{flex:0 0 var(--card-w);width:var(--card-w);max-width:100%;min-width:0;box-sizing:border-box;margin:0}

.folder{position:relative;isolation:isolate;width:auto;float:none;box-sizing:border-box;border:2px solid #b9d3e6;border-radius:20px;overflow:hidden;background-color:#fff;box-shadow:0 4px 16px rgba(11,61,145,.10);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
/* duha po najetí: vlastní (ne obrázek), rychle se vykreslí v pravém dolním rohu a dotýká se okraje karty; okraj je oranžový (na pastelovém pozadí nesplývá), po najetí růžový + zvednutí a barevný stín */
.folder:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(214,51,108,.22);background:#fff}
#obalstranek .folder,#obalstranek .folder:hover{border:0!important}
#obalstranek .folder::after{content:"";position:absolute;inset:0;z-index:5;border:3px solid #ffb454;border-radius:inherit;pointer-events:none;transition:border-color .25s}
#obalstranek .folder:hover::after{border-color:#ff6b9d}
/* duha po najetí: malé SVG (vkládá skript do každé karty); pásy mají mezery a postupně se "vykreslí" stejně jako v patičce */
#obalstranek .folder .fr{position:absolute;right:0;bottom:0;width:62px;height:62px;z-index:4;pointer-events:none;overflow:visible}
#obalstranek .folder .fr path{fill:none;stroke-width:4.5;stroke-dasharray:1;stroke-dashoffset:1}
#obalstranek .folder:hover .fr path{animation:frDraw .5s cubic-bezier(.3,.7,.3,1) both;animation-delay:calc(var(--i) * .06s)}
@keyframes frDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
/* starý obrázek rainbowwbg.png z původního CSS se při najetí na text alba už nezobrazuje */
#obalstranek .folder a:hover,#obalstranek .folder-info a:hover{background-image:none!important}
@media (prefers-reduced-motion:reduce){#obalstranek .folder:hover .fr path{animation:none;stroke-dashoffset:0}}
#obalstranek .folder *{border:0!important;outline:0!important;box-shadow:none!important}
#obalstranek .folder .photo-wrap,#obalstranek .folder .photo-wrap div,#obalstranek .folder .photo-wrap div a{display:block;width:100%;height:180px;margin:0!important;padding:0!important;max-width:none;max-height:none;background:none!important;overflow:hidden}
#obalstranek .folder .photo-wrap{position:relative!important;display:block!important;width:100%!important;height:180px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:none!important}
#obalstranek .folder .photo-wrap div,#obalstranek .folder .photo-wrap div a{position:static!important;display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;background:none!important}
#obalstranek .folder .photo-wrap img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:0!important;object-fit:cover!important}
.folder-info{width:auto;height:auto;min-height:110px;margin:18px 20px 22px}
.folder-info a{display:block;margin:0 0 16px;color:var(--navy);font-weight:800}

#photos .slider-gallery__img{display:block;border-radius:16px}
@media (min-width:568px){
  #photos .slider-gallery__img{width:100%;min-width:0;max-width:none;min-height:0;max-height:none;height:190px}
}
#photos .slider-gallery__img:hover{box-shadow:0 10px 24px rgba(0,0,0,.2);transform:scale(1.02)}
div#articles .article,div#block-comments{border-radius:20px;border-color:#e3eef5;box-shadow:0 4px 16px rgba(11,61,145,.08)}
#twigsee-info{border:0;border-radius:14px;background:#fff6d6;color:#7a5b00;font-weight:700}

/* widgety pod obsahem: vycentrované; když žádné nejsou, nezabírají žádné místo */
#nav-column{padding:0;border:0}
#nav-column .column{width:min(1080px,calc(100% - 32px));padding:0}
#nav-column .inner-column{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:flex-start;padding-bottom:12px}
#nav-column .inner-column:not(:has(*)){display:none}
.section{float:none;margin:0;min-height:0;border-radius:20px;box-shadow:0 4px 16px rgba(11,61,145,.08)}
/* seznamy v modulech (Oblíbené odkazy aj.): vycentrované, oddělovač je jemná čára na střed, písmo stejně velké jako v Návštěvnosti */
.section ul li{position:relative;border:0;text-align:center}
.section ul li+li::before{content:"";display:block;width:60%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#c5d9e8 20%,#c5d9e8 80%,transparent)}
.section ul li a{display:block;padding:12px 8px;font-size:16px;line-height:1.5;color:var(--ink);text-align:center}
.section ul li a:hover{color:var(--accent)}
#stats table{margin:0 auto}

/* tlačítka */
input[type="submit"],form#comments-form input.submit,.comment-answer a,.list-of-pages a,#paging a{border-radius:999px;background:linear-gradient(120deg,var(--navy),var(--teal));color:#fff;box-shadow:0 3px 10px rgba(11,61,145,.25)}
input[type="submit"]:hover,.comment-answer a:hover,.list-of-pages a:hover,#paging a:hover{background:linear-gradient(120deg,#082d6b,#2c86a5);color:#fff;box-shadow:0 5px 14px rgba(11,61,145,.32)}
input[type="text"],input[type="password"],textarea{border-radius:12px;border-color:#cfe1ec}
.list-of-pages,#paging{margin:16px 0 0}

/* kontakty nad navigací: základ = prostý text s ikonou (styl A); třída tb-pills na #topbar = barevné "pilulky" (styl B, výchozí v šabloně) */
#topbar{display:block;position:relative;z-index:99997}
#topbar .topbar-in{width:min(1290px,calc(100% - 32px));margin:0 auto;padding:10px 24px 0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px 30px;justify-content:flex-end;font:700 15px/1.3 var(--font)}
#topbar a{display:inline-flex;align-items:center;color:var(--navy);text-decoration:none}
#topbar a:hover{color:var(--accent)}
#topbar .fa{display:inline-block;width:auto;height:auto;margin:0 9px 0 0;border-radius:0;background:none;color:var(--teal);font-size:16px;line-height:1}
#topbar a:hover .fa{color:var(--accent)}
#topbar.tb-pills .topbar-in{gap:8px 10px;padding-top:12px}
#topbar.tb-pills a{padding:5px 17px 5px 5px;border:1px solid #d3e5f2;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(11,61,145,.07);transition:transform .2s,box-shadow .2s,background-color .2s}
#topbar.tb-pills a:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 18px rgba(11,61,145,.14)}
/* styl C: bez ohraničení a bez pozadí - barevné ikony a animované podtržení pod textem */
#topbar.tb-soft .topbar-in{gap:6px 34px;padding-top:12px}
#topbar.tb-soft a{position:relative;padding:3px 0}
#topbar.tb-soft a::after{content:"";position:absolute;left:34px;right:0;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4dabf7,#69db7c,#ffa94d);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
#topbar.tb-soft a:hover::after{transform:scaleX(1)}
#topbar.tb-soft .fa{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 9px 0 0;border-radius:9px;background:#b9d9f6;color:#14589a;font-size:14px;transition:background-color .2s,color .2s,transform .2s}
#topbar.tb-soft a:nth-child(2) .fa{background:#b8e8c4;color:#237a36}
#topbar.tb-soft a:nth-child(3) .fa{background:#ffd3a8;color:#c2410c}
#topbar.tb-soft a:hover .fa{transform:rotate(-8deg) scale(1.08)}
#topbar.tb-pills .fa{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 9px 0 0;border-radius:50%;color:#fff;font-size:14px;background:linear-gradient(135deg,#4dabf7,#1b6fb5)}
#topbar.tb-pills a:nth-child(2) .fa{background:linear-gradient(135deg,#69db7c,#2f9e44)}
#topbar.tb-pills a:nth-child(3) .fa{background:linear-gradient(135deg,#ffa94d,#e8590c)}
#topbar.tb-pills a:hover .fa{color:#fff}

/* navigace: písmo; po najetí i u aktivní položky světle červené (jako u podsložek) a "pilulka" pod textem */
#navigation .inner_frame menu li a{font:800 16px/1.2 var(--font);text-transform:uppercase;letter-spacing:.01em;color:var(--navy);border:0;box-shadow:none}
#navigation .inner_frame menu li>a{background:linear-gradient(#ffdce8,#ffdce8) no-repeat left bottom/100% 0%}
#navigation .inner_frame menu li:hover>a,#navigation .inner_frame menu li>a:focus-visible{color:var(--accent);background:linear-gradient(#ffdce8,#ffdce8) no-repeat left bottom/100% 100%;box-shadow:none}
#navigation .inner_frame menu li.current>a,#navigation .inner_frame menu li:has(ul li.current)>a{color:var(--accent);background:linear-gradient(#ffe9f1,#ffe9f1) no-repeat left bottom/100% 100%;box-shadow:none}
#navigation .inner_frame menu li.current:hover>a{color:var(--accent);background:linear-gradient(#ffdce8,#ffdce8) no-repeat left bottom/100% 100%}
@media (min-width:1191px){
  /* průhledný sticky pruh, karta s menu uprostřed (ne přes celou šířku) */
  #navigation{position:relative;top:auto!important;z-index:99998;background:transparent;box-shadow:none;pointer-events:none}
  #navigation .inner_frame{pointer-events:auto;position:relative;display:flex;align-items:center;justify-content:center;width:min(1290px,calc(100% - 32px));max-width:none;height:auto;min-height:80px;margin:8px auto;padding:0 24px;box-sizing:border-box;background:#fff;border-radius:28px;box-shadow:var(--shadow)}
  /* logo + menu jako jedna vycentrovaná skupina */
  #navigation #logo{position:static;top:auto;flex:0 0 220px;margin:0 14px 0 0;transform:none}
  #navigation .inner_frame menu{float:none;display:flex;flex-wrap:wrap;justify-content:center;align-self:stretch;flex:0 1 auto;box-sizing:border-box;width:auto;max-width:none;padding:0;margin:0}
  #navigation .inner_frame menu li>a,#navigation .inner_frame menu li:hover>a,#navigation .inner_frame menu li.current>a{display:flex;align-items:center;box-sizing:border-box;height:48px;margin:8px 0;padding:0 14px;border:0;border-radius:14px;transition:color .2s,background-size .35s ease}
  #navigation .inner_frame nav{display:flex;align-self:stretch}
  #navigation .inner_frame menu li{float:none;display:flex;align-items:center}
  #navigation .inner_frame menu li>ul.onmouse{top:100%!important}
  /* položky, pod kterými jsou další stránky, nejsou klikací (podmenu se otevře najetím) */
  #navigation .inner_frame menu li:has(ul)>a{pointer-events:none;cursor:default}
  #navigation .inner_frame menu li:focus-within>ul{display:block;position:absolute;z-index:99999}
  #navigation .inner_frame menu li ul.onmouse{min-width:250px;margin:0;padding:6px 0;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 14px 30px rgba(11,61,145,.18)}
  #navigation .inner_frame menu li ul li a{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:11px 22px!important;border-radius:0!important;font:700 16px/1.35 var(--font)!important;text-transform:none!important;white-space:nowrap!important;background:#fff!important;border:0!important;color:var(--navy)!important;box-shadow:none!important;pointer-events:auto!important;cursor:pointer!important}
  #navigation .inner_frame menu li ul li{display:block!important;width:100%!important;float:none!important}
  #navigation .inner_frame menu li ul li a:hover{background:#eaf7ff!important;color:var(--accent)!important}
}
@media (min-width:1191px) and (max-width:1359px){
  #navigation .inner_frame{padding:0 14px}
  #navigation .inner_frame menu li>a,#navigation .inner_frame menu li:hover>a,#navigation .inner_frame menu li.current>a{font-size:15px;padding:0 10px}
}
@media (max-width:1190px){
  /* podstránky v mobilním menu: odkaz s podstránkami je rozbalí (skript přidá třídu sub-open) */
  #navigation .inner_frame menu li:has(>ul)>a::after{content:"";display:inline-block;width:8px;height:8px;margin:-4px 0 0 10px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s;vertical-align:middle}
  #navigation .inner_frame menu li.sub-open>a::after{transform:rotate(-135deg);margin-top:4px}
  #navigation .inner_frame menu li>ul{display:none!important;position:static!important;width:100%;margin:0!important;padding:0 0 6px;background:#f2f9ff!important;box-shadow:none!important;border-radius:0}
  #navigation .inner_frame menu li.sub-open>ul{display:block!important}
  #navigation .inner_frame menu li>ul li{display:block;border:0;opacity:1;background:none}
  #navigation .inner_frame menu li>ul li a{display:block!important;padding:8px 14px!important;text-align:center;font:700 16px/1.4 var(--font)!important;text-transform:none!important;color:var(--navy)!important;background:none!important;border:0!important}
  #navigation .inner_frame menu li>ul li a:hover{color:var(--accent)!important}
  #navigation #logo{margin:-1px 0 0 0}
  #navigation{overflow:visible;scrollbar-width:none}
  #navigation.menu-active{max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  #navigation::-webkit-scrollbar{display:none;width:0;height:0}
  #topbar{display:none!important}
  #obalstranek{margin:0 auto 18px;border-radius:0}
  #navigation .inner_frame menu li a{font-size:17px}
}

/* logo: balónky (vkládá je skript do #logo), každý se jemně houpe */
#navigation #logo.logo-svg{background-image:none!important;display:block}
#navigation #logo svg{display:block;width:216px;height:70px;overflow:visible}
.lb{animation:lbBob var(--t,4.4s) ease-in-out infinite}
@keyframes lbBob{0%,100%{transform:translateY(0) rotate(calc(var(--r,2deg) * -1))}50%{transform:translateY(calc(var(--dy,2.5px) * -1)) rotate(var(--r,3deg))}}

/* galerie otevřená: žádný posuvník (ani stránky, ani galerie) a zmizí horní navigace */
html:has(body[data-slider-open="true"]){overflow:hidden;scrollbar-width:none}
html:has(body[data-slider-open="true"])::-webkit-scrollbar,body[data-slider-open="true"]::-webkit-scrollbar{display:none}
.slider-gallery{box-sizing:border-box;overflow:hidden;scrollbar-width:none}
.slider-gallery::-webkit-scrollbar,.slider-gallery *::-webkit-scrollbar{display:none;width:0;height:0}
.slider-gallery .slider-gallery__slider{height:calc(100vh - 75px);height:calc(100dvh - 75px);min-height:0;overflow:hidden}
/* při otočení telefonu se galerie na okamžik skryje (skript), než přepočítá šířku - jinak by vedle sebe byly vidět dvě fotky */
body.slider-resizing .slider-gallery>*:not(.slider-gallery__header),body.slider-resizing .slider-gallery .slider-gallery__container,body.slider-resizing #js-slider-gallery{visibility:hidden!important;opacity:0!important;transition:none!important}
.slider-gallery .slider-gallery__slider{transition:opacity .15s}
@media only screen and (max-width:655px){.slider-gallery .slider-gallery__slider{height:calc(100vh - 60px);height:calc(100dvh - 60px)}}
@media only screen and (max-width:950px) and (orientation:landscape){.slider-gallery .slider-gallery__slider{height:calc(100vh - 45px);height:calc(100dvh - 45px)}}
body[data-slider-open="true"] #navigation,body[data-slider-open="true"] .menu-toggle,body[data-slider-open="true"] #topbar{display:none!important}

/* patička: světle modrý přechod, bílé průhledné boxy 2 × 2, fotka vlevo, vlnitý horní okraj */
#footer{position:relative;overflow:hidden;margin-top:0;padding:clamp(30px,3vw,38px) 20px 22px;color:var(--ink);background:linear-gradient(180deg,#d4edfd 0%,#b3dcf7 50%,#93c9f0 100%)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cpath d='M0 28V14Q30-2 60 14T120 14V28Z'/%3E%3C/svg%3E") top left/120px 28px repeat-x,linear-gradient(#000,#000) left 27px/100% calc(100% - 27px) no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 28'%3E%3Cpath d='M0 28V14Q30-2 60 14T120 14V28Z'/%3E%3C/svg%3E") top left/120px 28px repeat-x,linear-gradient(#000,#000) left 27px/100% calc(100% - 27px) no-repeat}
/* pomalu putující světelné skvrny v pozadí */
#footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px 260px at 20% 30%,rgba(255,255,255,.55),transparent 70%),radial-gradient(380px 240px at 80% 70%,rgba(255,243,176,.45),transparent 70%);background-repeat:no-repeat;animation:ftGlow 26s ease-in-out infinite alternate}
@keyframes ftGlow{from{background-position:0 0,0 0}to{background-position:140px 30px,-160px -20px}}
#footer .ft{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1360px;margin:0 auto}
#footer .ft-photo{position:relative;display:flex;align-items:flex-end;min-height:300px;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(to top,rgba(8,36,92,.85),rgba(8,36,92,.06) 65%),url(/img/picture/1013/21.jpg) center/cover no-repeat;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px rgba(11,61,145,.25)}
#footer .ft-photo:hover{color:#fff;transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,61,145,.32)}
#footer .ft-photo-cap{padding:22px 24px;line-height:1.5;font-size:16px;color:#fff}
#footer .ft-photo-cap strong{display:block;margin-bottom:4px;font:800 24px/1.2 var(--font)}
#footer .ft-map{display:inline-block;margin-top:12px;padding:8px 18px;border-radius:999px;background:#fff;color:var(--navy);font-weight:800;font-size:15px;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}
#footer .ft-photo:hover .ft-map{background:var(--accent);color:#fff;transform:scale(1.07);box-shadow:0 0 0 5px rgba(255,255,255,.35)}
#footer .ft-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
#footer .ft-card{--c1:#4dabf7;--c2:#1b6fb5;position:relative;overflow:hidden;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:16px;align-content:center;padding:20px 22px 20px 26px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.95);border-radius:20px;box-shadow:0 6px 18px rgba(11,61,145,.10);transition:transform .2s,background-color .2s,box-shadow .2s}
#footer .ft-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:5px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,var(--c1),var(--c2))}
#footer .ft-card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 26px rgba(11,61,145,.16)}
#footer .ft-c2{--c1:#69db7c;--c2:#2f9e44}
#footer .ft-c3{--c1:#ffa94d;--c2:#e8590c}
#footer .ft-c4{--c1:#b197fc;--c2:#7048e8}
#footer .ft-ico{grid-row:1 / span 2;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-size:20px;line-height:1;box-shadow:0 4px 10px rgba(11,61,145,.2)}
#footer h4{margin:0 0 4px;font:800 20px/1.3 var(--font);color:var(--navy)}
#footer p{margin:0;font-size:16px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
#footer a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(11,61,145,.35);text-underline-offset:3px}
#footer a:hover{color:var(--accent);text-decoration-color:currentColor}
#footer .ft-photo,#footer .ft-photo:hover{text-decoration:none}
#footer .ft-bottom{position:relative;z-index:1;max-width:1360px;margin:16px auto 0;padding-top:12px;border-top:1px solid rgba(11,61,145,.22);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;font-size:15px;color:var(--navy)}
#footer .ft-up{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.75);text-decoration:none;font-weight:800}
#footer .ft-up:hover{background:var(--navy);color:#fff}
@media (max-width:1100px){#footer .ft{grid-template-columns:1fr}#footer .ft-photo{min-height:240px}#footer .ft-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){#footer .ft-cards{grid-template-columns:1fr}}

/* ilustrace po stranách patičky (v HTML patičky, aby se daly animovat); jen když je na bocích dost místa */
.ft-deco{display:none;position:absolute;pointer-events:none;overflow:visible}
@media (min-width:1640px){
  .ft-deco{display:block}
  .ft-deco-l{left:0;bottom:0;width:min(165px,calc((100% - 1360px)/2 - 16px))}
  .ft-deco-r{right:0;top:30px;width:min(290px,calc((100% - 1360px)/2 - 16px))}
}
/* duha: pásy se vykreslí, chvíli drží, stáhnou se a hned se kreslí znovu (cyklus 10 s) */
.ft-deco-l .rb path{stroke-dasharray:1;stroke-dashoffset:1;transform-origin:0 200px;animation:rbCycle 10s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}
@keyframes rbCycle{0%{stroke-dashoffset:1}16%,80%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:1}}
/* slunce: jednoduché kolečko s paprsky; paprsky se pomalu otáčejí a "dýchají", slunce lehce plove nahoru a dolů */
.ft-deco-r .sun-bob{animation:sunBob 7s ease-in-out infinite}
.ft-deco-r .sun-rays{transform-origin:125px 92px;animation:spin 60s linear infinite}
.ft-deco-r .sun-breathe{transform-origin:125px 92px;animation:breathe 5s ease-in-out infinite alternate}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes sunBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes breathe{from{transform:scale(.93)}to{transform:scale(1.09)}}

/* ===== ilustrace po stranách stránky (vkládá skript do #side-decor; od 1400 px) ===== */
#side-decor{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;pointer-events:none;overflow:hidden}
.sd-col{position:absolute;top:0;bottom:0;width:calc((100% - var(--obal-w))/2);overflow:hidden}
.sd-l{left:0}.sd-r{right:0}
.sd-item{position:absolute;left:0;right:0;display:flex;justify-content:center}
.sd-item svg{display:block;width:min(210px,calc(100% - 28px));height:auto;overflow:visible}
@media (max-width:1499px){#side-decor{display:none}}
/* animace jednotlivých ilustrací */
.a-kite{transform-origin:170px 28px;animation:kiteSway 7s ease-in-out infinite}
.a-bow{transform-box:fill-box;transform-origin:center;animation:bowFlip 2.4s ease-in-out infinite alternate}
.a-flutter{transform-origin:100px 100px;animation:flutter 14s ease-in-out infinite}
.a-wl,.a-wr{transform-origin:100px 100px;animation:flap 2.6s ease-in-out infinite alternate}
.a-bunch{transform-origin:105px 292px;animation:bunch 6s ease-in-out infinite}
.a-bal{animation:balBob 3.4s ease-in-out infinite alternate}
.a-tw{transform-box:fill-box;transform-origin:center;animation:twinkle 2.8s ease-in-out infinite}
.a-star{transform-box:fill-box;transform-origin:center;animation:starSpin 7s ease-in-out infinite alternate}
.a-fl{transform-origin:100px 240px;animation:flSway 5s ease-in-out infinite alternate}
.a-plane{transform-origin:110px 80px;animation:planeFly 7s ease-in-out infinite}
.a-trail{stroke-dasharray:6 8;animation:dashMove 1.4s linear infinite}
@keyframes kiteSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes bowFlip{from{transform:rotate(-16deg)}to{transform:rotate(16deg)}}
@keyframes flutter{0%,100%{transform:translate(0,0) rotate(-5deg)}25%{transform:translate(10px,-9px) rotate(3deg)}50%{transform:translate(-5px,-16px) rotate(-3deg)}75%{transform:translate(-10px,-6px) rotate(5deg)}}
@keyframes flap{from{transform:scaleX(1)}to{transform:scaleX(.8)}}
@keyframes bunch{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes balBob{from{transform:translateY(0)}to{transform:translateY(-6px)}}
@keyframes twinkle{0%,100%{transform:scale(.7);opacity:.6}50%{transform:scale(1.12);opacity:1}}
@keyframes starSpin{from{transform:rotate(-12deg) scale(.95)}to{transform:rotate(12deg) scale(1.06)}}
@keyframes flSway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@keyframes flame{from{transform:scaleY(.8)}to{transform:scaleY(1.2)}}
@keyframes planeFly{0%,100%{transform:translate(-10px,6px) rotate(-5deg)}50%{transform:translate(14px,-8px) rotate(4deg)}}
@keyframes dashMove{to{stroke-dashoffset:-14}}
/* nové ilustrace */
.a-hot{transform-origin:100px 14px;animation:hotSway 9s ease-in-out infinite}
.a-moon{transform-origin:100px 10px;animation:moonSway 9s ease-in-out infinite}
.a-plane{animation:planeFly 7s ease-in-out infinite}
.a-flame{transform-box:fill-box;transform-origin:50% 0;animation:flame .22s ease-in-out infinite alternate}
.a-bee{animation:beeFly 7s ease-in-out infinite}
.a-bw{transform-box:fill-box;transform-origin:50% 100%;animation:beeWing .16s ease-in-out infinite alternate}
.a-bird{animation:birdFly 8s ease-in-out infinite}
.a-bwing{transform-origin:96px 80px;animation:wingBeat 1.4s ease-in-out infinite alternate}
.a-comet{animation:cometGlide 7s ease-in-out infinite}
.a-tail{animation:tailPulse 3.5s ease-in-out infinite}
@keyframes hotSway{0%,100%{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-9px) rotate(2.5deg)}}
@keyframes moonSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes planeFly{0%,100%{transform:translate(-12px,8px) rotate(-4deg)}50%{transform:translate(14px,-12px) rotate(4deg)}}
@keyframes beeFly{0%,100%{transform:translate(0,0) rotate(-3deg)}25%{transform:translate(12px,-10px) rotate(3deg)}50%{transform:translate(-2px,-18px) rotate(-2deg)}75%{transform:translate(-12px,-6px) rotate(4deg)}}
@keyframes beeWing{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
@keyframes birdFly{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(10px,-12px) rotate(3deg)}}
@keyframes wingBeat{from{transform:rotate(-14deg)}to{transform:rotate(22deg)}}
@keyframes cometGlide{0%,100%{transform:translate(-10px,8px)}50%{transform:translate(10px,-8px)}}
@keyframes tailPulse{0%,100%{opacity:.5}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.sd-item *,#navigation #logo svg *,.ft-deco *,#footer::before{animation:none!important}.ft-deco-l .rb path{stroke-dashoffset:0!important}}

/* všechny nadpisy h2 velkými písmeny */
h2{text-transform:uppercase}
.headerWrap h2,.article h2,.Fotoalbum h2{letter-spacing:.02em}


/* =====================================================================
   DOPLNĚK: vlož na úplný konec CSS (přepíše starší pravidla se stejnými selektory)
   ===================================================================== */

/* ---------- podstránky v menu: hover stejnou barvou jako hlavní menu (bez přechodu a bez posunu textu) ---------- */
@media (min-width:1191px){
  #navigation .inner_frame menu li ul li a{background:transparent!important;transition:background-color .2s,color .2s!important}
  #navigation .inner_frame menu li ul li a:hover,#navigation .inner_frame menu li ul li a:focus-visible{background:#ffdce8!important;color:var(--accent)!important}
}

/* ---------- ohraničení alb: tenčí a jiná barva (světlý modrý odstín) ---------- */
#obalstranek .folder::after{border:3px solid #c4e6f0}
#obalstranek .folder:hover::after{border-color:#72c5e6}
.folder:hover{box-shadow:0 14px 30px rgba(82,170,220,.22)}

/* ---------- informace o Twigsee: modrý box s ikonou (i) v kolečku ---------- */
#twigsee-info{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:0 auto 22px;padding:10px 20px 10px 12px;border:1px solid #cfe6f5;border-radius:16px;background:#eaf6fd;color:#1d4f73;font-size:16px;font-weight:700;line-height:1.4;text-align:left}
#twigsee-info::before{content:"i";flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#2b7fa0;color:#fff;font:italic 800 17px/1 Georgia,serif}

/* ---------- drobečková navigace: vše velkými písmeny ---------- */
div#breadcrumb-nav,div#breadcrumb-nav *{text-transform:uppercase;letter-spacing:.04em}

/* ---------- komentáře: karty v barvách jako na stránce Nabízíme ---------- */
div#block-comments{background:none!important;box-shadow:none!important;border:0;border-radius:0;padding:8px 0 0!important;margin:28px 0 0}
h2#comments{position:relative;margin:0 0 20px;padding:0 0 14px;color:var(--navy);font:800 24px/1.25 var(--font)}
h2#comments::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:4px;border-radius:4px;background:linear-gradient(90deg,#0b3d91,#399cbd,#80c3d8)}

.comment{--c:#09adff;--rgb:9,173,255;position:relative;clear:both;margin:0 0 14px;padding:16px 20px 14px;font-size:16px;line-height:1.6;color:#2b3445;background:#fff;border:2px solid rgba(var(--rgb),.25);border-radius:22px;box-shadow:0 4px 14px rgba(11,61,145,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.comment:nth-of-type(5n+2){--c:#4cc38a;--rgb:76,195,138}
.comment:nth-of-type(5n+3){--c:#f5b700;--rgb:245,183,0}
.comment:nth-of-type(5n+4){--c:#ff6666;--rgb:255,102,102}
.comment:nth-of-type(5n+5){--c:#399cbd;--rgb:57,156,189}
.comment.admin,.admin .comment{--c:#0b3d91;--rgb:11,61,145;background:#f6fbfe}
.comment:hover{border-color:rgba(var(--rgb),.6);box-shadow:0 14px 26px -12px rgba(var(--rgb),.6)}

.comment .comment-headline{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
.comment .comment-headline::before{content:"\f007";grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(var(--rgb),.16);color:var(--c);font:normal 20px/1 FontAwesome}
.comment.admin .comment-headline::before,.admin .comment .comment-headline::before{content:"\f005"}
.comment .comment-headline h3{grid-column:2;margin:0;padding:0;border:0;background:none;color:#1f2a44;font:800 17px/1.3 var(--font)}
.comment .comment-headline h3 span{font:800 17px/1.3 var(--font)}
.admin h3 span{color:var(--navy)}
.comment .comment-headline div{grid-column:2;margin:1px 0 0;font-size:13px;color:#6b7a90}
.comment .comment-text{margin:12px 0 0 56px;padding:0;color:#3d4a5f;overflow-wrap:anywhere}
.comment .comment-text p{margin:0 0 .6em}
.comment-answer{margin-top:10px;text-align:right}
.comment-answer a{float:none;display:inline-block;margin:0;padding:6px 16px;font-size:14px;font-weight:700}

/* odpovědi jsou odsazené (odsazení je okraj, ne vnitřní odsazení karty) */
.level1,.level2,.level3,.level4,.level5,.level6,.level7,.level8,.level9{padding-left:0}
.comment.level1,.comment.level2,.comment.level3,.comment.level4,.comment.level5,.comment.level6,.comment.level7,.comment.level8,.comment.level9{padding-left:20px}
.level2{margin-left:28px}.level3{margin-left:52px}.level4{margin-left:72px}
.level5,.level6,.level7,.level8,.level9{margin-left:88px}

/* formulář pro nový komentář */
form#comments-form{margin:24px 0 0;padding:22px;text-align:left;background:#f6fbfe;border:2px solid rgba(9,173,255,.2);border-radius:22px}
form#comments-form fieldset{margin:0;padding:0;border:0}
form#comments-form input,#comments-form textarea{width:100%;max-width:none;box-sizing:border-box;margin:6px 0;padding:12px 14px;font:16px/1.4 var(--font);border:1px solid #cfe1ec;border-radius:12px;background:#fff}
form#comments-form input:focus,#comments-form textarea:focus{outline:0;border-color:#399cbd;box-shadow:0 0 0 3px rgba(57,156,189,.25)}
form#comments-form input.submit{width:auto;margin-top:14px;padding:12px 30px;font-weight:800}

@media (max-width:560px){
  .comment{padding:14px 14px 12px}
  .comment.level1,.comment.level2,.comment.level3,.comment.level4,.comment.level5,.comment.level6,.comment.level7,.comment.level8,.comment.level9{padding-left:14px}
  .comment .comment-text{margin-left:0}
  .level2{margin-left:12px}.level3{margin-left:22px}.level4{margin-left:30px}
  .level5,.level6,.level7,.level8,.level9{margin-left:36px}
  form#comments-form{padding:16px}
}
@media (prefers-reduced-motion:reduce){.comment{transition:none}}