@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; border-top: 2px solid #b3b3b3; }
#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; }

/* 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; }

/* ADVERTISEMENT */
#sky-scraper-block { position: absolute; right: -300px; width: 300px; }
#sticky-box { position: -webkit-sticky; position: sticky; top: 0; right: 0; }

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, #sticky-box { 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;
}

/* 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: #666; 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;
}

#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: 655px) {
  #photos { grid-template-columns: 1fr; margin-left: 0px; row-gap: 20px; column-gap: 0px; justify-items: center; padding-bottom: 0px; }
  #photos::after { content: none; display: none; }
  #photos .slider-gallery__img { width: 100% !important; max-width: 263px !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%; }
}