/* Theme Name: Absolutne Template - header menu children Theme URI: http://www.absolutne.net Description: header menu children, 1 column, paralax homepage, responsive Author: Absolutne.net Author URI: http://www.absolutne.net Version: new */ @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Quando&subset=latin-ext'); html, body {overflow-x: hidden;} body, form, input, select, textarea, td, th {font-family: 'Quando', serif;} body {text-align: center; font-size: 75%; margin: 0; padding: 0; background: #f8ecde; background-size: cover;} select, textarea, td, th {font-size: 100%;} form, ul, li {margin: 0; padding: 0;} ul li {list-style-type: none;} p, table {margin: 0 0 1em 0; padding: 0;} table {border-collapse: collapse;} td {vertical-align: top; padding: 5px;} img, iframe {border: 0;} a, button, input {outline: none;} .center img {margin: 10px;} img.aligncenter {display: block; margin: 10px auto; border: 1px solid #000;} .cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;} .clearfix:before, .clearfix:after {content: ""; display: table;} .clearfix:after {clear: both;} h2.screen-reader-text {display: none;} /* Montserrat */ h1, h2, h3, h4, #header-wrapper #block-header .claim span, #menu-header ul li a {font-family: 'Quando', serif;} /* FontAwesome */ .ico:before, .ico:after, .icon:before, #crossroads > ul > li > a:before, .section-inner ul li:before, #main ul li:before, #main .gallery p.list:before {font: normal normal normal 16px/1 'FontAwesome'; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ico:before {margin-right: 4px;} .ico:after {margin-left: 4px;} .icon:before {text-align: center; margin: 0;} .ico:before, .ico:after {color: inherit; text-decoration: none;} /* ico */ .ico.home:before {content: "\f015";} .ico.phone:before {content: "\f10b";} /* icon */ .icon.link-anchor:before {content: "\f078";} #crossroads > ul > li.page-item-31 > a:before {content: "\f0f6";} #crossroads > ul > li.page-item-4 > a:before {content: "\f02d";} #crossroads > ul > li.page-item-3 > a:before {content: "\f0a1";} #crossroads > ul > li.page-item-42 > a:before {content: "\f03e";} /* barvy */ body, a {color: #000;} .section-wrapper.dark, .section-wrapper.image-dark, .section-wrapper.dark a, #header-wrapper #block-header .claim span, #header-wrapper #block-header .claim .textwidget, .section-wrapper.image .section .section-inner, .section-wrapper.image .section .section-inner a, #footer, #footer a {color: #fff;} #menu-header > ul > li > a:hover, #menu-header > ul > li[class*="current"] > a, #header-wrapper #block-header .claim span.title, .section .claim-left h3, .section-wrapper.image .section .section-inner ul li:before, #contact strong, #header-wrapper #block-header .link-anchor:before, #crossroads > ul > li > a {color: #df0000;} /* pozadi */ #header.home, #header.home #menu-header ul ul {background: rgba(0,0,0,0.6);} .section-wrapper.dark {background-color: #292929;} .button:hover {background-color: #5f5f5f;} #header, #header.home.scroll, #header-wrapper, #header #menu-header ul ul, #header.home.scroll #menu-header ul ul, #header-wrapper #block-header .claim span.ico.phone:before {background-color: #000;} .section-wrapper.light {background-color: #fff;} .button, .button.anchor:hover:before {background-color: #df0000;} .section, #main {font-size: 120%; line-height: 135%; text-align: justify;} h1 {text-align: center; font-size: 240%; margin: 0 0 1em 0; padding: 0;} h2, .article h2, h3, h4 {text-align: left; padding: 0;} h2, h3, h4 {margin: 0 0 0.5em 0;} h2, .section .article h2 {font-size: 140%;} h3 {font-size: 120%;} h4 {font-size: 100%;} a {text-decoration: underline; outline: none;} a:hover, .button, #menu-header ul li a, #header-wrapper a, #crossroads > ul > li > a {text-decoration: none;} /* button */ .button, a.button {display: inline-block; color: #fff; font-weight: bold; text-shadow: 1px 1px 0 #000; border: none; padding: 15px 30px; cursor: pointer; white-space: nowrap; transition: all .2s ease-in-out;} /* button anchor */ .button.anchor {position: relative; font-size: 18px; background: rgba(0,0,0,0.3); border: 1px solid #fff; text-transform: uppercase; z-index: 2;} .button.anchor:before {content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: .4s ease-in; z-index: -1;} .button.anchor:hover:before {width: 100%; left: 0; right: auto;} .center-button {clear: both; text-align: center; margin: 50px 0 1em 0; padding: 0;} /* scroll up */ #scrollup {display: none; position: fixed; bottom: 40px; right: 20px; text-align: center; padding: 2px; background-color: #403f3d; z-index: 9999; text-decoration: none!important;} #scrollup:hover {background-color: #3a3937;} #scrollup.ico:before {width: 30px; height: 30px; line-height: 1; margin: 0; font-size: 30px; color: #d5d5d5; content: "\f106"; border: 1px solid #999996;} /* layout */ .section, #header-inner, #content, #footer .block {width: 1100px;} .section, #header-inner, #content, #footer .block {margin: 0 auto; text-align: left;} /* header */ .logo {background: url('../site-assets/logo.svg') no-repeat left center; background-size: contain;} #header {width: 100%;} #header.home, #header.scroll {position: fixed; z-index: 100;} #header a.logo {float: left; display: block; width: 180px; height: 90px; margin: 15px 0; background-position: left center;} #header.scroll a.logo {height: 60px; margin: 5px 0;} #header, #header a.logo {transition: all .3s ease;} /* header-wrapper */ #header-wrapper {position: relative; width: 100%; height: 100vh; overflow: hidden;} #header-wrapper #header-bottom {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../site-assets/hero-bg.jpg') no-repeat center center; background-size: cover; animation: BackgroundZoom 34s 2s ease infinite;} @keyframes BackgroundZoom {0% {transform: scale(1);} 45%,55% {transform: scale(1.05);} 90%,100% {transform: scale(1);}} #header-wrapper #block-header {text-align: center; margin: auto; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%);} #header-wrapper #block-header .claim {margin: 1em 0; letter-spacing: 0.05em; line-height: 1.3; text-shadow: 1px 1px 0px #000;} #header-wrapper #block-header .claim span {display: block; font-weight: normal; font-size: 26px;} #header-wrapper #block-header .claim span.title, #header-wrapper #block-header .claim .textwidget {margin: 1em 0;} #header-wrapper #block-header .claim span.ico.phone:before {width: 50px; height: 50px; font-size: 40px; line-height: 50px; margin-right: 6px; border-radius: 50%;} #header-wrapper #block-header .claim .textwidget {font-size: 29px; font-style: italic;} #header-wrapper #block-header .center-button .button.anchor {margin: 5px;} #header-wrapper #block-header p.claim-anchor {margin-top: 60px;} #header-wrapper #block-header p.claim-anchor .link-anchor {width: 100px; height: 90px;} #header-wrapper #block-header p.claim-anchor .link-anchor:before {font-size: 80px; animation: MoveUpDown 4s linear infinite;} @keyframes MoveUpDown {0% {transform: translateY(0);} 50% {transform: translateY(-15px);} 100% {transform: translateY(0);}} /* content */ #content {padding: 40px 0; overflow: hidden;} #content.scroll {margin-top: 120px;} /* footer */ #footer-map {line-height: 0;} #footer-map iframe {width: 100%; height: 400px;} #footer {padding: 30px; background-color: #191717;} #footer img {vertical-align: middle;} /* filter alpha */ #crossroads > ul > li > a:hover:before {filter: alpha(opacity=70); opacity: 0.7;} /* menu header */ #menu-header {float: right;} #menu-header:before, #menu-header:after {content: ""; display: table;} #menu-header:after {clear: both;} #menu-header #menu-button {display: none;} #menu-header ul li, #menu-header ul li a {position: relative;} #menu-header ul li.page-item-0 > a.ico.home:before {font-size: inherit; line-height: 0;} /* parent */ #menu-header > ul > li {float: left;} #menu-header > ul > li:first-child {border: none;} #menu-header ul li a {display: block; font-weight: bold; color: #fff; transition: all .2s ease-in-out;} #menu-header > ul > li > a {line-height: 60px; font-size: 17px; padding: 30px 6px; text-transform: uppercase;} #header.scroll #menu-header > ul > li > a {font-size: 16px; padding: 10px 10px;} #menu-header > ul > li > a:hover {color: #ccc;} #menu-header > ul > li[class*="current"] > a {text-decoration: none;} /* children */ #menu-header ul ul li {width: 250px; border-top: 1px solid #4c4c4c;} #menu-header ul ul li:first-child {border: none;} #menu-header ul ul li a {font-size: 15px; padding: 10px; text-shadow: 1px 1px 0px #000;} #menu-header ul ul li > a:hover, #menu-header ul ul li[class*="current"] > a {background: rgba(255,255,255,0.2);} /* children ico */ #menu-header ul ul li.page_item_has_children > a:after {position: absolute; top: 50%; right: 10px; width: 4px; height: 4px; margin-top: -2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; content: " "; transform: rotate(-45deg);} /* children hide */ #menu-header ul ul {position: absolute; top: 100%; left: -9999px; z-index: 100; opacity: 0; transition: opacity .4s linear;} #menu-header ul li:hover > ul {left: 0; opacity: 1;} #menu-header ul ul li > ul {top: 0;} #menu-header ul ul li:hover > ul {left: 100%;} /* homepage section */ .section {padding: 70px 0;} .section h1, .section h2 { text-align: center; font-size: 220%; margin: 0 0 1.5em 0; text-transform: uppercase;} .section h1, .section h2, .section h3, .section h4 {line-height: 1.3;} .section-wrapper.image-dark {background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('../site-assets/hero-bg.jpg') no-repeat center center; background-size: cover;} /* proc my */ .section-wrapper.image {background: url('../site-assets/hero-bg.jpg') no-repeat 0 0 fixed; background-size: cover;} .section-wrapper.image .section .section-inner {padding: 60px 40px; background: rgba(0,0,0,0.6);} .section-wrapper.image .section .section-inner ul {padding: 2em 0;} .section-wrapper.image .section .section-inner ul li {position: relative; float: left; margin: 0 0 2em 0; padding: 0 10px 0 45px; width: 50%; font-size: 140%; line-height: 1.3; box-sizing: border-box;} .section-wrapper.image .section .section-inner ul li:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: "\f05d"; font-size: 40px;} .section-wrapper.image .section .section-inner p {clear: both; text-align: center; padding-top: 30px;} #crossroads {clear: both; margin: 30px 0; padding: 15px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align: center;} #crossroads > ul > li {display: inline-block; margin-right: -4px; width: 25%;} #crossroads > ul > li > a {display: block; padding: 20px 10px; font-size: 140%; font-weight: bold; text-transform: uppercase;} #crossroads > ul > li > a:before {display: block; margin: 0 auto 10px auto; font-size: 60px; color: #636363;} /* kontaktujte nas */ .claim-left {float: left; width: 60%;} .claim-left h3 {font-size: 240%; text-transform: uppercase;} .claim-left h4 {font-size: 130%; font-weight: normal; text-transform: uppercase;} .right-button {float: right; width: 40%; text-align: center;} /* kontakt */ iframe.rezervace {float: right; margin-left: 2em;} #contact strong {font-size: 110%} /* clanek */ #main {min-height: 450px;} #main ul, .section ul, #main ol {margin: 0 0 1.5em 0;} #main ul li, .article ul li, #main .gallery p.list {position: relative; margin: 0 0 0.5em 0; padding-left: 1.6em;} #main ul li:before, .article ul li:before, #main .gallery p.list:before {position: absolute; top: 0; left: 0; content: "\25cf"; font-size: 18px; color: #c6c6c6;} blockquote {position: relative; text-align: left; font-size: 135%; font-style: italic; color: #383838; margin: 0.25em 0; padding: 0.25em 20px 0.25em 40px; line-height: 1.45;} blockquote:before {display: block; position: absolute; left: 0; top: -20px; content: "\201d"; font-size: 80px; font-family: Georgia, "Times New Roman", Times, serif;} blockquote cite { display: block; color: #636363; font-size: 75%; font-style: normal; margin-top: 0.8em;} blockquote cite:before {content: "\2014 \2009";} /* perex */ .perex {margin-bottom: 2em; padding-botom: 1em; border-bottom: 1px dotted #ccc;} .perex:before, .perex:after {content: " "; display: table;} .perex:after {clear: both;} .perex a img {border: 2px solid #fff;} .perex a:hover img {border: 2px solid #ccc;} .date {font-size: 90%; color: #68686e; text-align: right;} .center {text-align: center;} /* nav-links */ .nav-links:before, .nav-links:after {content: " "; display: table;} .nav-links:after {clear: both;} .nav-links {clear: both; text-align: center; padding: 40px 0 15px 0;} .nav-links a, .nav-links span.current {margin: 0 2px; padding: 4px 8px; border-radius: 5px; background-color: #e0e0e0; border: 1px solid #b6b6b6; text-decoration: none;} .nav-links a:hover, .nav-links span.current {color: #000; background-color: #fff;} .nav-links .page-numbers {margin: 0 3px;} /* obrazky */ p img {padding: 0; max-width: 100%;} .centered, .aligncenter {display: block; margin-left: auto; margin-right: auto;} .alignright {margin: 0 0 2px 7px; float: right;} .alignleft {margin: 0 7px 2px 0; float: left} /* formulare */ div.wpcf7-response-output {color: #000; background-color: #fff; margin: 0; padding: 0;} div.wpcf7-mail-sent-ok {border: 2px solid #398f14; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;} div.wpcf7-mail-sent-ng {border: 2px solid #ff0000; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;} div.wpcf7-spam-blocked {border: 2px solid #ffa500; background-color: #fff; padding: 5px; box-shadow: 2px 2px 5px #797979;} div.wpcf7-validation-errors {border: 2px solid #f7e700; padding: 5px; box-shadow: 2px 2px 5px #797979;} span.wpcf7-not-valid-tip {color: #000; position: absolute; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 13px; padding: 5px; box-shadow: 2px 2px 5px #797979;} span.wpcf7-not-valid-tip-no-ajax {color: #f00; font-size: 13px; display: block;} span.wpcf7-list-item {float: left; clear: both; width: 100%; margin: 0 0 1em 0;} .wpcf7-captcha-captcha {vertical-align: bottom;} #main .wpcf7-captcha-captcha {border: none;} .table-form th {text-align: left; width: 10%;} input[type="text"], input[type="email"], textarea, select {border: 1px solid #a3a3a3; background-color: #f7f7f7; padding: 4px; transition: border 0.2s, box-shadow 0.2s ease-in-out;} input[type="text"]:focus, input[type="email"]:focus, textarea:focus {background-color: #fff; box-shadow: 0px 0px 4px #373737;} input[type="text"]:hover, input[type="email"]:hover, textarea:hover {box-shadow: 0px 0px 4px #373737;} .form-submit {text-align: center; margin: 1em 0;} .form-required {color: #FF0000;} input[type="text"], input[type="email"], textarea {width: 100%; box-sizing: border-box;} textarea {height: 100px;} input[type="text"].wpcf7-captchar {width: 50px;} /* tabulka clanek */ .table-article {border: 2px solid #dcdcdc;} .table-article td, .table-article th {padding: 4px; border: 1px solid #dcdcdc;} .table-article th {text-align: center; background-color: #e8e8e8;} .table-article td {background-color: #fff; padding: 8px;} .table-article tr:nth-child(even) td {background: #f2f2f2} /* gallery + album */ .gallery {margin-bottom: 5px; padding: 10px; clear: both; font-size: 90%; line-height: 1;} .gallery:before, .gallery:after {content: " "; display: table;} .gallery:after, .gallery p.list {clear: both;} .gallery .gallery-item a {cursor: zoom-in;} .gallery .gallery-item a img, .gallery .album a img {border: 2px solid #fff;} .gallery .gallery-item a:hover img, .gallery .album a:hover img {border: 2px solid #ccc;} .gallery .gallery-item, .gallery .album {float: left; width: 16.6%; text-align: center; padding: 10px 0; overflow: hidden;} .gallery .gallery-item span, .gallery .gallery-item strong {display: block; margin: 0; padding: 3px; line-height: normal;} .gallery .album a img {width: auto; max-height: 120px;} .gallery .album h3 {max-height: 3em; margin: 0 5px 0.5em 5px; padding: 0; text-align: center; font-size: 95%; line-height: 1.5; overflow: hidden;} .gallery .album p {margin-top: 0.5em; font-size: 95%;} /* fancybox */ .fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020;} .fancybox-skin {position: relative; background: #fff; color: #444; text-shadow: none; padding: 10px !important; border-radius: 4px;} .fancybox-opened {z-index: 8030;} .fancybox-opened .fancybox-skin {box-shadow: 0 0 10px #000;} .fancybox-outer, .fancybox-inner {position: relative;} .fancybox-inner {overflow: hidden;} .fancybox-image {display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/fancybox_sprite.png');} #fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060;} #fancybox-loading div {width: 44px; height: 44px; background: url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/fancybox_loading.gif') center center no-repeat;} .fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; background-position: 0 0;} .fancybox-close:hover, .fancybox-nav span:hover {filter: alpha(opacity=100); opacity: 1;} .fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/blank.gif'); z-index: 8040;} .fancybox-prev {left: 0;} .fancybox-next {right: 0;} .fancybox-nav span, .fancybox-close {filter: alpha(opacity=80); opacity: 0.8; cursor: pointer; z-index: 8040;} .fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; visibility: hidden;} .fancybox-prev span {left: 10px; background-position: 0 -36px; border-radius: 0 10px 10px 0;} .fancybox-next span {right: 10px; background-position: 0 -72px; border-radius: 10px 0 0 10px;} .fancybox-nav:hover span {visibility: visible;} .fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;} .fancybox-lock {overflow: hidden !important; width: auto;} .fancybox-lock body {overflow: hidden !important;} .fancybox-lock-test {overflow-y: hidden !important;} .fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); zoom: 1;} .fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;} .fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;} .fancybox-title {padding: 8px 25px 12px 0; text-align: left; font-size: 90%;} .fancybox-title span#title {float: left; background: #fff; padding-right: 5px; width: 70%; height: 19px; overflow: hidden;} .fancybox-title span#counter {float: right;} /* FILE ARCHIVED ON 11:55:26 Jul 10, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:32:25 Apr 09, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): capture_cache.get: 0.317 load_resource: 631.997 (2) PetaboxLoader3.resolve: 440.578 (2) PetaboxLoader3.datanode: 181.869 (2) */