/*
Theme Name:
Author: Mklik.cz
Author URI: www.mklik.cz
*/
html {min-height:100%;}
* {margin:0;padding:0;}
* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img {max-width:100%;height:auto;box-sizing:border-box;}
a {color:#000;}
a:hover {color:#888;}
a img {border:none;}
body {font-family:Roboto, Arial, Helvetica, sans-serif;font-size:1.2em;color:#666;}
h1 {font-size:1.3em;color:#333;text-align:left;padding:0 0 10px 0;}
h2 {font-size:1.2em;color:#333;text-align:left;padding:0 0 10px 0;}
h3 {font-size:1.1em;color:#333;text-align:left;padding:0 0 10px 0;}
h4 {font-size:1.0em;color:#333;text-align:left;padding:0 0 10px 0;}
h5 {font-size:0.9em;color:#333;text-align:left;padding:0 0 10px 0;}
h6 {font-size:0.8em;color:#333;text-align:left;padding:0 0 10px 0;}
p {padding:0 0 2em 0;}
p.list_post {padding:0 0 0.5em 0;}
b {color:#000;}
strong {color:#000;}
blockquote {background:#2C3337;color:#fff;font-weight:bold;padding:1em;margin:0 0 1em 0;text-align:center;}
blockquote h1 {color:#fff;text-align:center;}
blockquote h2 {color:#fff;text-align:center;}
blockquote h3 {color:#fff;text-align:center;}
blockquote h4 {color:#fff;text-align:center;}
blockquote h5 {color:#fff;text-align:center;}
blockquote h6 {color:#fff;text-align:center;}
blockquote p {padding:0;}
blockquote a {color:#fff;}
img{border:0;}
img.alignnone {border:#d8dddf 1px solid;display:inline;margin:0 7px 2px 0;padding:4px;}
img.aligncenter {border:#d8dddf 1px solid;display:block;margin:auto;padding:4px;}
img.alignleft {float:left;border:#d8dddf 1px solid;display:inline;margin:0 7px 2px 0;padding:4px;}
img.alignright {float:right;border:#d8dddf 1px solid;display:inline;margin:0 0 2px 7px;padding:4px;}
img:hover {border:1px solid #999;}
.gallery img {border:#d8dddf 1px solid !important;height:auto;padding:4px;}
.gallery img:hover {border:1px solid #999 !important;}
.gallery img {transition:transform .3s ease;}
.gallery img:hover {transform:scale(1.05);}
/* structure */
.cont {margin:auto;padding:0;width:100%;}
/* top */
.top {width:100%;}
.qtrans_language_chooser ul {float:right;display:inline;padding:10px;}
.qtrans_language_chooser li {float:left;display:inline;margin:0 0 0 8px;}
/* menu */
.nav {width:100%;margin:auto;}
.nav button {font-size:0.7em;background:rgba(0,0,0,0.7);color:#fff;cursor:pointer;display:none;padding:20px;margin:auto;width:100%;border:none;}
.nav button:hover, .menu button:focus {background:rgba(0,0,0,0.7);}
.nav.zobrazit menu {display:block;}
.nav menu {display:flex;width:100%;justify-content:center;background:rgba(0,0,0,0.7);}
.nav menu ul {display:inline-block;margin:0;padding:0;}
.nav menu li {float:left;list-style:none;}
.nav menu ul {padding:0;margin:0;}
.nav menu a {float:left;color:#fff;display:block;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:0.7em;padding:2em 0.8em;margin:0;}
.nav menu a:hover {color:#888;}
.nav menu .current_page_item a {color:#888;background:#fff;}
.nav menu .last a {border:none;}
.nav menu .logo a {margin:0;padding:0;}
.nav menu .logo a img:hover {border:none;}
/* slider */
#slider {float:left;width:100%;height:400px;position:relative;}
#slider span {position:absolute;width:100%;}
#slider span img:hover {border:none;}
#slider span img {object-fit:cover;width:100%;height:400px;}
#slider span:nth-of-type(1) {animation-name:fader;animation-delay:4s;animation-duration:1s;z-index:20;}
#slider span:nth-of-type(2) {z-index:10;}
#slider span:nth-of-type(n+3) {display:none;}
@keyframes fader {from {opacity:1.0;} to {opacity:0.0;}}
/* content */
.content {margin:1em auto;width:80%;}
.content .descr {color:#664;margin-bottom:6px;}
.content ul li {line-height:1.4em;list-style:url('img/li.gif');margin-left:50px;}
.content ol {padding:0 0 20px 0;}
.content ol li {line-height:1.4em;margin:0 0 0 50px;padding:0;}
/* posts */
.post {}
/* info */
.info{margin:10px 0 4px 0;}
.info a {color:#ff0000;}
.info a:hover {text-decoration:underline;}
/* footer */
.footer {font-size:0.7em;color:#000;padding:1em 0;}
.footer a {color:#000;}
.footer a:hover {color:#444;}
.footer .social-box {text-align:center;padding:10px 0;}
.footer .social-box img {border:0;}
.footer .social-box img:hover {border:0;}
.footer .info {text-align:center;}
/* contact form */
.info-form {color:#ff0000;font-weight:bold;border:#777 1px solid;padding:10px;margin:0 0 20px 0;}
.contact-form label, .contact-form input, .contact-form textarea {display:block;margin:10px auto;width:80%;}
.contact-form label {font-weight:bold;}
.contact-form input {padding:5px;}
.contact-form .cf_url {display:none;}
.cf_message {width:100%;padding:0;}
.contact-form .cf_send {color:#fff;font-size:0.8em;font-weight:bold;background:#12ad5e;padding:15px 25px 15px 25px;border:none;border-radius:5px;width:auto;text-transform:uppercase;letter-spacing:5px;cursor:pointer;}
.contact-form .cf_send:hover {background:#494949;transition:all 0.4s ease 0s;}
.contact-form .cf_send:active {background:#000;}
/* shortcodes columns */
.blok {width:100%;margin:10px auto;display:flex;justify-content:center;}
.box {margin:10px;padding:10px;width:100%;border:#ddd 1px solid;text-align:center;}
.box h1 {text-align:center;}
.box h2 {text-align:center;}
.box h3 {text-align:center;}
.box h4 {text-align:center;}
.box h5 {text-align:center;}
.box h6 {text-align:center;}
.box img {border:none;margin:auto;padding:10px 0;}
.box p {padding:0.5em;}
/* Smartphones */
@media only screen and (max-width : 700px) {
iframe {max-width:100%;height:auto;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {text-align:center;}
blockquote {float:left;}
.gallery-item {width:100% !important;}
img.alignnone {float:none;width:100% !important;margin:0 7px 14px 0;}
img.alignleft {float:none;width:100% !important;display:inline;margin:0 0 14px 0;}
img.alignright {float:none;width:100% !important;margin:0 0 14px 0;}
.cont {width:100%;padding:0;}
.top {width:100%;margin:auto;height:auto;}
.nav {float:none;width:100%;z-index:9999;padding:0;}
.nav button {display:block;}
.nav menu {display:none;}
.nav menu ul {width:100%;padding:0;height:auto;}
.nav menu li {float:none;display:block;}
.nav menu a {float:none;font-size:0.6em;padding:2.0em 0;text-align:center;}
.nav menu .logo a {display:none;}
#slider {height:200px;}
#slider span img {height:200px;}
.content {width:95%;}
.post {float:none;width:100%;margin:auto;}
.contact-form label, .contact-form input, .contact-form textarea {width:100%;}
.blok {width:100%;margin:auto;display:block;}
.box {float:left;width:100%;margin:5px 0;}
}