/* Theme Name: Kino Lanškroun Theme URI: Author: Marek Klusák Author URI: https://www.mklusak.cz Description: WordPress theme Version: 1.0 License: GNU General Public License License URI: Tags: */ @font-face { font-family: 'BasicSans'; src: url('font/BasicSans-Regular.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BasicSans'; src: url('font/BasicSans-RegularIt.otf') format('opentype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'BasicSans'; src: url('font/BasicSans-Bold.otf') format('opentype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'BasicSans'; src: url('font/BasicSans-BoldIt.otf') format('opentype'); font-weight: bold; font-style: italic; } 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, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} :focus { outline: 0;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} /******************************************************************************/ :root { --lgrey: #f1f1f1; --main: #E53734; --lightbg: #fde9e1; --kc: #AE914D; --kcbg: #f8f5f0; --knihovna: #235EAD; --knihovnabg: #f1f3fe; --muzeum: #2C8676; --muzeumbg: #e6f3f0; --kino: #E53734; --kinobg: #fde9e1; } *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } :not(.df) > *:last-child { margin-bottom: 0; } body { line-height: 1.5; color: #090000; font-family: "BasicSans", Arial, sans-serif; font-weight: 400; font-size: 14px; margin: 0; padding: 0; background: #fff; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { body { font-size: 16px; } } p { margin: 0 0 1.5em; } b, strong { font-weight: 700; } a { text-decoration: underline; color: #000000; transition: all .2s ease-in-out; } a:hover { color: #666; } a[href^="tel"] { text-decoration: none; color: inherit; } @media (min-width: 960px) { a:hover { color: unset; } } .tlacitko { display: inline-block; padding: 7px 16px 9px; margin: 3px; } .tlacitko { font-weight: 700; font-size: 12px; border: none; text-decoration: none; text-align: center; line-height: 1.3; } .tlacitko { text-transform: uppercase; letter-spacing: 2px; } .tlacitko { transition: all .25s ease-in-out; } .tlacitko { border-radius: 1000px; } .tlacitko { background-color: var(--main); color: #fff; } .tlacitko:hover { background-color: #000 !important; color: #fff; opacity: 1; } .tlacitko.cerne { background-color: #000; color: #fff; } .tlacitko.cerne:hover { background-color: var(--main) !important; } .tlacitko.velke { padding: 12px 20px 12px; font-size: 16px } input.tlacitko { font-size: 16px } @media (min-width: 768px) { .tlacitko { font-size: 14px } .tlacitko.velke { font-size: 18px } } @media (min-width: 960px) { .tlacitko { font-size: 15px; } .tlacitko.velke { min-width: 350px } } @media (min-width: 1200px) { .tlacitko.velke { min-width: 500px } } .tlacitko--m0 { margin: 0; } p .tlacitko { margin-left: -2px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-family: 'BasicSans', Arial, sans-serif; line-height: 1.3; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4, h5, h6 { font-size: 18px; } h1 { line-height: 1.15; } h2 { line-height: 1.2; } h3 { line-height: 1.35; } @media (min-width: 1170px) { h1 { font-size: 44px; } h2 { font-size: 34px; } h3 { font-size: 28px; } h4 { font-size: 24px; } } ul, ol { margin: 0 0 1em; } li { margin: 5px 0 5px 50px } h2 + ul { margin-top: 25px; } @media (min-width: 960px) { ul, ol { margin: 0 0 40px; } h2 + ul { margin-top: 30px; } } hr { clear: both; border: 0; height: 1px; background: silver; width: 100%; margin: 0 0 2em; } blockquote { margin: 0 0 1em; font-size: 135%; } blockquote p { margin: .3em 0; } table { margin: 0 0 1em; } td, th { padding: .5em; border: 1px solid #E4E4E4; text-align: left; vertical-align: middle; } th { font-weight: normal; } table.vsenalevo * { text-align: left; } input { cursor: text; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], textarea, select, option { width: 100%; margin: 0; padding: 15px; font-size: inherit; font-family: inherit; color: #151318; border: 1px solid #E6E6E6; border-radius: 0; background: #fff; font-size: 16px; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], textarea { } select { width: auto; } select option:disabled { font-style: italic; color: silver; } input[type=submit] { cursor: pointer; font-family: inherit; border: 0; } input[type=submit]:hover { } @media (min-width: 768px) { input[type=submit] { padding: 15px 20px; } } @media (min-width: 960px) { input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], textarea, select, option { padding: 15px 20px; font-size: 18px; } } :placeholder-shown { font-size: 16px; font-family: inherit; } .clear { clear: both } .center, .c { text-align: center; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =WordPress Core -------------------------------------------------------------- */ img { border: 0; max-width: 100%; height: auto; } img.alignnone { margin: 0;} .aligncenter { display: block; margin: auto ;} img.alignright, img.alignleft, img.aligncenter { margin: auto;} @media (min-width: 500px) { img.alignright { float: right; margin: 5px 0 20px 30px; } img.alignleft { float: left; margin: 5px 30px 20px 0; } } @media (min-width: 960px) { img.alignright { margin-left: 40px; } img.alignleft { margin-right: 40px; } } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} img.wp-smiley { vertical-align: middle; border: 0 !important;} .gallery { margin: 0 auto 30px; } .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 15%; } .gallery .gallery-item img { max-width: 96%; height: auto; } .gallery .gallery-caption { margin-left: 0; } /* .gallery { margin: 0 auto 30px; } .gallery { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .gallery .gallery-item { margin: 10px 0 0; padding: 0; border: 0; } .gallery-columns-2 .gallery-item { width: 49%; margin-right: 2%; } .gallery-columns-2 .gallery-item:nth-child(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { width: 32%; margin-right: 2%; } .gallery-columns-3 .gallery-item:nth-child(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { width: 24%; margin-right: 1.333333%; } .gallery-columns-4 .gallery-item:nth-child(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { width: 19%; margin-right: 1.25%; } .gallery-columns-5 .gallery-item:nth-child(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { width: 15.5%; margin-right: 1.4% ; } .gallery-columns-6 .gallery-item:nth-child(6n+6) { margin-right: 0; } .gallery .gallery-item img { display: block; } .gallery .gallery-caption { margin-left: 0; } */ .wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow: 0 !important } #media-query-breakpoint { font-family: '360'; } @media (min-width: 500px) { #media-query-breakpoint { font-family: '500'; } } @media (min-width: 600px) { #media-query-breakpoint { font-family: '600'; } } @media (min-width: 768px) { #media-query-breakpoint { font-family: '768'; } } @media (min-width: 960px) { #media-query-breakpoint { font-family: '960'; } } @media (min-width: 1100px) { #media-query-breakpoint { font-family: '1100'; } } @media (min-width: 1200px) { #media-query-breakpoint { font-family: '1200'; } } @media (min-width: 1400px) { #media-query-breakpoint { font-family: '1400'; } } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 */ .strankovani { } .strankovani .dalsi { float: right; } .strankovani .predchozi { float: left; } .strankovani { clear: both; margin-top: 50px; text-align: center; font-weight: bold; } .strankovani .page-numbers { display: inline-block; padding: 10px 15px; margin: 0 2px; line-height: 1; color: 000; } .strankovani a.page-numbers { text-decoration: none; } .strankovani a.page-numbers:hover { color: var(--main); } .strankovani .page-numbers.current { color: var(--main); } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 */ .web { } .main { position: relative; } .in { width: 80%; max-width: 1170px; margin: auto; } .maw900 { max-width: 900px; } @media (min-width: 768px) { .in { width: 90%; } } @media (min-width: 960px) { .page:not(.home):not(.page-template-page-kontakt) .main, .single-post .main { font-size: 18px; } } /* 88 88 88 db 8b d8 88 ,ad8888ba, 88 a8P db 88 88 88 d88b `8b d8' 88 d8"' `"8b 88 ,88' d88b 88 88 88 d8'`8b `8b d8' 88 d8' 88 ,88" d8'`8b 88aaaaaaaa88 88 d8' `8b `8b d8' 88 88 88,d88' d8' `8b 88""""""""88 88 d8YaaaaY8b `8b d8' 88 88 8888"88, d8YaaaaY8b 88 88 88 d8""""""""8b `8b d8' 88 Y8, 88P Y8b d8""""""""8b 88 88 88 d8' `8b `888' 88 Y8a. .a8P 88 "88, d8' `8b 88 88 88888888888 d8' `8b `8' 88 `"Y8888Y"' 88 Y8b d8' `8b */ .header { position: relative; z-index: 10; background-color: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,0.0); } .header.fixed { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; max-height: 100%; } .header.scrolled { box-shadow: 0 0 40px 0 rgba(0,0,0,0.05) !important; } .header-top { } .organizations { display: flex; justify-content: space-between; align-items: center; position: relative; } .organizations { padding: 12px 20px; background-color: var(--lgrey); line-height: 1; } .organizations { position: relative; } .organization-link { display: flex; justify-content: flex-start; align-items: center; } .organization-link { font-size: 12px; font-weight: bold; color: #c1c1c1; text-decoration: none; letter-spacing: 2px; } .organization-link svg { display: block; margin: 0 10px 0 0; } .organization-link svg path { transition: all .2s ease-in-out; } .organization-link--kcl svg { width: 5px; height: 5px; } .organization-link--muzeum svg { width: 10px; height: 10px; } .organization-link--knihovna svg { width: 9px; height: 10px; } .organization-link--kino svg { width: 9px; height: 12px; } .organization-link--kino, .organization-link--kino:hover { color: var(--kino); } .organization-link--kino path { fill: var(--kino); } .organization-link--muzeum:hover { color: var(--muzeum); } .organization-link--muzeum:hover path { fill: var(--muzeum); } .organization-link--kcl:hover { color: var(--kc); } .organization-link--kcl:hover path { fill: var(--kc) } .organization-link--knihovna:hover { color: var(--knihovna); } .organization-link--knihovna:hover path { fill: var(--knihovna); } .organizations-more { display: none; } .organizations-more { position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; background-color: var(--lgrey); } .organizations-more__list { margin: 0; list-style: none; } .organizations-more__list li { margin: 0; } .organizations-more__list a { padding: 12px 20px; } .organizations-toggle { display: block; width: 25px; height: 25px; background: url(img/down.svg) center center / 16px auto no-repeat } .organizations-toggle { position: absolute; right: 20px; top: 50%; z-index: 1; transform: translateY(-50%); } .organizations-toggle.on { transform: translateY(-50%) rotate(180deg); } .top-links { display: flex; justify-content: flex-start; align-items: center; padding: 15px 20px; background-color: #fff; } .mobile-logo { display: block; width: 140px; margin-right: auto; } .mobile-logo img { display: block; margin: 0; width: 100%; height: auto; transition: all .25s ease-in-out; } .top-links__list { display: flex; justify-content: flex-start; align-items: center; } .top-links__list { list-style: none; margin: 0 15px; } .top-links__list li { margin: 0; } .top-links__list svg { display: block; height: 21px; width: auto; } .top-links__list a:hover { text-decoration: none; color: var(--main); } .top-links__list a:hover svg path {fill: var(--main);} .top-links__list a:hover svg circle, .top-links__list a:hover svg polyline {stroke: var(--main);} .top-link { display: block; padding: 8px; } .top-link--opening span { display: none; } .top-link--newsletter span { display: none; } .menu-toggle { display: block; height: 30px; width: 30px; margin: 0; } .menu-toggle { position: relative; top: 2px; } .menu-toggle span { position: relative; top: 12px; display: block;} .menu-toggle span:after, .menu-toggle span:before { content: ""; position: absolute; left: 0; top: -6px; } .menu-toggle span:after { top: 6px;} .menu-toggle span, .menu-toggle span:after, .menu-toggle span:before { width: 100%; height: 2px; background-color: #1B1B1B; transition: all 0.3s; backface-visibility: hidden; border-radius: 2px; } .menu-toggle.on span { background-color: transparent; } /* on activation */ .menu-toggle.on span:before { transform: rotate(45deg) translate(5px, 5px); } .menu-toggle.on span:after { transform: rotate(-45deg) translate(3px, -4px); } .header-fb { display: block; padding: 8px 11px; } .header-fb svg { display: block; width: 18px; height: 31px; margin: 0; } .header-insta { display: block; padding: 6px 2px 6px; margin-left: 10px; } .header-insta svg { display: block; width: 36px; height: 35px; margin: 0; } .header-fb:hover, .header-insta:hover { opacity: .6 } @media (min-width: 1170px) { .header-top { display: flex; justify-content: space-between; align-items: center; background-color: var(--lgrey); } .organizations { padding: 0; } .organizations-active { margin-right: 10px; } .organizations-active a { padding: 8px 16px; } .organizations-more { position: static; width: auto; display: block !important; } .organizations-more__list { display: flex; justify-content: flex-start; align-items: center; } .organizations-more__list li { margin-right: 10px; } .organizations-more__list a { padding: 8px 16px; } .organizations-toggle { display: none !important; } .top-links { background-color: transparent; padding: 0; } .top-links__list { margin: 0 20px 0 0; } .top-link--text svg {height: 15px; width: auto; margin-right: 5px; } .mobile-logo { display: none; } .menu-toggle { display: none; } .top-link--text { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; font-size: 12px; color: #090000 } .top-link--text svg { height: 15px; width: auto; margin-right: 5px; } .top-link--text span { display: inline; font-weight: bold; letter-spacing: 1px; } .top-link--opening { margin-right: 30px; } .top-link--newsletter { margin-right: 20px; } .top-link--fb { padding: 10px 20px; } .top-link--fb svg { height: 18px; } .top-link--insta { padding: 9px 20px; } .top-link--insta svg { height: 20px; } .top-link--yt { padding: 10px 20px; } .top-link--yt svg { height: 18px; } } .header-main { width: 100%; max-width: none; margin: auto; position: relative; } .desktop-logo { display: none; } @media (min-width: 1170px) { .header-main { padding: 17px 30px 19px; } .header-main { display: flex; justify-content: flex-start; align-items: center; } .scrolled .header-main { padding: 0px 30px 3px; } .desktop-logo { display: block; width: auto; height: 70px; margin-right: auto; } .desktop-logo img { display: block; margin: 0; width: auto; height: 70px; transition: all .25s ease-in-out; } .scrolled .desktop-logo { height: 30px; } .scrolled .desktop-logo img { height: 30px; } } /* 88b d88 88888888888 888b 88 88 88 888b d888 88 8888b 88 88 88 88`8b d8'88 88 88 `8b 88 88 88 88 `8b d8' 88 88aaaaa 88 `8b 88 88 88 88 `8b d8' 88 88""""" 88 `8b 88 88 88 88 `8b d8' 88 88 88 `8b 88 88 88 88 `888' 88 88 88 `8888 Y8a. .a8P 88 `8' 88 88888888888 88 `888 `"Y8888Y"' */ .navigace { } .navigace ul { list-style: none; margin: 0; } .navigace a { text-decoration: none; text-transform: lowercase; } .navigace a:hover { text-decoration: none !important; color: var(--main); } @media (max-width: 1169px) { .navigace { display: none; background-color: #fff; } .navigace { position: absolute; top: 100%; left: 0; width: 100%; z-index: 2; } .navigace { max-height: calc(100vh - 150px); overflow-y: scroll; -webkit-overflow-scrolling:touch; } .navigace li { margin: 0;} .navigace a { display: block; padding: 10px; background-color: #fff; border-bottom: 1px solid var(--lgrey); text-align: center; } .navigace li:last-child > a { border-bottom: 0; } .navigace a:hover { text-decoration: none; } .navigace .sub-menu { display: none; } .navigace .sub-menu a { padding: 8px 10px; border: 0; font-size: 12px; } .navigace li.menu-item-has-children { position: relative; } .navigace .sub-menu-toggle { display: block; width: 40px; height: 40px; position: absolute; right: 15px; top: 0px; } .navigace .sub-menu-toggle { padding: 0 !important; background: url(img/arr-d-red.svg) center center / 20px 20px no-repeat !important; } .navigace .sub-menu-toggle { border: 0; } .navigace .sub-menu-toggle.up { transform: rotate(180deg) } } @media (min-width: 1170px) { .navigace { display: block !important; margin: 0; transition: margin .25s ease-in-out; } .scrolled .navigace { } .navigace .menu { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; } .navigace .menu > li { margin: 0; position: relative; } .navigace a { display: block; font-size: 17px; padding: 25px 10px; line-height: 1; text-align: center; } .scrolled .navigace > ul > li > a { padding: 15px 15px; } .navigace .sub-menu-toggle { display: none !important; } /* top level */ .navigace li.menu-item-has-children > a > span { position: relative; padding-right: 10px; } .navigace li.menu-item-has-children > a > span:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; right: -10px; top: 60%; transform: translateY(-50%); } .navigace li.menu-item-has-children > a > span:after { transition: all .2s ease-in-out; } .navigace li.menu-item-has-children > a > span:after { display: block; margin: 0; } .navigace li.menu-item-has-children > a > span:after { background: url(img/arr-d-red.svg) center center / 16px 16px no-repeat; } .navigace li.menu-item-has-children:hover > a > span:after { transform: translateY(-50%) ; } /* sub level */ /* .navigace li li.menu-item-has-children > a > span:after { transform: translateY(-50%) rotate(0deg); } .navigace li li.menu-item-has-children:hover > a > span:after { transform: translateY(-50%) translateX(30px); } */ .navigace .sub-menu { display: block; visibility: hidden; opacity: 0; } .navigace .sub-menu { transition: all .2s ease-in-out } .navigace li:hover > .sub-menu, .navigace li:focus-within > .sub-menu { visibility: visible; opacity: 1; } .navigace .menu > li > .sub-menu { position: absolute; top: 100%; top: calc(100% - 2px); left: 50%; z-index: 2; transform: translateX(-50%) } .navigace .menu > li > .sub-menu { padding: 10px 5px 18px; border-top: 1px solid var(--main); } .navigace .sub-menu { background: #fff; min-width: 150px; max-width: 200px; padding: 0; } .navigace .sub-menu { border-top: 2px solid var(--main); position: relative; } .navigace .sub-menu li { margin: 0; } .navigace .sub-menu a { padding: 10px 20px; font-size: 15px; line-height: 1.25; } .navigace .sub-menu li:last-child a { } .navigace .sub-menu a:hover { text-decoration: underline; } .navigace .menu > li > .sub-menu { } .navigace .menu > li > .sub-menu > li > .sub-menu { min-width: 0; width: 200px; } } @media (min-width: 1400px) { .navigace a { padding: 15px; } } /* 88888888888 ,ad8888ba, ,ad8888ba, 888888888888 88888888888 88888888ba 88 d8"' `"8b d8"' `"8b 88 88 88 "8b 88 d8' `8b d8' `8b 88 88 88 ,8P 88aaaaa 88 88 88 88 88 88aaaaa 88aaaaaa8P' 88""""" 88 88 88 88 88 88""""" 88""""88' 88 Y8, ,8P Y8, ,8P 88 88 88 `8b 88 Y8a. .a8P Y8a. .a8P 88 88 88 `8b 88 `"Y8888Y"' `"Y8888Y"' 88 88888888888 88 `8b */ .footer { margin-top: 50px; clear: both; background-color: #fff; } @media (min-width: 768px) { .footer { margin-top: 80px; } } @media (min-width: 1170px) { .footer { margin-top: 100px; } } .archive footer:before, .page:not(.home):not(.page-template-page-kontakt) footer:before, .single-post footer:before, .blog footer:before { content: ""; width: 100%; height: 30px; display: block; background: var(--lightbg); } .archive footer, .page footer, .single-post footer, .blog footer { margin-top: 0; } footer a:hover { text-decoration: none !important; color: #000; } footer a:hover svg path { fill: black; } .footer-kontakty { background-color: var(--lightbg); } .footer-kontakty__in { padding: 60px 0; } .archive .footer-kontakty, .page:not(.home) .footer-kontakty, .single-post .footer-kontakty, .blog .footer-kontakty { background-color: #f6e1d9; } .footer-kontakty__cols {} .footer-kontakty-col { margin: 0 auto 40px; text-align: center; } .footer-kontakty-col__nadpis { margin-bottom: 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .footer-kontakty-col a { color: var(--main); text-decoration: none; } @media (min-width: 500px) { .footer-kontakty__cols { display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; } .footer-kontakty-col:last-child { margin-right: 0; } } @media (min-width: 500px) and ( max-width: 767px) { .footer-kontakty-col { width: 45%; margin: 0 10% 40px 0; } .footer-kontakty-col:nth-child(2n+2) { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1169px) { .footer-kontakty-col { width: 31%; margin: 0 3.5% 40px 0; } .footer-kontakty-col:nth-child(3n+3) { margin-right: 0; } } @media (min-width: 1170px) { .footer-kontakty__in { padding: 80px 0; } .footer-kontakty__cols { flex-wrap: nowrap; } .footer-kontakty-col { width: 19%; margin: 0 1.25% 0 0; text-align: left; } .footer-kontakty-col { width: 19%; margin: 0 1.25% 0 0; text-align: left; } } .page-template-page-kontakt .footer-kontakty { display: none; } .footer-partneri__in { padding: 40px 0; } .partner { } .partner img { display: block; margin: 0 auto; max-width: 100% } .partner img { filter: grayscale(1); transition: all .2s ease-in-out } .partner img:hover { filter: grayscale(0); } .partneri { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .partner { width: 50%; padding: 25px 15px; } @media (min-width: 600px) { .partner { width: 33.3%; padding: 25px; } } @media (min-width: 960px) { .partner { width: 25%; padding: 40px; } } @media (min-width: 1170px) { .footer-partneri__in { padding: 10px 0; } .partner { width: 20%; padding: 40px; } } .footer a { color: var(--main); text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer-copy { margin-bottom: 15px; } .footer-links { margin-bottom: 15px; } .footer-newsletter { margin-bottom: 15px; } .footer-newsletter-link { display: flex; justify-content: flex-start; align-items: center; font-size: 13px; letter-spacing: 2px; } .footer-newsletter-link svg { display: block; height: 15px; width: auto; margin: 0 5px 0 0; } .footer-newsletter-link svg path { fill: var(--main) } .footer-socials { margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: center; } .footer-soc { margin: 5px 30px 5px 0; } .footer-soc svg { display: block; height: 20px; width: auto; } .footer-soc svg path { fill: var(--main) } @media (min-width: 768px) { .footer-end__wrapper { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .footer-end__wrapper > div { margin: 15px; } .footer-soc { margin: 0 30px 0 0; } } @media (min-width: 1170px) { .footer-end__wrapper { flex-wrap: nowrap; justify-content: space-between; } .footer-end__wrapper > div:first-child { margin-left: 0 } .footer-end__wrapper > div:last-child { margin-right: 0 } } @media (min-width: 1300px) { .footer-end__in { max-width: 1360px; } } /* 88 88 88888888ba 88 88 88 "8b 88 88 88 ,8P 88aaaaaaaa88 88aaaaaa8P' 88""""""""88 88""""""' 88 88 88 88 88 88 88 88 88 */ .hp-upoutavky-wrapper { position: relative; } .upoutavka { margin: 0 auto; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; } .upoutavka { position: relative; } .upoutavka:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .upoutavka:before { background-color: rgba(0, 0, 0, .4); } .upoutavka__content { position: relative; z-index: 2; max-width: 90%; margin: auto; padding: 15% 0; } .upoutavka__nad_nazvem { color: #fff; font-weight: bold; } .upoutavka__nazev { margin: 0 0 25px; max-width: 1100px; padding: 0 40px; } .upoutavka__nazev { color: #fff; font-weight: 700; font-size: 30px; line-height: 1.2; } .upoutavka__nazev a { color: #fff; text-decoration: none; } .upoutavka__nazev a:hover { opacity: 0.9; color: #fff;} .upoutavka__tlacitko { display: inline-block; font-weight: 700; letter-spacing: 2px; } .upoutavka__tlacitko:hover { opacity: .8; } @media (min-width: 768px) { .upoutavka { display: none; margin: 0; } .upoutavka:first-child { display: block; } .upoutavka__in { padding-bottom: 70vh; } .upoutavka__content { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 1; } .upoutavka__content { margin-top: -30px; } .upoutavka__content { max-width: none; } .upoutavka__content > * { max-width: 80%; margin-left: auto; margin-right: auto; } .upoutavka__content { padding: 0; } .upoutavka__nad_nazvem { margin-bottom: 6px; } .upoutavka__nazev { margin-bottom: 40px; font-size: 42px; line-height: 1.2; } } @media (min-width: 960px) { .upoutavka__tlacitko { padding: 9px 18px; font-size: 16px; } } @media (min-width: 1170px) { .upoutavka__nad_nazvem { font-size: 20px; } .upoutavka__nazev { margin: 0 auto 40px; font-size: 60px } } @media (min-width: 1400px) { .upoutavka__nazev { font-size: 66px; } } .hp-upoutavky-navlinks { display: none; } @media (min-width: 768px) { .hp-upoutavky-navlinks { display: flex; justify-content: center; position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; } .hp-upoutavky-navlinks { } .hp-upoutavky-navlinks a { padding: 20px 0; text-align: center; font-weight: 700; color: #fff; font-size: 12px; text-decoration: none; line-height: 1.3; } .hp-upoutavky-navlinks a { margin: 0 20px; max-width: 240px; } .hp-upoutavky-navlinks a { display: flex; align-items: center; justify-content: center; } .hp-upoutavky-navlinks a { opacity: 0.6; } .hp-upoutavky-navlinks a.active { opacity: 1; } .hp-upoutavky-navlinks a:hover { opacity: 1; } .hp-upoutavky-navlinks a span { position: relative; display: block; width: 100%; } .hp-upoutavky-navlinks a span:after { content: ''; display: block; margin-top: 10px; width: 0; height: 1px; background-color: #fff; } .hp-upoutavky-navlinks a.active span:after { transition: width 4s linear ; width: 100%; } } @media (min-width: 960px) { .hp-upoutavky-navlinks a { font-size: 14px; padding: 30px 0; } } .uvodni-informace { background-color: var(--lightbg); } .uvodni-informace__in { width: 80%; padding: 50px 0; } .uvodni-informace-col { margin: 0 auto 40px; } .uvodni-informace-col__nadpis { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .uvodni-informace-col a { color: var(--main); text-decoration: none; } .uvodni-informace-col a:hover { color: #000; } @media (min-width: 768px) { .uvodni-informace__in { padding: 60px 0; } .uvodni-informace__cols { display: flex; justify-content: space-between; align-items: flex-start; } .uvodni-informace-col { width: 30%; margin: 0; } } /* db 88 a8P ,ad8888ba, 88888888888 88 888888888888 88888888888 88b d88 d88b 88 ,88' d8"' `"8b 88 88 88 88 888b d888 d8'`8b 88 ,88" d8' 88 88 88 88 88`8b d8'88 d8' `8b 88,d88' 88 88aaaaa 88 88 88aaaaa 88 `8b d8' 88 d8YaaaaY8b 8888"88, 88 88""""" 88 88 88""""" 88 `8b d8' 88 d8""""""""8b 88P Y8b Y8, 88 88 88 88 88 `8b d8' 88 d8' `8b 88 "88, Y8a. .a8P 88 88 88 88 88 `888' 88 d8' `8b 88 Y8b `"Y8888Y"' 88888888888 88 88 88888888888 88 `8' 88 */ .akce-item { margin-bottom: 60px; } .akce-item__link { display: block; text-decoration: none; } .akce-item__datum { margin-bottom: 14px; padding: 0 0 0 20px; color: var(--main) } .akce-item__datum { border-left: 1px solid var(--main) } .akce-item__datum__den { font-weight: bold; font-size: 18px; line-height: 1; text-transform: lowercase; } .akce-item__datum__data { margin-bottom: 3px; font-weight: bold; font-size: 30px; line-height: 1.3; } .akce-item__datum__cas { font-size: 17px; line-height: 1; } .akce-item__image { margin-bottom: 14px; } .akce-item__image img { display: block; margin: 0; aspect-ratio: 15 / 7; object-fit: cover; } .akce-item--vyprodano .akce-item__image { position: relative; } .akce-item--vyprodano .akce-item__image:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; z-index: 0; mix-blend-mode: color; background: #000; } .akce-item--vyprodano .akce-item__image:after { content: "VYPRODÁNO"; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; font-weight: 700; display: flex; justify-content: center; align-items: center; color: #fff; letter-spacing: 2px; font-size: 25px; } .akce-item__title { margin-bottom: 12px; font-weight: bold; } .akce-item--nas-tip .akce-item__title { position: relative; } .akce-item--nas-tip .akce-item__title:before { content: ''; display: block; width: 28px; height: 28px; } .akce-item--nas-tip .akce-item__title:before { position: absolute; left: -32px; top: 2px; z-index: 1; } .akce-item--nas-tip .akce-item__title:before { background: url(img/tip.svg) center center / contain no-repeat } .akce-item__metas { margin-bottom: 18px; } .zanr-filmu { margin-right: 12px; text-transform: lowercase; } .akce-item__labels { margin-bottom: 12px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 10px } .akce-stitek { display: inline-block; padding: 3px 4px 4px 4px; border: 1px solid black; } .akce-stitek { text-transform: uppercase; line-height: 1; font-weight: bold; font-size: 12px; letter-spacing: 0.4px; } .akce-item__links { margin-bottom: 17px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 20px } .akce-link { color: var(--main); text-decoration: underline; } .akce-link:hover { text-decoration: none; } .akce-item__btns .tlacitko { margin-left: -2px; } @media (min-width: 768px) { .akce-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; } .akce-item { margin: 0; } .akce-stitek { font-size: 13px; } .akce-item__info { font-size: 16px; } .akce-item__datum { margin-bottom: 16px; } .akce-item__image { margin-bottom: 16px; } .akce-item__links { margin-bottom: 20px; } .akce-item__image img { aspect-ratio: 15 / 8; } .akce-item--nas-tip .akce-item__title { padding-left: 0; } .akce-item--nas-tip .akce-item__title:before { left: -32px } .akce-item--vyprodano .akce-item__image:after { font-size: 30px; } } @media (min-width: 960px) { .akce-items { gap: 48px } } @media (min-width: 1170px) { .akce-items { gap: 64px } .akce-item__datum { margin-bottom: 20px; } .akce-item__datum__data { font-size: 36px; } .akce-item__image { margin-bottom: 20px; } .akce-item__title { font-size: 30px; } .akce-item--nas-tip .akce-item__title:before { left: -45px; width: 28px; height: 36px; } .akce-item__labels { margin-bottom: 20px; } .akce-item__links { margin-bottom: 24px; } } @media (min-width: 1300px) { .akce-items { row-gap: 100px } } .akce-no-results { display: none; } .hp-akce__in { padding: 50px 0; } .hp-akce__h2 { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; opacity: 0.3; margin-bottom: 50px; } .hp-akce__tlacitko { margin-top: 60px; text-align: center; } @media (min-width: 1170px) { .hp-akce__in { padding: 52px 0 80px; } .hp-akce__h2 { margin-bottom: 40px; } .hp-akce__tlacitko { margin-top: 70px; text-align: center; } } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 8b d8 88888888888 ,ad8888ba, 88 d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 `8b d8' 88 d8"' `"8b 88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 `8b d8' 88 d8' 88 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa `8b d8' 88aaaaa 88 88 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" `8b d8' 88""""" 88 88 Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 `8b d8' 88 Y8, 88 Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 `888' 88 Y8a. .a8P 88 `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 `8' 88888888888 `"Y8888Y"' 88 */ .tc.kulturni-centrum { color: var(--kc); } .tc.kino { color: var(--kino); } .tc.knihovna { color: var(--knihovna); } .tc.muzeum { color: var(--muzeum); } .bc.kulturni-centrum { border-color: var(--kc); } .bc.kino { border-color: var(--kino); } .bc.knihovna { border-color: var(--knihovna); } .bc.muzeum { border-color: var(--muzeum); } .bgc.kulturni-centrum { background-color: var(--kc); } .bgc.kino { background-color: var(--kino); } .bgc.knihovna { background-color: var(--knihovna); } .bgc.muzeum { background-color: var(--muzeum); } .bgclight.kulturni-centrum { background-color: var(--kcbg); } .bgclight.kino { background-color: var(--kinobg); } .bgclight.knihovna { background-color: var(--knihovnabg); } .bgclight.muzeum { background-color: var(--muzeumbg); } .kulturni-centrum .zalozky-navigace__item--aktivni a { color: var(--kc); } .kino .zalozky-navigace__item--aktivni a { color: var(--kino); } .knihovna .zalozky-navigace__item--aktivni a { color: var(--knihovna); } .muzeum .zalozky-navigace__item--aktivni a { color: var(--muzeum); } .tca.kulturni-centrum a { color: var(--kc); } .tca.kino a { color: var(--kino); } .tca.knihovna a { color: var(--knihovna); } .tca.muzeum a { color: var(--muzeum); } /* db 88 a8P ,ad8888ba, 88888888888 88888888ba 88888888ba 88888888888 88 88 88 88888888888 88888888ba, d88b 88 ,88' d8"' `"8b 88 88 "8b 88 "8b 88 88 88 88 88 88 `"8b d8'`8b 88 ,88" d8' 88 88 ,8P 88 ,8P 88 88 88 88 88 88 `8b d8' `8b 88,d88' 88 88aaaaa 88aaaaaa8P' 88aaaaaa8P' 88aaaaa 88aaaaaaaa88 88 88aaaaa 88 88 d8YaaaaY8b 8888"88, 88 88""""" 88""""""' 88""""88' 88""""" 88""""""""88 88 88""""" 88 88 d8""""""""8b 88P Y8b Y8, 88 88 88 `8b 88 88 88 88 88 88 8P d8' `8b 88 "88, Y8a. .a8P 88 88 88 `8b 88 88 88 88 88 88 .a8P d8' `8b 88 Y8b `"Y8888Y"' 88888888888 88 88 `8b 88888888888 88 88 88888888888 88888888888 88888888Y"' */ /* Spolecne pro dalsi vypisy! */ .top { padding: 30px 0px 40px; text-align: center; } .top__h1 { margin: 0; font-size: 34px; text-transform: uppercase; letter-spacing: 6px; } @media (min-width: 768px) { .top__h1 { font-size: 40px; } } @media (min-width: 960px) { .top__h1 { font-size: 60px; } } @media (min-width: 1170px) { .top { padding: 50px 0 60px; } .top__h1 { font-size: 66px; } } .single-post .top__h1 { letter-spacing: 3px; font-size: 26px; } @media (min-width: 768px) { .single-post .top__h1 { font-size: 30px; } } @media (min-width: 960px) { .single-post .top__h1 { font-size: 40px; } } @media (min-width: 1170px) { .single-post .top__h1 { font-size: 50px; } } .prehled-akci { background-color: var(--lightbg); } .prehled-akci__in { padding: 40px 0; } @media (min-width: 1170px) { .prehled-akci__in { padding: 50px 0; } } /* FILTR */ .filtr { margin-bottom: 60px; } .filtr__item { margin: 5px 0; } input.filtr__input,.filtr__select { width: 100%; -webkit-appearance: none; } input.filtr__input,.filtr__select { background-color: #d2e7e2; border-radius: 500px; border: 0 } input.filtr__input,.filtr__select { color: var(--main); text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } input.filtr__input, .filtr__select { font-size: 14px; padding: 11px 16px 12px 16px; } .filtr input[type=submit] { font-size: 14px; padding: 11px 16px 12px 16px; } input.filtr__input { border: 1px solid var(--main); background-color: transparent;; } input.filtr__input:hover, .filtr__item:hover .filtr__select { background: white; } ::-webkit-input-placeholder { color: var(--main) !important } ::placeholder-shown { color: var(--main) !important } .filtr__select { padding-right: 60px; } .filtr__select { cursor: pointer; } .form__item--select { position: relative; } .form__item--select:after { content: ''; display: block; width: 10px; height: 10px; background: url(img/down-green.svg) center center / contain no-repeat; } .form__item--select:after { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); z-index: 1; } .filtr__item--submit { text-align: left; } @media (min-width: 768px) { .filtr { margin-bottom: 80px; text-align: center; } .filtr__item { display: block; margin: 0 auto; width: 100%; max-width: 500px; } } @media (min-width: 960px) { .top__filtr { padding: 20px 0; } } /* db 88 a8P ,ad8888ba, 88888888888 88888888ba, 88888888888 888888888888 db 88 88 d88b 88 ,88' d8"' `"8b 88 88 `"8b 88 88 d88b 88 88 d8'`8b 88 ,88" d8' 88 88 `8b 88 88 d8'`8b 88 88 d8' `8b 88,d88' 88 88aaaaa 88 88 88aaaaa 88 d8' `8b 88 88 d8YaaaaY8b 8888"88, 88 88""""" 88 88 88""""" 88 d8YaaaaY8b 88 88 d8""""""""8b 88P Y8b Y8, 88 88 8P 88 88 d8""""""""8b 88 88 d8' `8b 88 "88, Y8a. .a8P 88 88 .a8P 88 88 d8' `8b 88 88 d8' `8b 88 Y8b `"Y8888Y"' 88888888888 88888888Y"' 88888888888 88 d8' `8b 88 88888888888 */ .akce-top { border-top: 1px solid #ececec; } .akce-top__in { padding: 35px 0; } .akce-top__datum { margin-bottom: 20px; padding: 0 0 0 20px; } .akce-top__datum { border-left: 1px solid var(--main) } .akce-top__datum__den { font-weight: bold; font-size: 18px; line-height: 1; text-transform: lowercase; } .akce-top__datum__data { margin-bottom: 4px; font-weight: bold; font-size: 30px; line-height: 1.2; } .akce-top__datum__cas { font-size: 14px; line-height: 1; } .akce-top__probehlo { color: grey; font-size: 22px; font-weight: bold; letter-spacing: 1px; margin: -5px 0 15px; } .akce-top__presunuto-zruseno { margin-bottom: 20px; } .akce-top__presunuto-zruseno { color: #ff6969; letter-spacing: 2px; font-size: 24px; font-weight: bold; } .akce-top__img { padding-bottom: 56%; background-position: center; background-repeat: no-repeat; background-size: cover; } .akce-top__img { width: 112%; margin-bottom: 15px; } .akce-top__nazev { margin-bottom: 8px; font-weight: bold; } .akce-top__typ { margin: 10px auto; text-transform: uppercase; font-weight: bold; color: var(--main); letter-spacing: 2px; } .akce-top__typ span { margin-right: 8px; } .akce-top__tlacitko { margin-top: 30px; left: -3px; position: relative; } @media (min-width: 768px) { .akce-top__img { width: 105%; } } @media (min-width: 960px) { .akce-top { position: relative; } .akce-top__in { padding: 40px 50% 40px 0; } .akce-top__datum { margin-bottom: 50px; padding-left: 30px } .akce-top__img { position: absolute; top: 0; left: 50%; z-index: 1; width: 50%; height: 100%; z-index: 1; } .akce-top__img { margin: 0; padding: 0; } .akce-top__nazev { margin-bottom: 20px; font-size: 40px; } .akce-top__typ { margin-bottom: 16px; } .akce-top__tlacitko { margin-top: 40px; } } @media (min-width: 1170px) { .akce-top { } .akce-top__in { padding: 60px 50% 60px 0; } .akce-top__datum { } .akce-top__datum__data { margin-bottom: 7px; font-size: 45px; line-height: 1.2; } .akce-top__datum__den { font-size: 20px; } .akce-top__datum__cas { font-size: 16px; } .akce-top__nazev { font-size: 50px; } .akce-top__typ { margin-bottom: 20px; } .akce-top__tlacitko { margin-top: 50px; } } @media (min-width: 1300px) { .akce-top { } .akce-top__in { padding-right: 0; } .akce-top__in > * { max-width: 550px; } .akce-top__in > .akce-top__img { max-width: none; } .akce-top__nazev { font-size: 55px; } } .akce-intro { background-color: var(--lightbg); } .akce-intro__in { padding: 40px 0; } .akce-intro-col { margin-bottom: 30px; } .akce-intro-col { font-size: 17px; } .akce-intro-col__nadpis { margin-bottom: 5px; } .akce-intro-col a { color: var(--main); text-decoration: none; } .akce-intro-col a:hover { color: #000; } @media (min-width: 960px) { .akce-intro__in { padding: 60px 0; } .akce-intro__cols { display: flex; justify-content: flex-start; align-items: flex-start; } .akce-intro-col--1 { width: 50%; margin: 0; padding-right: 50px; font-size: 20px; } .akce-intro-col--2 { width: 25%; margin: 0; padding-right: 30px; } .akce-intro-col--3 { width: 25%; margin: 0; } } @media (min-width: 1170px) { .akce-intro__in { padding: 80px 0; } .akce-intro-col { font-size: 18px; } .akce-intro-col--1 { padding-right: 80px; font-size: 18px; } } .akce-detail__tlacitko { left: -3px; position: relative; } .akce-detail__tlacitko__in { padding: 40px 0; } @media (min-width: 960px) { .akce-detail__tlacitko__in { padding: 65px 0 0; } } .zalozky-navigace-wrapper { margin-bottom: 40px; border-bottom: 1px solid var(--main); } .zalozky-navigace-wrapper__in { padding: 10px 0; } .zalozky-navigace { margin: 0; list-style: none; } .zalozky-navigace__item { display: inline-block; margin: 10px 20px 10px 0; } .zalozky-navigace__item a { display: block; padding: 5px 0 5px; color: #a8a8a8; text-decoration: none; font-size: 14px; font-weight: 400; transition: color .25s ease-in-out; } .zalozky-navigace__item--aktivni a { color: var(--main); } .zalozky-navigace__item a:hover { color: black; } .zalozky-obsahy { background-color: #fff; } .zalozky-obsahy__obsah { display: none; margin: auto; } .zalozky-obsahy__obsah:first-child { display: block; } .zalozky-obsahy li { list-style: "\00B7"; padding-left: 15px !important; } .zalozky-obsahy li::marker { font-size: 15px; color: var(--main); } @media (min-width: 960px) { .zalozky-navigace__item { margin: 20px 40px 20px 0; } .zalozky-navigace__item a { font-size: 18px; } .zalozky-obsahy { max-width: 700px; padding-top: 20px; font-size: 18px; } } /* db 88 a8P 888888888888 88 88 db 88 88 888888888888 8b d8 d88b 88 ,88' 88 88 88 d88b 88 88 88 Y8, ,8P d8'`8b 88 ,88" 88 88 88 d8'`8b 88 88 88 Y8, ,8P d8' `8b 88,d88' 88 88 88 d8' `8b 88 88 88 "8aa8" d8YaaaaY8b 8888"88, 88 88 88 d8YaaaaY8b 88 88 88 `88' d8""""""""8b 88P Y8b 88 88 88 d8""""""""8b 88 88 88 88 d8' `8b 88 "88, 88 Y8a. .a8P d8' `8b 88 88 88 88 d8' `8b 88 Y8b 88 `"Y8888Y"' d8' `8b 88888888888 88 88 88 */ .aktuality { background-color: var(--lightbg); } .aktuality__in { padding: 40px 0; } @media (min-width: 768px) { .aktuality__in { padding: 50px 0; } } .aktualita-item { margin-bottom: 60px; } .aktualita-item__link { display: block; text-decoration: none; } .aktualita-item__datum { margin-bottom: 20px; padding: 0 0 0 20px; } .aktualita-item__datum { border-left: 1px solid var(--main) } .aktualita-item__datum__data { font-weight: bold; font-size: 30px; line-height: 1.5; } .aktualita-item__datum__rok { font-size: 12px; line-height: 1; } .aktualita-item__img { padding-bottom: 56%; background-position: center; background-repeat: no-repeat; background-size: cover; } .aktualita-item__img { margin-bottom: 15px; } .aktualita-item__nazev { margin-bottom: 8px; font-weight: bold; } @media (min-width: 960px) { .aktualita-item { margin-bottom: 30px; } .aktualita-item__link { display: flex; justify-content: flex-start; align-items: stretch; } .aktualita-item__datum { order: 1; width: 20%; margin: 0; } .aktualita-item__img { order: 3; width: 30%; margin: 0; padding: 0; height: auto; min-height: 140px } .aktualita-item__info { order: 2; width: 50%; } .aktualita-item__link:hover { background: white; } .aktualita-item__datum { display: flex; flex-direction: column; justify-content: center; } .aktualita-item__datum { padding: 30px; } .aktualita-item__datum { border-left: 0; border-right: 1px solid var(--main); } .aktualita-item__info { align-self: center; padding: 20px 60px 20px 60px; } } @media (min-width: 1170px) { .aktualita-item { margin-bottom: 35px; } .aktualita-item__datum { padding-left: 80px; } .aktualita-item__datum__data { font-size: 36px; } .aktualita-item__datum__rok { font-size: 16px; } .aktualita-item__info { padding-right: 120px; padding-left: 80px; } .aktualita-item__nazev { font-size: 24px; } } @media (min-width: 1300px) { .aktualita-item__datum { width: 24%; } .aktualita-item__img { width: 27%; } .aktualita-item__info { width: 49%; } } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 db d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 d88b d8' `8b 88 ,8P 88 d8' 88 `8b 88 d8'`8b 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 d8' `8b 88 88 88""""""8b, 88""""" 88 88 `8b 88 d8YaaaaY8b Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 d8""""""""8b Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 d8' `8b `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 d8' `8b */ .stranka { background: var(--lightbg); } .stranka__in { max-width: 900px; padding: 70px 0px 40px; } .stranka a:hover { color: var(--main); } .stranka a.tlacitko:hover { color: white;} @media (min-width: 768px) { .stranka__in { padding: 80px 0px 50px; } } @media (min-width: 1170px) { .stranka__in { padding: 90px 0px 60px; } } /* ,ad8888ba, 88 88 88 88888888888 88888888ba, 888b 88 88 88 888888888888 88 d8"' `"8b 88 88 88 88 88 `"8b 8888b 88 88 88 88 88 d8' `8b 88 88 88 88 88 `8b 88 `8b 88 88 88 88 88 88 88 88aaaaaaaa88 88 88aaaaa 88 88 88 `8b 88 88 88 88 88 88 88 88""""""""88 88 88""""" 88 88 88 `8b 88 88 88 88 88 Y8, ,8P 88 88 88 88 88 8P 88 `8b 88 88 88 88 88 Y8a. .a8P 88 88 88 88 88 .a8P 88 `8888 Y8a. .a8P 88 88 `"Y8888Y"' 88 88 88888888888 88888888888 88888888Y"' 88 `888 `"Y8888Y"' 88 88 */ .prehled-galerie { background-color: var(--lightbg); } .prehled-galerie__in { padding: 40px 0; } @media (min-width: 768px) { .prehled-galerie__in { padding: 50px 0; } } .galerie-item { margin-bottom: 60px; } .galerie-item__link { display: block; text-decoration: none; } .galerie-item__datum { margin-bottom: 20px; padding: 0 0 0 20px; } .galerie-item__datum { border-left: 1px solid var(--main) } .galerie-item__datum__data { font-weight: bold; font-size: 30px; line-height: 1.5; } .galerie-item__datum__rok { font-size: 12px; line-height: 1; } .galerie-item__img { padding-bottom: 56%; background-position: center; background-repeat: no-repeat; background-size: cover; } .galerie-item__img { margin-bottom: 15px; } .galerie-item__nazev { margin-bottom: 8px; font-weight: bold; } @media (min-width: 960px) { .galerie-item { margin-bottom: 30px; } .galerie-item__link { display: flex; justify-content: flex-start; align-items: stretch; } .galerie-item__datum { width: 25%; margin: 0; } .galerie-item__img { width: 30%; margin: 0; padding: 0; height: auto; min-height: 140px } .galerie-item__info { width: 45%; } .galerie-item__link:hover { background: white; } .galerie-item__datum { display: flex; flex-direction: column; justify-content: center; } .galerie-item__datum { padding: 30px; } .galerie-item__info { align-self: center; padding: 20px 20px 25px 90px; } } @media (min-width: 1170px) { .galerie-item { margin-bottom: 35px; } .galerie-item__datum { padding: 20px 20px 20px 50px; } .galerie-item__datum__data { font-size: 36px; } .galerie-item__datum__rok { font-size: 16px; } .galerie-item__info { padding-left: 120px; } .galerie-item__nazev { font-size: 30px; } } @media (min-width: 1300px) { .galerie-item__datum { width: 24%; } .galerie-item__img { width: 27%; } .galerie-item__info { width: 49%; } } /* DETAIL */ body.single-galerie .footer { margin-top: 0 !important; } .galerie-top { border-top: 1px solid #ececec; background: white; } .galerie-top__in { padding: 35px 0 45px; } .galerie-top__kdy { margin-bottom: 20px; padding: 0 0 0 20px; } .galerie-top__kdy { border-left: 1px solid var(--main); font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .galerie-top__kdy { font-size: 24px; } .galerie-top__img { padding-bottom: 56%; background-position: center; background-repeat: no-repeat; background-size: cover; } .galerie-top__img { width: 105%; margin-bottom: 15px; } .galerie-top__nazev { margin-bottom: 8px; font-weight: bold; } @media (min-width: 768px) { .galerie-top__img { width: 102%; } } @media (min-width: 960px) { .galerie-top { position: relative; } .galerie-top__in { padding: 40px 50% 45px 0; } .galerie-top__in { min-height: 450px; display: flex; flex-flow: column; justify-content: space-between; } .galerie-top__kdy { margin-bottom: 50px; padding-left: 30px } .galerie-top__img { position: absolute; top: 0; left: 50%; z-index: 1; width: 50%; height: 100%; z-index: 1; } .galerie-top__img { margin: 0; padding: 0; } .galerie-top__nazev { margin-bottom: 20px; font-size: 40px; } } @media (min-width: 960px) { .galerie-top__in { padding-bottom: 85px; } } @media (min-width: 1170px) { .galerie-top__in { min-height: 500px; padding: 90px 50% 85px 0; } .galerie-top__kdy { margin-bottom: 70px; font-size: 30px; } .galerie-top__nazev { margin-bottom: 30px; font-size: 50px; } } @media (min-width: 1300px) { .galerie-top__in { padding-right: 0; } .galerie-top__in > * { max-width: 550px; } .galerie-top__in > .galerie-top__img { max-width: none; } .galerie-top__nazev { font-size: 55px; } } .galerie-intro { border-top: 1px solid var(--main); } .galerie-intro__in { padding: 40px 0 ; } @media (min-width: 960px) { .galerie-intro__in { padding: 60px 30px 60px 0; font-size: 22px; } .galerie-intro__content { max-width: 470px; } } @media (min-width: 1170px) { .galerie-intro__in { padding: 80px 35px 80px 0; font-size: 24px; } .galerie-intro__content { font-size: 18px; } } .galerie-galerie { background-color: var(--lightbg); } .galerie-galerie:last-child { border-bottom: 1px solid #d1e1de; } .galerie-galerie__in { padding: 40px 0 ; } @media (min-width: 960px) { .galerie-galerie__in { padding: 60px 30px; font-size: 22px; } } @media (min-width: 1170px) { .galerie-galerie__in { padding: 80px 35px; font-size: 24px; } } .galerie-souvisejici-akce { padding: 40px 0; } .galerie-souvisejici-akce__h2 { margin-bottom: 30px; } .galerie-souvisejici-akce .akce-item__link:hover { background: white; } @media (min-width: 960px) { .galerie-souvisejici-akce { padding: 60px 0; } } @media (min-width: 1170px) { .galerie-souvisejici-akce { padding: 60px 0 100px; } } /* ,ad8888ba, 888b 88 db ad88888ba d8"' `"8b 8888b 88 d88b d8" "8b d8' `8b 88 `8b 88 d8'`8b Y8, 88 88 88 `8b 88 d8' `8b `Y8aaaaa, 88 88 88 `8b 88 d8YaaaaY8b `"""""8b, Y8, ,8P 88 `8b 88 d8""""""""8b `8b Y8a. .a8P 88 `8888 d8' `8b Y8a a8P `"Y8888Y"' 88 `888 d8' `8b "Y88888P" */ .page-template-page-o-nas .stranka__in { max-width: 1170px; } .onas-navigace { margin: 0 auto 40px; width: 90%; text-align: center; } .onas-navigace a { display: inline-block; margin: 4px 10px; color: var(--main); font-size: 16px; text-decoration: none; } .onas-navigace a:hover { text-decoration: underline; } .onas-navigace a.active { text-decoration: underline; } @media (min-width: 1170px) { .onas-navigace { margin-bottom: 60px; } .onas-navigace a { margin: 5px 20px; font-size: 18px; } } .profily__nadpis { display: none; } .profily { display: flex; flex-flow: wrap; gap: 60px 80px; } .profil { background: transparent; margin-bottom: 0; width: 100%; padding-left: 30px; border-left: 1px solid var(--main); } .profil__foto { display: none; } .profil__info { padding: 0; width: 100%; background-color: transparent; } .profil__info a:hover { color: black; } .profil__info a { color: var(--main); text-decoration: none !important; } .profil__jmeno { margin-bottom: 15px; color: #000; line-height: 1.1; font-size: 24px; } .profil__pozice { text-transform: uppercase; font-weight: bold; letter-spacing: 2px; color: black; font-size: 13px; } .profil__telefon { margin: 0; } .profil__telefon a { text-decoration: none; } .profil__email { margin: 0; } .profily__nadpis { text-align: center; } .profil__foto { display: block; margin: 0 auto; width: 100%; height: auto; } @media (min-width: 768px) { .profil { display: flex; justify-content: flex-start; align-items: stretch; } .profil { width: calc((100% - 80px) / 2); } } @media (min-width: 960px) { .profil { padding-left: 40px; } .profil__info { font-size: 16px; } } @media (min-width: 1170px) { .profily { gap: 90px 80px; } .profil { width: calc((100% - 160px) / 3); } } /* 88888888ba, ,ad8888ba, 88 a8P 88 88 88b d88 88888888888 888b 88 888888888888 8b d8 88 `"8b d8"' `"8b 88 ,88' 88 88 888b d888 88 8888b 88 88 Y8, ,8P 88 `8b d8' `8b 88 ,88" 88 88 88`8b d8'88 88 88 `8b 88 88 Y8, ,8P 88 88 88 88 88,d88' 88 88 88 `8b d8' 88 88aaaaa 88 `8b 88 88 "8aa8" 88 88 88 88 8888"88, 88 88 88 `8b d8' 88 88""""" 88 `8b 88 88 `88' 88 8P Y8, ,8P 88P Y8b 88 88 88 `8b d8' 88 88 88 `8b 88 88 88 88 .a8P Y8a. .a8P 88 "88, Y8a. .a8P 88 `888' 88 88 88 `8888 88 88 88888888Y"' `"Y8888Y"' 88 Y8b `"Y8888Y"' 88 `8' 88 88888888888 88 `888 88 88 */ .dokumenty { background: white; padding: 50px 30px; margin: 0 -10px; } .dokumenty ul { list-style: none; } .dokumenty ul li { margin-left: 0; padding: 5px 10px 5px 1px; } .dokumenty li::marker { content: unset; } .dokumenty li a { text-decoration: none; color: var(--main); padding-left: 31px; transition: unset; display: block; } .dokumenty li a:before { content: ""; background: url(img/dokument-kino.svg) no-repeat; background-size: contain; width: 18px; height: 22px; position: absolute; margin-left: -30px; margin-top: 3px; } .dokumenty li a:hover { color: black; } .dokumenty li a:hover:before { filter: grayscale(1) brightness(0); } @media (min-width: 960px) { .dokumenty { padding: 80px; } } .povinne-informace { background: white; padding: 50px 30px; margin: 0 -10px; } @media (min-width: 960px) { .povinne-informace { padding: 80px; } } /* 88888888ba 88 ,ad8888ba, 88 a8P ,ad8888ba, 8b d8 8b d8 8b d8 8b d8 88888888ba 88 "8b 88 d8"' `"8b 88 ,88' d8"' `"8b `8b d8' Y8, ,8P `8b d8' Y8, ,8P 88 "8b 88 ,8P 88 d8' `8b 88 ,88" d8' `8b `8b d8' Y8, ,8P `8b d8' Y8, ,8P 88 ,8P 88aaaaaa8P' 88 88 88 88,d88' 88 88 `8b d8' "8aa8" `8b d8' "8aa8" 88aaaaaa8P' 88""""""8b, 88 88 88 8888"88, 88 88 `8b d8' `88' `8b d8' `88' 88""""""' 88 `8b 88 Y8, ,8P 88P Y8b Y8, ,8P `8b d8' 88 `8b d8' 88 88 88 a8P 88 Y8a. .a8P 88 "88, Y8a. .a8P `888' 88 `888' 88 88 888 88888888P" 88888888888 `"Y8888Y"' 88 Y8b `"Y8888Y"' `8' 88 `8' 88 88 888*/ .blokovy-vypis { background-color: var(--lightbg); } .blokovy-vypis__in { padding: 70px 0px 40px; } @media (min-width: 768px) { .blokovy-vypis__in { padding: 80px 0px 50px; } } @media (min-width: 1170px) { .blokovy-vypis__in { padding: 90px 0px 60px; } } .blok-item { margin-bottom: 65px; } .blok-item__img { display: block; } .blok-item__img { margin-bottom: 15px; } .blok-item__nadpis { margin-bottom: 15px; } .blok-item__podnadpis { font-weight: 600; color: var(--main); } .blok-item__kratky-text { margin-bottom: 20px; } @media (min-width: 960px) { .blok-item { margin-bottom: 100px; display: flex; justify-content: space-between; align-items: center; } .blok-item__img { width: auto; width: auto; max-width: 50%; max-height: 550px; margin: auto; } .page-id-334 .blok-item__img { height: 550px; object-fit: cover; } .blok-item__content { width: 50%; } .blok-item:nth-child(odd) .blok-item__img { order: 2 } .blok-item:nth-child(odd) .blok-item__content { order: 1; padding-right: 100px; } .blok-item:nth-child(even) .blok-item__content { padding-left: 100px; } } @media (min-width: 1170px) { .blok-item { margin-bottom: 115px; } .blok-item:nth-child(odd) .blok-item__content { padding-right: 160px; } .blok-item:nth-child(even) .blok-item__content { padding-left: 160px; } .blok-item__podnadpis { font-size: 20px; } } .progzalozka {} .progzalozka__misto { margin-bottom: 80px; } .progzalozka__misto__nadpis { margin-bottom: 20px; } .progzalozka__seznam-akci { } .progzalozka__akce { margin-bottom: 30px; } .progzalozka__akce__datum-a-cas { margin-bottom: 0; } .progzalozka__akce__datum-a-cas span { display: inline-block; } .progzalozka__akce__datum { margin-right: 30px; font-weight: bold; } .progzalozka__akce__nazev { margin-bottom: 6px; font-weight: bold; line-height: 1.1; } .progzalozka__akce__popis { margin-bottom: 8px; line-height: 1.3; } .progzalozka__akce__misto { margin-bottom: 4px; font-style: italic; } .progzalozka__akce__cena { margin-bottom: 4px; font-style: italic; } .progzalozka__akce__vice { } .progzalozka__akce__popis, .progzalozka__akce__misto, .progzalozka__akce__cena, .progzalozka__akce__vice { font-size: 16px; line-height: 1.1; } .progzalozka__akce__vice a { opacity: 0.5; margin-top: 4px; display: inline-block; } .progzalozka__doplnkove-info hr {height: 3px; background: black;} /* 88 a8P ,ad8888ba, 888b 88 888888888888 db 88 a8P 888888888888 88 ,88' d8"' `"8b 8888b 88 88 d88b 88 ,88' 88 88 ,88" d8' `8b 88 `8b 88 88 d8'`8b 88 ,88" 88 88,d88' 88 88 88 `8b 88 88 d8' `8b 88,d88' 88 8888"88, 88 88 88 `8b 88 88 d8YaaaaY8b 8888"88, 88 88P Y8b Y8, ,8P 88 `8b 88 88 d8""""""""8b 88P Y8b 88 88 "88, Y8a. .a8P 88 `8888 88 d8' `8b 88 "88, 88 88 Y8b `"Y8888Y"' 88 `888 88 d8' `8b 88 Y8b 88 */ /* tohle pouzivaji vsude mozne po webu, uz z drivejska!!! */ .kontakty-sloupec--left { margin-bottom: 30px; } @media (min-width: 960px) { .kontakty-sloupce{ display: flex; justify-content: space-between; } .kontakty-sloupec--left { width: 45%; margin-bottom: 0; } .kontakty-sloupec--right { width: 45%; } } .dolni-tlacitko { text-align: center; } .kontakt-hlavni { border-top: 1px solid #ececec; } .kontakt-hlavni__in {} .kontakt-hlavni__foto { padding-bottom: 60%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .kontakt-hlavni__content { padding: 50px 0; } .kontakt-hlavni-col { margin-bottom: 40px; } .kontakt-hlavni-col__nadpis { margin-bottom: 8px; text-transform: uppercase; } .kontakt-hlavni-col__nadpis { font-size: 15px; letter-spacing: 1.5px; } @media (min-width: 600px) { .kontakt-hlavni__grid { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .kontakt-hlavni-col { width: 48%; } .kontakt-hlavni-col--1 { width: 100%; } } @media (min-width: 960px) { .kontakt-hlavni-col--3 { margin-bottom: 0; } } @media (min-width: 1170px) { .kontakt-hlavni { position: relative; } .kontakt-hlavni__foto { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; padding-bottom: 0; z-index: 1; } .kontakt-hlavni__content { width: 50%; padding: 80px 0; } .kontakt-hlavni__grid { } .kontakt-hlavni-col--1 { margin-bottom: 90px; } .kontakt-hlavni-col--1, .kontakt-hlavni-col--3 { padding-right: 20px; } .kontakt-hlavni-col--2, .kontakt-hlavni-col--3 { margin-bottom: 0; } } .podrobne-kontakty { background-color: var(--lightbg); } .podrobne-kontakty__in { padding: 60px 0; } .podrobny-kontakt { margin-bottom: 30px; } .podrobny-kontakt__nadpis { margin-bottom: 8px; text-transform: uppercase; } .podrobny-kontakt__nadpis { font-size: 15px; letter-spacing: 1.5px; } .podrobny-kontakt a { color: var(--main); text-decoration: none; } .podrobny-kontakt a:hover { color: #000; text-decoration: none; } .podrobne-kontakty__tlacitko { margin-top: 40px; margin-bottom: 10px !important; } @media (min-width: 600px) { .podrobne-kontakty__grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 60px 30px } .podrobny-kontakt { margin: 0; } } @media (min-width: 768px) { .podrobne-kontakty__grid { grid-template-columns: repeat(3, 1fr); grid-gap: 40px } } @media (min-width: 960px) { .podrobne-kontakty__grid { grid-template-columns: repeat(4, 1fr); grid-gap: 70px 40px; } } @media (min-width: 1170px) { .podrobne-kontakty__grid { grid-gap: 70px 40px; } .podrobne-kontakty__tlacitko { margin-top: 80px; } } .kontakt-formular__in { padding: 40px 0; } @media (min-width: 768px) { .kontakt-formular__in { padding: 60px 0; } } @media (min-width: 1170px) { .kontakt-formular__in { padding: 70px 0; } } .grecaptcha-badge { visibility: hidden; } .page-template-page-kontakt footer { border-top: 1px solid var(--main); } /* 88888888ba ,ad8888ba, 88888888ba 88 88 88888888ba 8b d8 88 "8b d8"' `"8b 88 "8b 88 88 88 "8b Y8, ,8P 88 ,8P d8' `8b 88 ,8P 88 88 88 ,8P Y8, ,8P 88aaaaaa8P' 88 88 88aaaaaa8P' 88 88 88aaaaaa8P' "8aa8" 88""""""' 88 88 88""""""' 88 88 88""""""' `88' 88 Y8, ,8P 88 88 88 88 88 88 Y8a. .a8P 88 Y8a. .a8P 88 88 88 `"Y8888Y"' 88 `"Y8888Y"' 88 88 */ .newsletter-popup__in { max-width: 650px; } .oteviraci-doba-popup__in { max-width: 500px; } @media (min-width: 768px) { .oteviraci-doba-popup__in { min-width: 350px } } /* Novinky e-mailem */ .ec-forms-chck-lbl-text { color: black !important; } .newsletter-popup * { font-family: inherit !important; } .newsletter-popup .ec-v-form-submit button { background: var(--main) !important; border-radius: 30px; letter-spacing: 1px; padding: 8px 20px 11px !important; } .newsletter-popup .ec-v-form-submit button:hover { background: black !important; } .filtr__select, .akce-item__img, .tlacitko, .expozice-item__img, .header-main, .desktop-logo img, .predplatne-item, .vystava-item, .vystava-item__link, .galerie-item__link, .aktualita-item__link, svg path, svg circle, svg polyline, input { transition: 250ms; }