/*
Theme Name: IT v kostce
Theme URI: http://itvkostce.cz
Author: Martin Gross
Author URI: http://itvkostce.cz
Description: Šablona vytvořená na míru pro potřeby klienta
Version: 1.0
License: Copyright - Martin Gross
Tags: custom-made
Text Domain: itvkostce
*/

@-webkit-keyframes slideshow {     
0% { -webkit-transform: translateX(0%); }
24% { -webkit-transform: translateX(0%); }
29% { -webkit-transform: translateX(-25%); }
61% { -webkit-transform: translateX(-25%); }
66% { -webkit-transform: translateX(-50%); }
95% { -webkit-transform: translateX(-50%); }
100% { -webkit-transform: translateX(-75%); }
}

@-moz-keyframes slideshow {     
0% { transform: translateX(0%); }
24% { transform: translateX(0%); }
29% { transform: translateX(-25%); }
61% { transform: translateX(-25%); }
66% { transform: translateX(-50%); }
95% { transform: translateX(-50%); }
100% { transform: translateX(-75%); }
}

@-o-keyframes slideshow {     
0% { transform: translateX(0%); }
24% { transform: translateX(0%); }
29% { transform: translateX(-25%); }
61% { transform: translateX(-25%); }
66% { transform: translateX(-50%); }
95% { transform: translateX(-50%); }
100% { transform: translateX(-75%); }
}

@keyframes slideshow {
0% { transform: translateX(0%); }
24% { transform: translateX(0%); }
29% { transform: translateX(-25%); }
61% { transform: translateX(-25%); }
66% { transform: translateX(-50%); }
95% { transform: translateX(-50%); }
100% { transform: translateX(-75%); }
}

@font-face{
    font-family: ga1;
    src: url("font/ga.eot");
}
@font-face{
    font-family: ga2;
    src: url("font/ga.ttf");
}

* {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
}

html, body {
height: 100%;
}

body {
text-align: center; font-size: 20px; font-family: 'ga1', 'ga2'; color: #76514e;
}
/*responsive*/

h1, h2, h3, h4, h5 {
margin: 10px 0 20px; font-weight: bold;
}

h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 1.2em;
}

a {text-decoration: none; font-weight: bold; color: #76514e;
}

a:hover {text-decoration: underline;
}

p {
margin: 5px 0 15px;
}

ul li {
list-style-position: inside;
}

.wrap {
position: relative;
}

.wrapper {
overflow: hidden;
}
/*responsive*/

.cleaner {
clear: both; height: 0;
}

/*-----header-----*/
/*responsive*/

.logo img{
float: left;
}
/*responsive*/

.fb img{
float: right;
}
/*responsive*/

.nav {
margin-top: -1px;
}
/*responsive*/

.nav li {
list-style-type: none; position: relative; 
}
/*responsive*/

.nav:before, .nav:after {
  content:"";
  display:table;
}

.nav:after {
  clear:both;
}

.nav {
zoom:1;
}

.nav li a {
position:absolute; width: 100%; height: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; padding-top: 7px; 
color: #76514e; font-weight: normal;
background-color: #ecd6cf;
}
/*responsive*/

.nav li:first-child a, .sloupek:first-child  {
background-color: #dec4b9;
}

.nav li:nth-of-type(3) a, .sloupek:last-child {
background-color: #d4c5c4; 
}

.nav li:last-child a {
background-color: #edcfc7;
}

.nav li a:hover {
background-color: #a3716d; text-decoration: none; color: #d4c5c4;
}

/*-----content-----*/

.main {
width: 100%;
background-color: #f7e9d9;
}
/*responsive*/

.content {
width: 94%; margin: 0 3%;
min-height: 150px;
}

/*-----eshop-----*/

/*.produkt - responsive*/

.produkt img {
max-width: 200px; border: 5px #ecd6cf solid;
}

.produkt img:hover {
border-color: #a3716d;
}

.objednat a, input.tlacitko {
display: block; margin: auto; width: 150px; padding: 15px; color: #ecd6cf; background-color: #a3716d; margin-bottom: 30px; cursor: pointer; 
}

input.tlacitko {
font-size: 1.2em; font-family: 'ga1', 'ga2'; font-weight: bold; height: 60px;
}

.objednat a:hover, input.tlacitko:hover {
color: #a3716d; background-color: #ecd6cf; text-decoration: none;
}

/*-----objednavka-----*/

.formular {
text-align: center; width: 80%; margin: auto;
}

input {
width: 100%; height: 2em; margin-top: 5px; font-size: 1em;
}

textarea {
width: 80%; height: 10em; margin-top: 5px;
}

.shortform {
width: 50%;
}

.pocet {
width: 50px; height: auto;
}

.op input {
display:block; width: 20px; height: 20px; display: block; margin: auto; margin-top: 5px; margin-bottom: 5px;
}

.barva select {
padding: 5 10px 5; height: 2em; font-size: 1em;
}

/*-----footer-----*/

.prefooter {
margin: auto;
}
/*responsive*/

/*.trava - responsive*/

.sloupek {
background-color: #ecd6cf;
border-color: #a3716d;
border-width: 10px;
border-style: solid none solid none;
}/*spolecne s nav li*/
/*responsive*/

.sloupekimg {
position: absolute; bottom: 105px; top: auto; left: 0; right: 0; margin-left: auto; margin-right: auto;
/*background: transparent url('images/sloupek.png') top center no-repeat;*/ z-index: 999;
}
/*responsive*/

.sloupek:last-child p {
font-weight: bold; margin: 7px 0;
}
/*responsive*/

.cislo {
width: 80%; margin: auto; display: block; border-top: 1px #a3716d solid;
}

.sloupek:first-child li {
display: block; font-size: 1.4em;
}

.footer {
width: 100%; padding: 20px 0;
background-color: #d4c5c4;
}

.footer p {
margin: 0;
}

.telefon {
font-family: Arial;
}

/*----efekty----*/

a, .content img, input.tlacitko {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*-----slider-----*/

.slider {
overflow: hidden; margin: auto;
margin-top: 30px; margin-bottom: 30px;
}

.slideborder {
-webkit-animation-name: slideshow;
-webkit-animation-duration: 15s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: slideshow;
-moz-animation-duration: 15s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: infinite;
-o-animation-name: slideshow;
-o-animation-duration: 15s;
-o-animation-timing-function: ease-out;
-o-animation-iteration-count: infinite;
animation-name: slideshow;
animation-duration: 15s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}

.slide {
float: left;
}

/*.slide img - responsive*/

/*-----RESPONSIVE-----*/

@media only screen and (max-width:620px) {

body {
background-color: #a3716d; 
}

h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}

.wrapper {
width: 100%; 
}

.header {
width: 100%; height: auto;
background: #f7e9d9 url('images/header.jpg') center center no-repeat; position: relative; border-top: 10px #a3716d solid;
background-size: auto;
}

.logo img {
width: 74%; margin: 40px 0 0 5%;
margin-bottom: 50px;
}

.fb img {
width: 8%; margin: 45px 5% 0 0;
}

.nav {
width: 100%; float: left;
border-color: #a3716d;
border-width: 10px;
border-style: solid none solid none;
}

.nav li {
float: left; width: 100%; height: 50px; border: 0;
}

.nav li a {
font-size: 1.5em;
}

.main {
padding: 220px 15px 30px;
}

.content img {
width: 100%; height: auto;
}

.objednavka img {
width: 200px; margin: auto;
}

.produkt {
display: inline-block; width: 100%;
}

.produkt h2 {
font-size: 1.2em;
}

.trava {
width: 100%;
}

.prefooter {
width: 100%; float: left;
}

.sloupek {
float: left; width: 100%; height: auto; padding: 15px 0;
}

.sloupek:nth-of-type(2){
display: none;
}

.sloupekimg {
display: none;
}

.telefon {
font-size: 0.8em;
}

.sloupek:last-child {
border-top: 0;
}

.sloupek:first-child li {
margin: 13px 0;
}

.footer {
background-color: #ecd6cf;
}

.slider, .slide img {
width: 225px; height: 75px;
}

.slideborder {
width: 900px;
}

}

@media only screen and (min-width:621px) and (max-width:1051px) {

body {
background-color: #a3716d; 
}

h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}

.wrapper {
width: 100%; 
}

.header {
width: 100%; height: auto;
background: #f7e9d9 url('images/header.jpg') center center no-repeat; position: relative; border-top: 10px #a3716d solid;
background-size: 100%;
}

.logo img {
width: 60%; max-width: 535px; margin: 40px 0 0 20px;
margin-bottom: 50px;
}

.fb img {
width: 7%; max-width: 62px; margin: 45px 55px 0 0;
}

.nav {
width: 100%; float: left;
}

.nav li {
float: left; width: 25%; height: 70px;
border-color: #a3716d;
border-width: 10px;
border-style: solid none solid none;
}

.sloupek:first-child, .sloupek:last-child {
width: 33%;
}

.nav li a {
font-size: 1.5em;
}

.main {
padding: 70px 0 70px;
}

.content img {
width: 80%; height: auto;
}

.objednavka img {
width: 200px; margin: auto;
}

.produkt {
display: inline-block; width: 300px; margin: 0 2px;
}

.produkt h2 {
font-size: 1.2em;
}

.trava {
width: 100%;
}

.prefooter {
width: 100%; float: left;
}

.sloupek {
float: left; width: 34%; height: 250px;
}

.sloupekimg {
width: 25%; height: auto; max-width: 220px;
}

.telefon {
font-size: 0.8em;
}

.sloupek:last-child {
padding-top: 30px;
}

.sloupek:first-child li {
margin-top: 22px;
}

.slider, .slide img {
width: 450px; height: 150px;
}

.slideborder {
width: 1800px;
}

}

@media only screen and (min-width:1051px) {

body {
background-color: #fff; 
}

h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.4em;
}
h4 {
font-size: 1.3em;
}
h5 {
font-size: 1.2em;
}

.wrap {
background: rgba(181,213,255,1);
background: -moz-linear-gradient(top, rgba(181,213,255,1) 0%, rgba(235,247,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,213,255,1)), color-stop(100%, rgba(235,247,255,1)));
background: -webkit-linear-gradient(top, rgba(181,213,255,1) 0%, rgba(235,247,255,1) 100%);
background: -o-linear-gradient(top, rgba(181,213,255,1) 0%, rgba(235,247,255,1) 100%);
background: -ms-linear-gradient(top, rgba(181,213,255,1) 0%, rgba(235,247,255,1) 100%);
background: linear-gradient(to bottom, rgba(181,213,255,1) 0%, rgba(235,247,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d5ff', endColorstr='#ebf7ff', GradientType=0 );
}

.wrapper {
width: 999px; margin: 0 auto; 
}

.header {
width: 100%; height: 305px; margin-top: 40px;
background: #f7e9d9 url('images/header.jpg') top right no-repeat; position: relative; border-top: 20px #a3716d solid;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
}

.logo img {
width: 535px; height: 70px; margin: 40px 0 0 20px;
}

.fb img {
width: 62px; height: 62px; margin: 45px 55px 0 0;
}

.nav {
width: 1000px; 
}

.nav li {
float: left; width: 25%; height: 70px;
border-color: #a3716d;
border-width: 10px;
border-style: solid none solid none;
}

.sloupek:first-child, .sloupek:last-child {
width: 33%;
}

.nav li a {
font-size: 1.8em;
}

.main {
padding: 20px 0 70px;
}

.produkt {
float: left; width: 310px; margin: 0 1px 15px 0;
}

.produkt:nth-of-type(3n+0) {
margin-right: 0;
}

.produkt h2 {
font-size: 1.4em;
}

.trava {
width: 100%; height: 250px; 
background: transparent url('images/trava.png') top center no-repeat;
background-size: 100% 250px;
}

.prefooter {
width: 1000px; 
}

.sloupek {
float: left; width: 34%; height: 250px;
}

.sloupekimg {
width: 220px; height: 258px; 
}

.sloupek:last-child {
padding-top: 30px;
}

.sloupek:first-child li {
margin-top: 22px;
}

.slider, .slide img {
width: 450px; height: 150px;
}

.slideborder {
width: 1800px;
}

}

/*-----gdpr-----*/

.wpcf7-form-control-wrap.vop {
display: block; margin-top: 5px;
}

.gdpr-bar {
position: fixed; width: 100%; left: 0; right: 0; padding: 10px; text-align: center;
background: #a3716d;
z-index: 99999;
}

.gdpr-bar-bottom {
bottom: 0; 
}

.gdpr-bar-top {
top: 0; 
}

body .gdpr-bar p, body .gdpr-bar a, body .gdpr-bar form {
margin: 0; padding: 0;
font-size: 18px;
line-height: 24px;
color: #fff;
border: 0;
}

body .gdpr-bar p {
display: block; width: 100%; height: auto;
}

body .gdpr-bar a {
display: inline;
text-decoration: underline;
font-weight: bold;
}

body .gdpr-bar a:hover {
text-decoration: none;
}

.gdpr-bar input[type=submit] {
display: inline-block; margin: 10px 0 0;
border: 1px #dec4b9 solid;
background: #dec4b9;
color: #fff;
cursor: pointer;
transition: color 0.5s ease, background 0.5s ease, border-color 0.5s ease;
}

.gdpr-bar input[type=submit]:hover {
background: #a3716d;
color: #fff;
border-color: #fff;
}

input[type=submit].gdpr-page-button {
width: auto; height: auto; margin-bottom: 10px; text-align: center;
white-space: normal;
line-height: 1.5em;	
}