/* Theme Name: Bezkyne.com Theme URI: Author: Marek Klusák Author URI: Description: Wordpress šablona Version: 1.0 License: GNU General Public License License URI: Tags: */ @font-face { font-family: 'GlobeGrotesk'; src: url('fonts/globe/GlobeGroteskDisplay-Regular.woff') format('woff'); font-display: optional; } @font-face { font-family: 'GlobeGrotesk'; src: url('fonts/globe/GlobeGroteskDisplay-Bold.woff') format('woff'); font-weight: bold; font-display: optional; } @font-face { font-family: 'GlobeGrotesk'; src: url('fonts/globe/GlobeGroteskDisplay-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; font-display: optional; } @font-face { font-family: 'GlobeGrotesk'; src: url('fonts/globe/GlobeGroteskDisplay-Italic.woff') format('woff'); font-style: italic; font-display: optional; } 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;} /******************************************************************************/ *,*:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } :not(.df) > *:last-child { margin-bottom: 0; } html { --oranzova: #F29100; --svoranzova: #FEF4E5; --seda: #666666; --svseda: #F5F5F5; } body { line-height: 1.25; color: #000; font-family: 'GlobeGrotesk', 'Arial', sans-serif; font-size: 16px; margin:0; padding: 0; background: #fff; min-height: 100vh; } @media (min-width: 1170px) { body { font-size: 17px; } } p { margin: 0 0 20px; } a { text-decoration: underline; color: #000; text-decoration-skip: ink; transition: all .25s ease-in-out; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } .button { display: inline-block; margin: 4px; padding: 8px 15px; } .button { font-size: 14px; line-height: 1.5; text-decoration: none; font-weight: 700; text-transform: uppercase; } .button { transition: all .25s ease-in-out; } .button { border-radius: 500px; border: 2px solid transparent; } @media (min-width: 768px) { .button { padding: 8px 25px; font-size: 16px; } } @media (min-width: 1200px) { .button { font-size: 18px; } } .button, .button--1 { color: #fff; background-color: var(--oranzova); border-color: var(--oranzova); } .button:hover,.button--1:hover { color: var(--oranzova); background-color: #fff; } .button--2 { color: #fff; background-color: var(--seda); border-color: var(--seda); } .button--2:hover { color: var(--seda); background-color: #fff; } .button--m0 { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-weight: 700; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5, h6 { font-size: 16px; } @media (min-width: 768px) { h1 { font-size: 30px; } h2 { font-size: 30px; } h3 { font-size: 25px; } h4 { font-size: 22px; } h5, h6 { font-size: 18px; } } h1.nadpis, h2.nadpis { text-align: center; } ul, ol { margin: 0 0 20px; } li { margin: 15px 4px 15px 35px } hr { clear: both; border: 0; height: 1px; background: silver; width: 100%; margin: 0 0 20px; } blockquote { margin: 1.5em 0; font-size: 18px; font-style: italic; color: #ababab; } blockquote p { margin: 0 0 1.5em; } blockquote *:last-child { margin: 0; } table { margin: 0 0 1.5em; border: 0; } td, th { padding: 5px; border: 0; text-align: left; vertical-align: middle; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea, select { width: 100%; height: 40px; margin: 0; padding: 5px 10px; font-size: inherit; font-family: 'GlobeGrotesk', Arial, sans-serif; color: #000; background: #fff; border: 2px solid var(--oranzova); border-radius: 5px; } textarea { height: 125px; padding: 5px 10px; } select { width: auto; } select option:disabled { font-style: italic; color: silver; } input[type=submit], button { width: auto; white-space: normal; cursor: pointer; -webkit-appearance: none; } input[type=submit]:hover { } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: gray; font-size: 15px; font-family: 'GlobeGrotesk', sans-serif; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: gray; opacity: 1; font-size: 15px; font-family: 'GlobeGrotesk', sans-serif; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: gray; opacity: 1; font-size: 15px; font-family: 'GlobeGrotesk', sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: gray; font-size: 15px; font-family: 'GlobeGrotesk', sans-serif; } :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: gray; font-size: 15px; font-family: 'GlobeGrotesk', sans-serif; } /* =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; } .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%; } #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 */ .embed-media { margin-bottom: 30px; } .clear { clear: both } .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: " "; display: table; } .clearfix:after, .cf:after { clear: both; } .center, .c { text-align: center; } /* Struktura -------------------------------------------------------------- */ .web { width: 100%; position: relative; overflow: hidden; } .web { display: flex; flex-direction: column; height: 100%; min-height: 100vh; } .header { width: 100%; } .main { width: 100%; flex: 1 0 auto; } .footer { width: 100%; } .in, .inw { max-width: 1170px; margin: auto; padding: 0 10px; } @media (min-width: 768px) { .in, .inw { width: 96%; padding: 0; } } .pad0 { padding-top: 0; padding-bottom: 0; } .pad30 { padding-top: 30px; padding-bottom: 30px; } .pad50 { padding-top: 50px; padding-bottom: 50px; } .page-header, .top-nadpis { background: var(--oranzova); } .page-header__in, .top-nadpis__in { padding: 15px; } .page-header__h1, .top-nadpis h1 { margin: 0; text-align: center; color: #fff; text-transform: uppercase; } .page-content {} .page-content__in { min-height: 500px; padding: 20px; } @media (min-width: 768px) { .page-content__in { padding: 40px 0; } } @media (min-width: 960px) { .page-header__in, .top-nadpis__in { padding: 20px 0; } .page-header__h1, .top-nadpis h1 { font-size: 34px; } } /* 88 88 88888888888 db 88888888ba, 88888888888 88888888ba 88 88 88 d88b 88 `"8b 88 88 "8b 88 88 88 d8'`8b 88 `8b 88 88 ,8P 88aaaaaaaa88 88aaaaa d8' `8b 88 88 88aaaaa 88aaaaaa8P' 88""""""""88 88""""" d8YaaaaY8b 88 88 88""""" 88""""88' 88 88 88 d8""""""""8b 88 8P 88 88 `8b 88 88 88 d8' `8b 88 .a8P 88 88 `8b 88 88 88888888888 d8' `8b 88888888Y"' 88888888888 88 `8b */ .header { width: 100%; z-index: 250; background: #fff; transition: box-shadow .3s linear; } .header.fh { position: fixed; top: 0; left: 0; right: 0; width: auto; box-shadow: silver 0 5px 5px;} .header__in { position: relative; } .header__in { padding: 10px; width: 100%; max-width: 1170px; } .header__in { display: flex; justify-content: space-between; align-items: center; } .header__logo { display: block; width: 220px; } .header__logo img { display: block; margin: 0; padding: 0; } .header__text-logo { text-decoration: none; color: var(--oranzova); font-weight: bold; font-size: 22px; text-transform: uppercase; } @media (min-width: 768px) { .header__in { padding: 20px; } .header__logo { width: 300px; margin: 0; } } @media (min-width: 1170px) { .header__logo { width: 400px; } .header__text-logo { font-size: 30px; } } @media (min-width: 1250px) { .header__in { padding: 20px 0; } } .menu-toggle { display: block; width: 28px; height: 30px; } .menu-toggle span:after, .menu-toggle span:before { content: ""; position: absolute; left: 0; top: -9px; } .menu-toggle span:after{ top: 9px;} .menu-toggle span { position: relative; top: 12px; display: block;} .menu-toggle span, .menu-toggle span:after, .menu-toggle span:before { width: 100%; height: 5px; background-color: var(--oranzova); 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(7px, -8px); } @media (min-width: 768px) { } /* 888b 88 db 8b d8 88 ,ad8888ba, db ,ad8888ba, 88888888888 8888b 88 d88b `8b d8' 88 d8"' `"8b d88b d8"' `"8b 88 88 `8b 88 d8'`8b `8b d8' 88 d8' d8'`8b d8' 88 88 `8b 88 d8' `8b `8b d8' 88 88 d8' `8b 88 88aaaaa 88 `8b 88 d8YaaaaY8b `8b d8' 88 88 88888 d8YaaaaY8b 88 88""""" 88 `8b 88 d8""""""""8b `8b d8' 88 Y8, 88 d8""""""""8b Y8, 88 88 `8888 d8' `8b `888' 88 Y8a. .a88 d8' `8b Y8a. .a8P 88 88 `888 d8' `8b `8' 88 `"Y88888P" d8' `8b `"Y8888Y"' 88888888888 */ .navigace { clear: both; } .navigace ul { list-style: none; margin: 0; padding: 0; } .navigace ul > li > a { display: block; text-decoration: none; font-size: 15px; text-align: center; background: #fff; color: var(--seda); font-weight: bold; text-transform: uppercase; } @media ( max-width: 1049px ) { .navigace { display: none; } .navigace { position: absolute; top: 100%; left: 0; z-index: 100; width: 100%; } .navigace { background-color: #fff; box-shadow: silver 0 5px 5px; } .navigace > ul { padding: 10px 0; } .navigace ul > li { margin: 0 0 1px 0; padding: 0; } .navigace ul > li > a { padding: 8px; } .navigace .menu > li > a > span { } } @media (min-width: 600px) and (max-width: 1049px) { .navigace { left: auto; right: 0; width: 400px; } } @media (min-width: 1050px) { .menu-toggle { display: none; } .navigace { display: block !important; margin: 0; padding: 0; clear: none; } .navigace .menu { display: flex; justify-content: flex-start; align-items: center; } .navigace .menu > li { margin: 0; position: relative; } .navigace .menu > li > a { padding: 5px 12px 5px 10px; line-height: 1; } .navigace .menu > li > a { position: relative; } .navigace .menu > li > a:after { content:''; display: block; width: 2px; height: 15px; background-color: var(--oranzova); } .navigace .menu > li > a:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .navigace .menu > li:last-child > a:after { display: none; } .navigace .menu li a:hover { opacity: 0.6 } /* podmenu */ .navigace .menu li .sub-menu { display: none; width: 220px; position: absolute; top: 100%; left: 50%; margin-left: -110px; background: #fff; border-top: 2px solid var(--oranzova); } .navigace .menu li:hover .sub-menu { display: block; } .navigace .menu li .sub-menu li { float: none; margin: 0; } .navigace .menu li .sub-menu li a { padding: 8px 10px; font-weight: normal; text-transform: none; text-align: left; border-bottom: 1px solid var(--oranzova);} .navigace .menu li .sub-menu li:last-child a { border: 0; } } @media (min-width: 1200px) { .navigace .menu > li > a { padding-right: 12px; padding-left: 10px; } } /* 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 { background: var(--oranzova); margin: 0 auto; text-align:center; color: #fff; } .footer__in { padding: 40px; } .footer a { color: #fff; } .footer .f1 { margin-bottom: 30px; } @media (min-width: 768px) { .footer { padding: 20px 0; } } .foot-logo { margin-top: 0; } .foot-logo img { max-width: 300px; } .foot-text-logo { font-weight: bold; font-size: 24px; } .foot-kontakt { font-size: .9em; } .foot-kontakt > span { } .foot-kontakt .tel { } .foot-kontakt .email { margin-left: 20px; } .foot-kontakt .email a { text-decoration: none; } @media (min-width: 768px) { .foot-kontakt .tel { padding: 5px 5px 5px 25px; background: left center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATVJREFUeNpi+P//PwMSPgXEz4BYGU0cA8MY2kBs8B8B1hDSyAgkWBgYGH4CcTEQg9jdDBDACcQ/GHABoMZCqC1HgFgRydZCQk49g6RYDYgXQdnPgZgVn8b3SBr7gdgUie+JT+Of/6jACoi3AvFlIJbDpREUGL+gAQEDrEDszUAIAHU/RLLtOaFogGEmoN7bSOYIATE/AxEApPEEEp8NiO2J1bgJTSyKGI2M4KBlYHgOxBIwb0Od+5mQjSAwF9kwIG4lJlRBWPw/JhBGC0khbLkDhGeiaTyDJLcAiL8CcTw2jZxYbD0PxBpAvB/K/4RNIwgnYNEMypt2SHwnbBpBeDkWzSpAfA7KPohLIwjvQ9OYCcShSHxHfOlxBZLCP2jZbTWhxBwFxBegigOBOAmIbwCxG0CAAQAyLtYzMJ2wzAAAAABJRU5ErkJggg==); } .foot-kontakt .email { padding: 5px 5px 5px 35px; margin-left: 20px; background: left center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT9JREFUeNpi/P//vyADAwMjEJ8CYmUgfsVAGeCG4iQgns8AtOAMEOcAMTcQP/hPHRAMxAJAfB5kwUWoYCoQg/gLKTD4LRBLQA1//R9q4BYkBXOgYulkGL4fqtcOWRAksANN4SmouCkJhk+A6ilBl8BmAQh8AWJJaLw8JWB4PNScpdgkcVkAA/6gVAbER7DI/QNiRyBmBOILuAwgZAEIuELVdSGJ3QRiZiAWJxR2hCzIBWIhIM6Gqi0A4t1QtjIQCwPxMnIsuA/EckDMCsT7oGL3gJgNqmciVGw2lO8AxL+JtWASVNwLGs7o6Rw9PkAWq0AdsxubBcj5wAUqNouMfJAH1ZuPbsFLIH4CDRJjIP5MQU4GpSYpILYB4o//oUksFVgobQRiTyBeAC2wPpNRyDFBC7n3QOwOxI+BeB5AgAEAT7ZRmBumk08AAAAASUVORK5CYII=); } } .foot-linky { display: none; margin: 0 auto; } @media (min-width: 900px) { .f1 { float: left; width: 50%; text-align: left; margin: 0; } .f2 { float: right; width: 45%; padding: 0 .5em; text-align: right; } .foot-copy, .foot-design, .foot-webdesign { font-size: 15px; margin: 5px 0; } .foot-copy { margin-bottom: 2em; } } /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 ad888888b, d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 d8" "88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 a8P 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa ,d8P" 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" a8P" Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 a8P' Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 d8" `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 88888888888 */ h1, h2, h3, h4 { color: var(--oranzova); } .sekcni-nadpis { background: var(--oranzova); text-align: center; } .sekcni-nadpis h2 { margin: 0; color: #fff; font-size: 24px; } @media (min-width: 768px) { .sekcni-nadpis h2 { font-size: 30px; } } .desktop { display: none; } @media (min-width: 768px) { .desktop { display: block; } .mobile { display: none; } } .uspech, .chyba { margin: 1em 0; border-radius: 5px; text-align: center; } .uspech p, .chyba p { margin: 0; padding: 20px; font-weight: bold; font-size: 18px; } .uspech { background: #BADF75; color: #000; } .chyba { background: red; color: #fff; } .uspech a, .chyba a { color: inherit; } @media (min-width: 960px) { .uspech p, .chyba p { font-size: 22px; } } /* responsive video */ .responsive-player { position: relative; padding-bottom: 54%; padding-top: 25px; height: 0; } .responsive-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .content-404 { text-align: center; } .content-404 .content-inner { min-height: 500px; } /* v detailu kurzu */ .video-zastup { position: relative; } .video-zastup a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center center no-repeat url(img/youtube-off.png); } .video-zastup a:hover { background: center center no-repeat url(img/youtube-on.png); } /*=== BLOKY ------------------------------------------------*/ article { } .content {} .content-inner { width: 95%; max-width: 1176px; margin: 0 auto; } body.page .content { padding: 2em 0; } body.page .content-inner { max-width: 960px; min-height: 500px; } .hp-top { position: relative; background: url(img/hp-top-small.jpg) center center no-repeat; background-size: cover; } /* .hp-top:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hp-top:before { background-color: rgba( 255, 255, 255, .35) } */ .hp-top__in { position: relative; z-index: 2; } .hp-top__in { padding-top: 30%; padding-bottom: 20px; } @media (min-width: 768px) { .hp-top { background-image: url(img/hp-top.jpg); } .hp-top__in { padding-top: 350px; padding-bottom: 48px; } /*.hp-top:before { display: none; }*/ } /* 888888888888 ,ad8888ba, 88888888ba ad88888ba 88 88 88888888ba, 88888888888 ad88888ba 88 88 ,ad8888ba, I8, 8 ,8I 88 d8"' `"8b 88 "8b d8" "8b 88 88 88 `"8b 88 d8" "8b 88 88 d8"' `"8b `8b d8b d8' 88 d8' `8b 88 ,8P Y8, 88 88 88 `8b 88 Y8, 88 88 d8' `8b "8, ,8"8, ,8" 88 88 88 88aaaaaa8P' `Y8aaaaa, 88 88 88 88 88aaaaa `Y8aaaaa, 88aaaaaaaa88 88 88 Y8 8P Y8 8P 88 88 88 88""""""' `"""""8b, 88 88 88 88 88""""" `"""""8b, 88""""""""88 88 88 `8b d8' `8b d8' 88 Y8, ,8P 88 `8b 88 88 88 8P 88 `8b 88 88 Y8, ,8P `8a a8' `8a a8' 88 Y8a. .a8P 88 Y8a a8P 88 88 88 .a8P 88 Y8a a8P 88 88 Y8a. .a8P `8a8' `8a8' 88 `"Y8888Y"' 88 "Y88888P" 88888888888 88 88888888Y"' 88888888888 "Y88888P" 88 88 `"Y8888Y"' `8' `8' */ /* .top-slideshow { max-width: 1038px; margin: auto; } .top-slideshow__slide { display: none; } .top-slideshow__slide:first-child { display: block; } .top-slideshow__slide a { display: block; } .top-slideshow__slide img { display: block; margin: 0; } .top-slideshow__dots { margin: 0; list-style: none; position: absolute; right: 10px; bottom: 10px; z-index: 10; } .top-slideshow__dots li { display: inline-block; margin: 0 5px; } .top-slideshow__dots button { border: 0; background-color: #fff; width: 20px; height: 20px; border-radius: 50%; } .top-slideshow__dots button { font-size: 0; line-height: 0; color: transparent; } .top-slideshow__dots button { transition: all .25s ease-in-out; } .top-slideshow__dots .slick-active button, .top-slideshow__dots button:hover { background-color: var(--seda); } @media (min-width: 768px) { .top-slideshow__dots button { width: 37px; height: 11px; border-radius: 5px; } } */ .uvodni-nadpis { margin: 40px 0; text-align: center; } .uvodni-nadpis h1 { margin: 0 0 32px; } .uvodni-nadpis h1 img { margin: 0 auto; max-width: 90%; display: block; } @media (min-width: 768px) { .uvodni-nadpis h1 { margin-bottom: 64px; } .uvodni-nadpis .tlacitka .button { min-width: 200px; } } @media (min-width: 1170px) { .uvodni-text { font-size: 18px; } } /* 88888888ba 88888888ba 88888888888 88 88 88 88888888888 88888888ba, 88 a8P 88 88 88888888ba 888888888888 88 88 88 "8b 88 "8b 88 88 88 88 88 88 `"8b 88 ,88' 88 88 88 "8b ,88 88 88 88 ,8P 88 ,8P 88 88 88 88 88 88 `8b 88 ,88" 88 88 88 ,8P ,88" 88 88 88aaaaaa8P' 88aaaaaa8P' 88aaaaa 88aaaaaaaa88 88 88aaaaa 88 88 88,d88' 88 88 88aaaaaa8P' ,88" 88 88 88""""""' 88""""88' 88""""" 88""""""""88 88 88""""" 88 88 8888"88, 88 88 88""""88' ,88" 88 88 88 88 `8b 88 88 88 88 88 88 8P 88P Y8b 88 88 88 `8b ,88" 88 88 88 88 `8b 88 88 88 88 88 88 .a8P 88 "88, Y8a. .a8P 88 `8b 88" Y8a. .a8P 88 88 `8b 88888888888 88 88 88888888888 88888888888 88888888Y"' 88 Y8b `"Y8888Y"' 88 `8b 888888888888 `"Y8888Y"' */ .prehled-kurzu {} .prehled-kurzu__in { max-width: 1360px; padding: 30px 10px; } .prehled-kurzu__horni-nadpis { margin-bottom: 24px; text-align: center; } .prehled-kurzu__podnadpis { margin: 0 auto 48px; max-width: 800px; text-align: center; color: var(--seda); } .prehled-kurzu-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 6px; } .prehled-kurzu-item { display: block; text-decoration: none; } .prehled-kurzu-item img { display: block; margin: 0; } @media (min-width: 768px) { .prehled-kurzu__in { padding: 40px 0px; } .prehled-kurzu-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1170px) { .prehled-kurzu-wrapper { max-width: 1170px; margin: 0 auto; grid-gap: 18px; } } @media (min-width: 1400px) { .prehled-kurzu__in { padding: 60px 0px 84px; } } /* 88 88 88888888ba 88 888b 88 88888888888 ,ad8888ba, 88888888ba 88b d88 db ,ad8888ba, 88888888888 88 88 88 "8b 88 8888b 88 88 d8"' `"8b 88 "8b 888b d888 d88b d8"' `"8b 88 88 88 88 ,8P 88 88 `8b 88 88 d8' `8b 88 ,8P 88`8b d8'88 d8'`8b d8' 88 88aaaaaaaa88 88aaaaaa8P' 88 88 `8b 88 88aaaaa 88 88 88aaaaaa8P' 88 `8b d8' 88 d8' `8b 88 88aaaaa 88""""""""88 88""""""' 88 88 `8b 88 88""""" 88 88 88""""88' 88 `8b d8' 88 d8YaaaaY8b 88 88""""" 88 88 88 88 88 `8b 88 88 Y8, ,8P 88 `8b 88 `8b d8' 88 d8""""""""8b Y8, 88 88 88 88 88 88 `8888 88 Y8a. .a8P 88 `8b 88 `888' 88 d8' `8b Y8a. .a8P 88 88 88 88 88 88 `888 88 `"Y8888Y"' 88 `8b 88 `8' 88 d8' `8b `"Y8888Y"' 88888888888 */ .zakladni-informace__in { max-width: 1360px; padding: 30px 10px; } .zakladni-informace__horni-nadpis { margin-bottom: 24px; text-align: center; } .zakladni-informace__podnadpis { margin: 0 auto 48px; max-width: 800px; text-align: center; color: var(--seda); } .zakladni-informace__sloupce { margin-bottom: 48px; } .zakladni-informace__sloupec { max-width: 400px; margin: 0 auto 20px; padding: 20px; background-color: var(--svoranzova); text-align: center; } .zakladni-informace__sloupec__nadpis { text-align: center; color: var(--oranzova); text-transform: uppercase; } .zakladni-informace__dolni-nadpis { margin-bottom: 24px; text-align: center; } .zakladni-informace__dolni-tlacitka { text-align: center; } @media (min-width: 768px) { .zakladni-informace__in { padding: 40px 0px; } .zakladni-informace__sloupce { display: grid; grid-template-columns: repeat( 2, 1fr ); grid-gap: 25px; } .zakladni-informace__sloupec { margin: 0; max-width: none; } .zakladni-informace__dolni-nadpis { margin-bottom: 48px; } .zakladni-informace__dolni-tlacitka .button { min-width: 200px } } @media (min-width: 1170px) { .zakladni-informace__sloupce { grid-template-columns: repeat( 4, 1fr ); } .zakladni-informace__sloupec { padding: 40px 30px; } .zakladni-informace__sloupec__nadpis { margin-bottom: 25px; } } @media (min-width: 1400px) { .zakladni-informace__in { padding: 60px 0px 84px; } } .lokality-text {} .lokality-text__in { max-width: 1360px; padding: 30px 10px; } .lokality-text__horni-nadpis { margin-bottom: 24px; text-align: center; text-transform: uppercase; } .lokality-text__text { margin: 0 auto 48px; max-width: 880px; color: var(--seda); } @media (min-width: 768px) { .lokality-text__in { padding: 40px 0px; } } @media (min-width: 1400px) { .lokality-text__in { padding: 60px 0px 84px; } } .lokality-seznam-mapa { background-color: #fdf4e5; padding: 24px; } .lokality-seznam { text-align: center; } .lokalita-item { display: inline-block; margin: 6px; } .lokalita-item a { text-decoration: none; text-transform: uppercase; font-weight: bold; color: #626262; } .lokalita-item a:hover { color: #ff9300; text-decoration: underline; } .lokality-mapa { display: none; } @media (min-width: 1170px) { .lokality-seznam-mapa { display: flex; justify-content: flex-end; align-items: stretch; padding: 0; } .lokality-seznam-mapa { margin-bottom: 64px; } .lokality-seznam { width: 25%; } .lokality-mapa { width: 60%; display: block; } .lokality-seznam { padding: 48px 32px; text-align: left; } .lokalita-item { display: block; margin: 0 0 12px; } .lokalita-item a { display: block; padding: 10px; font-size: 20px; } .lokalita-item a { background: url(img/pin-off.png) left center no-repeat; padding-left: 40px; } .lokalita-item a:hover { background-image: url(img/pin-on.png) } .lokalita-google-mapa { height: 100%; } } @media (min-width: 1400px) { .lokality-seznam-mapa { margin-bottom: 84px; } } /* 88 88 88888888ba 888888888888 8b d8 88b d88 88 88 88 "8b 88 Y8, ,8P 888b d888 88 88 88 ,8P 88 Y8, ,8P 88`8b d8'88 88aaaaaaaa88 88aaaaaa8P' 88 "8aa8" 88 `8b d8' 88 88""""""""88 88""""""' 88 `88' 88 `8b d8' 88 88 88 88 88 88 88 `8b d8' 88 88 88 88 88 88 88 `888' 88 88 88 88 88 88 88 `8' 88 */ .uvodni-instruktori { text-align: center; } .uvodni-instruktori .in { } .nas-tym { text-align: center; } .instruktor { display: inline-block; margin: 5px; } .instruktor__link { display: block; text-decoration: none; } .instruktor__img { margin: 0 auto 10px; display: block; width: 50px; height: 50px; border-radius: 50%; transition: transform .2s ease-in-out; } .instruktor__jmeno { font-size: 10px; font-weight: bold; } .instruktor__link:hover .instruktor__img { transform: rotate(-10deg); } @media (min-width: 500px) { .instruktor { margin: 10px; } .instruktor__img { width: 75px; height: 75px; } .instruktor__jmeno { font-size: 12px } } @media (min-width: 768px) { .instruktor__img { width: 100px; height: 100px; } } @media (min-width: 960px) { .instruktor__img { width: 125px; height: 125px; } .instruktor__jmeno { font-size: 14px } } @media (min-width: 1200px) { .instruktor__img { width: 150px; height: 150px; } .instruktor__jmeno { font-size: 16px } } /* 88888888ba db 88888888ba 888888888888 888b 88 88888888888 88888888ba 88 88 "8b d88b 88 "8b 88 8888b 88 88 88 "8b 88 88 ,8P d8'`8b 88 ,8P 88 88 `8b 88 88 88 ,8P 88 88aaaaaa8P' d8' `8b 88aaaaaa8P' 88 88 `8b 88 88aaaaa 88aaaaaa8P' 88 88""""""' d8YaaaaY8b 88""""88' 88 88 `8b 88 88""""" 88""""88' 88 88 d8""""""""8b 88 `8b 88 88 `8b 88 88 88 `8b 88 88 d8' `8b 88 `8b 88 88 `8888 88 88 `8b 88 88 d8' `8b 88 `8b 88 88 `888 88888888888 88 `8b 88 */ .uvodni-partneri { text-align: center; } .uvodni-partneri__in { padding: 30px 10px; } .uvodni-partneri .partnerske-logo { max-width: 120px; display: inline-block; margin: .5em; } @media (min-width: 768px) { .uvodni-partneri__in { padding: 50px 0; } .uvodni-partneri .partnerske-logo { max-width: 150px; } } @media (min-width: 1200px) { .uvodni-partneri__in { padding: 70px 0; } .uvodni-partneri .partnerske-logo { max-width: none; } } /* ad88888ba 88888888888 888888888888 888b 88 db 88b d88 888888888888 88888888888 88888888ba 88b d88 88 888b 88 88 88 d8" "8b 88 ,88 8888b 88 d88b 888b d888 88 88 88 "8b 888b d888 88 8888b 88 88 88 Y8, 88 ,88" 88 `8b 88 d8'`8b 88`8b d8'88 88 88 88 ,8P 88`8b d8'88 88 88 `8b 88 88 88 `Y8aaaaa, 88aaaaa ,88" 88 `8b 88 d8' `8b 88 `8b d8' 88 88 88aaaaa 88aaaaaa8P' 88 `8b d8' 88 88 88 `8b 88 88 88 `"""""8b, 88""""" ,88" 88 `8b 88 d8YaaaaY8b 88 `8b d8' 88 88 88""""" 88""""88' 88 `8b d8' 88 88 88 `8b 88 88 88 `8b 88 ,88" 88 `8b 88 d8""""""""8b 88 `8b d8' 88 88 88 88 `8b 88 `8b d8' 88 88 88 `8b 88 88 88 Y8a a8P 88 88" 88 `8888 d8' `8b 88 `888' 88 88 88 88 `8b 88 `888' 88 88 88 `8888 Y8a. .a8P "Y88888P" 88888888888 888888888888 88 `888 d8' `8b 88 `8' 88 88 88888888888 88 `8b 88 `8' 88 88 88 `888 `"Y8888Y"' */ #course-place-list.loading { opacity: 0.5; } #course-list.loading { opacity: 0.5; } .course-selects { max-width: 1170px; margin: 0 auto 20px; padding: 20px; display: grid; grid-template-columns: 1fr; grid-gap: 30px } .course-select-item { text-align: center; } .course-select-item { padding-top: 55px; background-position: top center; background-size: 45px; background-repeat: no-repeat; } .course-city-list { background-image: url(img/globe.png); } .course-place-list { background-image: url(img/school.png); } .course-age-list { background-image: url(img/age.png); } .course-focus-list { background-image: url(img/focus.png); } .course-selects h3 { margin: 0 0 10px; font-size: 16px; } @media (min-width: 600px) { .course-selects { padding: 40px; grid-gap: 40px; } .course-selects h3 { min-height: auto; font-size: 18px; } } @media (min-width: 768px) { .course-selects { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1170px) { .course-select-item { padding-top: 120px; background-size: 98px; } .course-selects h3 { margin-bottom: 15px; font-size: 20px; } } @media (min-width: 1400px) { .course-selects { margin: auto; } } .course-registration { margin-bottom: 50px; } .seznam-terminu-se-nacita { text-align: center; color: var(--seda); font-size: 20px; } .seznam-terminu-kurzu-nadpis { text-align: center; color: var(--seda); } @media (min-width: 960px) { .seznam-terminu-kurzu-nadpis { font-size: 30px; } } #course-list { transition: opacity .25s ease-in-out; } #course-list.loading { opacity: 0.5; } .seznam-terminu-kurzu { width: 100%; margin: 0; } .seznam-terminu-kurzu th { background: #323333; color: #fff; text-transform: uppercase; } .seznam-terminu-kurzu td { background: #73716C; color: #fff; vertical-align: middle; } .seznam-terminu-kurzu th, .seznam-terminu-kurzu td { } .seznam-terminu-kurzu tr:hover td { background: #009EE1; } .seznam-terminu-kurzu td a { color: #fff; } @media (max-width: 767px) { .seznam-terminu-kurzu thead { display: none; } .seznam-terminu-kurzu tr { display: block; padding: 10px 0; background-color: #73716C; } .seznam-terminu-kurzu td { display: block; padding: 4px 10px; } .seznam-terminu-kurzu td br { display: none; } .seznam-terminu-kurzu .dummy { display: none; } .seznam-terminu-kurzu tr{ border-bottom: 2px solid #fff; } } @media (min-width: 768px) { .seznam-terminu-kurzu th { padding: 10px 8px; } .seznam-terminu-kurzu td { font-size: 14px; } .seznam-terminu-kurzu tbody tr td { border-bottom: 1px solid #fff; } } @media (min-width: 960px) { .seznam-terminu-kurzu td { font-size: 15px; } } @media (min-width: 1200px) { .seznam-terminu-kurzu th { padding: 20px 15px; } .seznam-terminu-kurzu td { padding: 10px 15px; font-size: 16px; } .seznam-terminu-kurzu .dummy { width: 10%; } } .seznam-terminu-kurzu .zakaz-prihlasovani { display: inline-block; padding: 5px; color: #fff; border-radius: 5px; background: #0073AA; text-transform: uppercase; font-size: 12px } .seznam-terminu-kurzu .tr-zvyraznit-termin td { background: var(--oranzova); } .seznam-terminu-kurzu .zakaz-prihlasovani { display: inline-block; padding: 5px; color: #fff; border-radius: 5px; background: #0073AA; text-transform: uppercase; font-size: 12px } .seznam-terminu-kurzu .tr-zvyraznit-termin td { background: #C5512D; } .seznam-terminu-kurzu .termin-obsazen { display: inline-block; padding: 8px 12px; text-align: center; color: #fff; border-radius: 5px; background: #323333; text-transform: uppercase; font-size: 12px } .seznam-terminu-kurzu .termin-obsazen { text-decoration: none; } .seznam-terminu-kurzu .termin-obsazen small { text-decoration: underline; } .seznam-terminu-kurzu .vice-informaci { display: inline-block; padding: 8px 12px; text-decoration: none; text-transform: uppercase; border-radius: 4px; background-color: #0d8c27; } .seznam-terminu-kurzu .vice-informaci { border: 2px solid #fff; } .seznam-terminu-kurzu .vice-informaci { font-weight: bold; font-size: 13px; } .seznam-terminu-kurzu .vice-informaci { text-align: center; } .seznam-terminu-kurzu .vice-informaci { transition: all .2s ease-in-out; } .seznam-terminu-kurzu .vice-informaci:hover { background-color: #fff; color: #0d8c27; } .seznam-terminu-kurzu .posledni-volna-mista { display: inline-block; padding: 8px 12px; text-decoration: none; text-transform: uppercase; border-radius: 4px; background-color: #FF8C00; color: #fff; } .seznam-terminu-kurzu .posledni-volna-mista { border: 2px solid #fff; } .seznam-terminu-kurzu .posledni-volna-mista { font-weight: bold; font-size: 13px; } .seznam-terminu-kurzu .posledni-volna-mista { text-align: center; } .seznam-terminu-kurzu .posledni-volna-mista { transition: all .2s ease-in-out; } .seznam-terminu-kurzu .posledni-volna-mista:hover { background-color: #fff; color: #FF8C00; } .seznam-terminu-kurzu__omezeno td { padding: 20px; text-align: center; font-weight: 700; } .seznam-terminu-kurzu__omezeno__tecky { line-height: 1; font-size: 10px; } .seznam-terminu-kurzu__omezeno__p1 { font-size: 20px } @media (min-width: 960px) { .seznam-terminu-kurzu__omezeno__p1 { font-size: 24px } } .zadne-terminy { text-align: center; } /* 88888888ba 88888888888 ,ad8888ba, 88 ad88888ba 888888888888 88888888ba db ,ad8888ba, 88888888888 88 "8b 88 d8"' `"8b 88 d8" "8b 88 88 "8b d88b d8"' `"8b 88 88 ,8P 88 d8' 88 Y8, 88 88 ,8P d8'`8b d8' 88 88aaaaaa8P' 88aaaaa 88 88 `Y8aaaaa, 88 88aaaaaa8P' d8' `8b 88 88aaaaa 88""""88' 88""""" 88 88888 88 `"""""8b, 88 88""""88' d8YaaaaY8b 88 88""""" 88 `8b 88 Y8, 88 88 `8b 88 88 `8b d8""""""""8b Y8, 88 88 `8b 88 Y8a. .a88 88 Y8a a8P 88 88 `8b d8' `8b Y8a. .a8P 88 88 `8b 88888888888 `"Y88888P" 88 "Y88888P" 88 88 `8b d8' `8b `"Y8888Y"' 88888888888 */ .registrace { max-width: 900px; width: 95%; margin: 0 auto; padding-top: 24px; padding-bottom: 100px; } .prihlaska-pouze-nahradnici { padding: 10px; border: 1px solid crimson; color: crimson; } .prihlaska .lab { font-weight: bold; } .prihlaska h3 { margin: 20px 0 !important; text-align: center; } .prihlaska table { width: 100%; margin: 0; } .prihlaska td { } .prihlaska .prvni { width: 40%; text-align: right; padding-left: 0; padding-right: 10px; } .prihlaska .druhy { width: 60%; padding-right: 0; } .prihlaska__info td { vertical-align: top; } .prihlaska__form .prvni { vertical-align: middle; } .prihlaska__form .prvni { vertical-align: middle; } .prihlaska__form input[type=text], .prihlaska__form input[type=email], .prihlaska__form input[type=number], .prihlaska__form input[type=tel], .prihlaska__form textarea, .prihlaska__form select { border-width: 1px; } .prihlaska__submit { margin-top: 20px; text-align: center; } @media (min-width: 960px) { .prihlaska .prvni { width: 30%; padding: 10px; } .prihlaska .druhy { width: 70%; padding: 10px; } .prihlaska__submit { margin-top: 50px; } } .potvrzeni-pokracovani-prihlasky * { text-align: center; } .registrace--dokonceni .uspech.co-kdyz-nedorazi { background-color: #fff; } .registrace--dokonceni .uspech.co-kdyz-nedorazi, .registrace--dokonceni .uspech.co-kdyz-nedorazi a { color: red !important } /* Clanky a novinky */ .nadpis-clanku { text-align: center; font-size: 25px; padding: 1em 0; } .clanky-prehled { text-align: center; } .clanky-prehled .hr {display: none; } .clanky-prehled .clanek { max-width: 370px; margin: 0 auto 2em; } .clanky-prehled .clanek p { margin: .5em 0; } .clanky-prehled .clanek .obrazek { margin: 0; } .clanky-prehled .clanek .nadpis { font-size: 18px; font-family: 'GlobeGrotesk', Arial; text-transform: uppercase; } .clanky-prehled .clanek .nadpis a { text-decoration: none; } .clanky-prehled .clanek .excerpt { font-size: 15px; text-align: justify; } .clanky-prehled .clanek .vice .button { font-size: 11px; padding: 5px 10px; } .clanky-prehled .clanek .meta { font-size: 15px; color: #009EE1; } @media (min-width: 768px) { .nadpis-clanku { font-size: 35px; } .clanky-prehled { max-width: 700px; margin: 0 auto; } .clanky-prehled .clanek { max-width: 330px; float: left; margin: 0 0 2em; text-align: left; } .clanky-prehled .c1 { margin-left: 0; margin-right: 20px; } .clanky-prehled .c2 { margin-left: 20px; margin-right: 0; } .clanky-prehled .clanek .vice { text-align: right; } .clanky-prehled .hr2 { display: block; clear: both; } } @media (min-width: 1176px) { .clanky-prehled { max-width: 1000px; margin: 0 auto; } .clanky-prehled .clanek { max-width: 310px; float: left; margin: 0 0 2em; } .clanky-prehled .c1 { margin-left: 0; margin-right: 0; } .clanky-prehled .c2 { margin-left: 35px; margin-right: 35px; } .clanky-prehled .c3 { margin-left: 0; margin-right: 0; } .clanky-prehled .hr2 { display: none; } .clanky-prehled .hr3 { display: block; clear: both; } } .clanek-detail-content .content-inner { max-width: 960px; } .clanek-single { padding: 0 0 5em; text-align: justify; } .clanek-single h1 { text-align: center; margin: 0; padding: 1em; font-size: 25px; } .clanek-single .meta { text-align: right; color: #009EE1; } .clanek-single .clanek-img { margin: 1em 0; } .clanek-slide { text-align: center; } .clanek-zpet { text-align: center; } @media (min-width: 768px) { .clanek-single h1 { font-size: 35px; } .clanek-footer { margin-top: 25px; } .clanek-like { float: left; } .clanek-zpet { float: right; text-align: right; margin: 0; } } #next { padding: 1px; } /* Lektori / instruktori / nas tym */ .lektor-detail { } .lektor-detail .in { max-width: 800px; } .lektor-foto { text-align: center; margin-bottom: 30px; } .lektor-footer { text-align: center; } /* Projekty */ .projekty-nadpis { text-align: center; background: #EAA28D ; } .projekty-nadpis-cover { padding: 3em; } .projekty-nadpis h1,.projekty-nadpis h2 { color: #fff; } .projekty-nadpis h1 { margin: 0; padding: 0; } .projekty-nadpis h2 { margin: .5em 0 0 0; } @media (min-width: 768px) { .projekty-nadpis { background: #EAA28D; } .projekty-nadpis-cover { background: url(img/sekcni-nadpis.jpg) center center / cover no-repeat ; } } .projekt-clanky { text-align: center; margin: 5em auto 0; } .projekt-clanky .hr {display: none; } .projekt-clanky .projekt { margin: 0 auto 4em; } .projekt-clanky .projekt p { margin: .5em 0; } .projekt-clanky .projekt .obrazek { margin: 0 0 1em 0; } .projekt-clanky .projekt .nadpis-projektu { margin: 0; line-height: 40px; } .projekt-clanky .projekt .nadpis-projektu a { font-size: 30px; text-transform: uppercase; text-decoration: none; color: var(--oranzova); } .projekt-clanky .projekt .excerpt { font-size: 15px; line-height: 25px; } .projekt-clanky .projekt .vice .button { font-size: 11px; padding: 5px 10px; } @media (min-width: 768px) { .projekt-clanky { max-width: 1000px; } .projekt-clanky .projekt { text-align: left; } .projekt-clanky .projekt .obrazek { float: left; width: 35%; } .projekt-clanky .projekt .telo { float: right; width: 60%; } } @media (min-width: 1176px) { .projekt-clanky { } .projekt-clanky .projekt { } } .projekt-single { padding: 3em 0 5em; text-align: justify; } .projekt-single h1 { text-align: center; } .projekt-single .meta { text-align: right; color: #a0c62d; } .projekt-single .projekt-img { margin: 1em 0; } .projekt-single .zpet { text-align: center; margin-top: 3em; } .projekt-slide { text-align: center; } #next { padding: 1px; } /* Kontakt */ .kontakt-mapa { width: 100%; height: 300px; } .kontakt-mapa img { max-width: none; } .kontakt { margin-bottom: 24px; } .kontakt .nadpis { text-align: center; } .kontakt-udaje { margin-bottom: 48px; } .kontakt-adresa, .kontakt-email, .kontakt-telefon { padding: 10px 0 10px 50px; margin: 10px 0; background-position: left center; background-repeat: no-repeat; } .kontakt-adresa { background-image: url(img/kontakt-adresa.jpg) } .kontakt-email { background-image: url(img/kontakt-email.jpg) } .kontakt-telefon { background-image: url(img/kontakt-telefon.jpg) } @media (min-width: 768px) { .kontakt { margin-bottom: 48px; } .kontakt-udaje { display: flex; justify-content: space-between; align-items: center; } .kontakt-udaje > p { width: auto; margin: 0 24px; } .kontakt-mapa { height: 400px; } } @media (min-width: 1170px) { .kontakt-udaje { margin-bottom: 64px; } } .kontakt-tym-nadpis { margin-bottom: 40px; } .manazer { max-width: 360px; margin: 0 auto 40px; background-color: var(--svoranzova); text-align: center; } .manazer { position: relative; } .manazer:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 99px; z-index: 1; } .manazer:before { background-color: #fff; } .manazer__in { position: relative; z-index: 2; padding: 0 30px 30px; } .manazer__img { display: block; margin: 0 auto 24px; width: 188px; height: 188px; background: #fff; border-radius: 94px; border: 0 } .manazer__img { object-fit: cover } .manazer__jmeno { margin-bottom: 4px; color: #000; font-size: 28px; } .manazer__pozice { margin-bottom: 10px; color: #626262; } .manazer__telefon { margin-bottom: 5px; } .manazer__telefon a, .manazer__email a { color: #000; font-weight: bold; text-decoration: none; } .manazer__telefon a:hover, .manazer__email a:hover { text-decoration: underline; } @media (min-width: 768px) { .kontakt-tym-nadpis { margin-bottom: 64px; } .kontakt-tym { display: flex; justify-content: center; flex-wrap: wrap; } .manazer__in { padding: 0 40px 50px; } } @media (min-width: 768px) and (max-width: 1169px) { .manazer { width: 48%; margin: 0 4% 48px 0; } .manazer:nth-child(2n+2),.manazer:last-child { margin-right: 0; } } @media (min-width: 1170px) { .manazer { width: 31%; margin: 0 3.5% 70px 0; } .manazer:nth-child(3n+3),.manazer:last-child { margin-right: 0; } .manazer__jmeno { margin-bottom: 10px; } .manazer__pozice { margin-bottom: 10px; } .manazer__telefon { margin-bottom: 10px; } } /* responsivni tabulky */ @media only (max-width: 767px) { /* Force table to not be like tables anymore */ .resptable, .resptable thead, .resptable tbody, .resptable th, .resptable td, .resptable tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .resptable .respheader { position: absolute; top: -9999px; left: -9999px; } .resptable td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .resptable td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Label the data */ .resptable td:before { content: attr(data-title); } } /* 88888888ba, db 88 ad88888ba 88 88888888ba 88888888ba ,ad8888ba, 88 88888888888 88 a8P 888888888888 8b d8 88 `"8b d88b 88 d8" "8b 88 88 "8b 88 "8b d8"' `"8b 88 88 88 ,88' 88 Y8, ,8P 88 `8b d8'`8b 88 Y8, 88 88 ,8P 88 ,8P d8' `8b 88 88 88 ,88" 88 Y8, ,8P 88 88 d8' `8b 88 `Y8aaaaa, 88 88aaaaaa8P' 88aaaaaa8P' 88 88 88 88aaaaa 88,d88' 88 "8aa8" 88 88 d8YaaaaY8b 88 `"""""8b, 88 88""""""' 88""""88' 88 88 88 88""""" 8888"88, 88 `88' 88 8P d8""""""""8b 88 `8b 88 88 88 `8b Y8, ,8P 88 88 88P Y8b 88 88 88 .a8P d8' `8b 88 Y8a a8P 88 88 88 `8b Y8a. .a8P 88, ,d88 88 88 "88, 88 88 88888888Y"' d8' `8b 88888888888 "Y88888P" 88 88 88 `8b `"Y8888Y"' "Y8888P" 88888888888 88 Y8b 88 88 */ .rozcestnik {} .rozcestnik .mezi-nadpis { text-align: center; } .rozcestnik .mezi-nadpis__in { padding: 20px; } .dalsi-projekty { padding: 20px 10px; margin-bottom: 50px; } .dalsi-projekt { margin: 0 auto 50px; max-width: 400px; } .dalsi-projekt__link { display: block; text-decoration: none; transition: opacity .25s ease-in-out; } .dalsi-projekt__link:hover { opacity: .8; } .dalsi-projekt__logo { height: 60px; margin-bottom: 10px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .dalsi-projekt--jsmeinline .dalsi-projekt__logo { background-image: url(img/dalsi-projekty/logo-jsmeinline.png); } .dalsi-projekt--nalede .dalsi-projekt__logo { background-image: url(img/dalsi-projekty/logo-nalede.png); } .dalsi-projekt--gymnastika .dalsi-projekt__logo { background-image: url(img/dalsi-projekty/logo-gymnastika.png); } .dalsi-projekt--kempy .dalsi-projekt__logo { background-image: url(img/dalsi-projekty/logo-kempy.png); } .dalsi-projekt--tenis .dalsi-projekt__logo { background-image: url(img/dalsi-projekty/logo-tenis.png); } .dalsi-projekt__img { display: block; margin: 0 auto 15px; border-radius: 10px; } .dalsi-projekt__popis { margin: 0 0 15px; text-transform: uppercase; text-align: center; font-size: 16px; color: #000; font-weight: bold; } .dalsi-projekt__tlacitko { padding: 10px; text-align: center; color: #fff; font-weight: bold; line-height: 1.1; border-radius: 10px; } .dalsi-projekt--jsmeinline .dalsi-projekt__tlacitko { background-color: #59224D; } .dalsi-projekt--nalede .dalsi-projekt__tlacitko { background-color: #1e90d0; } .dalsi-projekt--gymnastika .dalsi-projekt__tlacitko { background-color: #e25c0f; } .dalsi-projekt--kempy .dalsi-projekt__tlacitko { background-color: #0b4584; } .dalsi-projekt--tenis .dalsi-projekt__tlacitko { background-color: #15906f; } @media (min-width: 960px) { .dalsi-projekty { display: flex; justify-content: space-between; padding: 50px 0; } .dalsi-projekt { margin: 0; width: 24%; } .dalsi-projekt__logo { margin-bottom: 20px; } .dalsi-projekt__img { margin-bottom: 20px; } .dalsi-projekt__popis { min-height: 80px; font-size: 20px; } .dalsi-projekt__tlacitko { font-size: 18px } } .dalsi-projekt--gymnastika { display: none !important; } .grecaptcha-badge { visibility: hidden !important; } /* 88 ,ad8888ba, 88 a8P db 88 88 888888888888 8b d8 88 d8"' `"8b 88 ,88' d88b 88 88 88 Y8, ,8P 88 d8' `8b 88 ,88" d8'`8b 88 88 88 Y8, ,8P 88 88 88 88,d88' d8' `8b 88 88 88 "8aa8" 88 88 88 8888"88, d8YaaaaY8b 88 88 88 `88' 88 Y8, ,8P 88P Y8b d8""""""""8b 88 88 88 88 88 Y8a. .a8P 88 "88, d8' `8b 88 88 88 88 88888888888 `"Y8888Y"' 88 Y8b d8' `8b 88888888888 88 88 88 */ .detail-lokality-fotografie { margin-bottom: 32px; } .detail-lokality-fotografie__in { padding: 0; } .detail-lokality-fotografie img { display: block; margin: 0 auto; } @media (min-width: 1170px) { .detail-lokality-fotografie { margin-bottom: 48px; } } .detail-lokality-popis { margin-bottom: 32px; } @media (min-width: 1170px) { .detail-lokality-popis { margin-bottom: 48px; } } .detail-lokality-terminy { padding-bottom: 48px; } .detail-lokality-terminy > h2 { text-align: center; } .detail-lokality-terminy .seznam-terminu-kurzu-nadpis { display: none; } /* 88 a8P 88 88 88888888ba 888888888888 8b d8 88 ,88' 88 88 88 "8b ,88 Y8, ,8P 88 ,88" 88 88 88 ,8P ,88" Y8, ,8P 88,d88' 88 88 88aaaaaa8P' ,88" "8aa8" 8888"88, 88 88 88""""88' ,88" `88' 88P Y8b 88 88 88 `8b ,88" 88 88 "88, Y8a. .a8P 88 `8b 88" 88 88 Y8b `"Y8888Y"' 88 `8b 888888888888 88 */ .detail-kurzu-fotografie { margin-bottom: 32px; } .detail-kurzu-fotografie__in { padding: 0; } .detail-kurzu-fotografie img { display: block; margin: 0 auto; } @media (min-width: 1170px) { .detail-kurzu-fotografie { margin-bottom: 48px; } } .detail-kurzu-popis { margin-bottom: 32px; } @media (min-width: 1170px) { .detail-kurzu-popis { margin-bottom: 48px; } } .detail-kurzu-terminy { padding-bottom: 48px; } .detail-kurzu-terminy > h2 { text-align: center; } .detail-kurzu-terminy .seznam-terminu-kurzu-nadpis { display: none; } /* 888b 88 ,ad8888ba, 8b d8 88 888b 88 88 a8P 8b d8 8888b 88 d8"' `"8b `8b d8' 88 8888b 88 88 ,88' Y8, ,8P 88 `8b 88 d8' `8b `8b d8' 88 88 `8b 88 88 ,88" Y8, ,8P 88 `8b 88 88 88 `8b d8' 88 88 `8b 88 88,d88' "8aa8" 88 `8b 88 88 88 `8b d8' 88 88 `8b 88 8888"88, `88' 88 `8b 88 Y8, ,8P `8b d8' 88 88 `8b 88 88P Y8b 88 88 `8888 Y8a. .a8P `888' 88 88 `8888 88 "88, 88 88 `888 `"Y8888Y"' `8' 88 88 `888 88 Y8b 88 */ .newsletter-subscription { max-width: 500px; margin: 32px auto; text-align: center; } .newsletter-subscription { padding: 20px; background-color: var(--svoranzova); border-radius: 12px; } #news-email { text-align: center; } @media (min-width: 1170px) { .newsletter-subscription { max-width: 600px; margin: 48px auto; padding: 48px; } }