/*
 Theme Name:   Twenty Nineteen Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Nineteen WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentynineteen/style.css");
/*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
 
* {box-sizing:border-box;} 
html, body { font-size:unset;
    overflow:hidden;
    margin:0;
    padding:0;font-family: 'Montserrat', sans-serif;

    /*Avoid fl;icker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
p {max-width:45rem;}

@media (min-width:1200px) {body {font-size:1.1rem}}

.fixni-tlacitko {position:fixed;bottom:-5px;left:20px;text-transform:uppercase;font-weight:bold;background:#008CA8;display:none;color:#ffffff!important;z-index:5000;font-size:14px;padding:0.5em 1em;text-decoration:none!important;}

#section2 .wp-block-column, #section3 .wp-block-column, #section4 .wp-block-column, #section5 .wp-block-column,#section6 .wp-block-column, #section7 .wp-block-column,#section8 .wp-block-column, .plechovky-velikosti div  {opacity:0} 
#section2 .wp-block-column.vis, #section3 .wp-block-column.vis, #section2 .wp-block-column.vis, #section4 .wp-block-column.vis, #section5 .wp-block-column.vis, #section6 .wp-block-column.vis, #section7 .wp-block-column.vis, #section8 .wp-block-column.vis,.plechovky-velikosti div.vis  {opacity:1} 

.wpcf7-form-control {max-height:150px;} 

#masthead {position:fixed;top:0px;left:0px;z-index:5000;background:rgba(0,0,0,0.5);padding:30px!important;box-sizing:border-box;} 
.kontakt-nahore {position:fixed;top:30px;right:100px;z-index:5000;font-size:14px;display:flex;} 
#menu-jazyky {list-style-type:none!important;margin-left:1rem;border-left:1px solid rgba(255,255,255,0.5)}

#menu-jazyky a {color:#FFF;}
ul.sub-menu {list-style-type:none!important;padding-left:0;background:rgba(0,0,0,0.7);}
#menu-item-551 a[aria-expanded="false"] + ul.sub-menu {max-height:0;overflow:hidden;opacity:0;}
#menu-item-551 a[aria-expanded="true"] + ul.sub-menu {max-height:300px;transition:all 0.5s ease-in;opacity:1;overflow:visible;padding:10px;}

body {background:#000000;color:#ffffff}
header {position:absolute!important;}
.entry-content, .entry, #pagepiling {margin:0!important;padding:0!important;}
#menu {position:fixed;top:20px;right:20px;z-index:2000;}
#menu2 a {font-size:18px;margin-bottom:0.5em;}


/*--tlacitka--*/
.wp-block-button__link, input[type="submit"] {color:#fff;background-color:transparent!important;border:1px solid #fff!important}
.wp-block-button__link {padding-left:78px!important;background-image:url(top-zavreny.svg);background-size:50px 33px;background-repeat:no-repeat;background-position: 15px 50%;transition:all 0.5s ease-in;}
.wp-block-button__link:hover {background-image:url(top-otevreny.svg);transition:all 0.5s ease-in;}
 .novyweb input[type="submit"]:hover {background:rgba(255,255,255,0.3)!important}*
.wpcf7-form input, .wpcf7-form textarea {color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,0.3);border-radius:1rem!important;max-width:100%!important}
.socka {border-bottom:0!important;font-size:1.3rem;margin-right:0.5em;} 

input[type="submit"] {border-radius:1rem!important;height:4rem!important;}

h1.entry-title {display:none!important}
/*--menu--*/
.blocks-gallery-item, .blocks-gallery-item figure {align-items:center!important}
#menubutton {position:absolute;background:transparent;border-radius: 0 10px 10px 0;padding:16px;width:64px;height:65px;top:30px;right:20px;cursor: pointer;z-index:200000;}
#menubutton span, 
#menubutton span:before,
#menubutton span:after {
  
  height: 1px;
  width: 30px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#menubutton span {
  top: 30px;
}
#menubutton span:before {
  top: -10px;
}
#menubutton span:after {
  top: 10px; 
}
.zavri {position:absolute;top:20px;right:20px;font-size:2rem;color:#ffffff;cursor:pointer;text-decoration:none!important;z-index:40000000;}
.zavri.unvis {display:none} .zavri.vis {display:inline-block;}
#menu2.unvis  {display:block;max-width:0px;overflow:hidden;transition:all 0.1s ease-in;width:0px!important;opacity:0;}
#menu2 {margin-top:0!important;}
#menu2.vis {max-width:50000000px;transition:all 0.1s ease-in;width:400px;max-width:100vw;position:fixed;right:0;top:0;display:table;opacity:1;z-index:20000000;background:rgb(27, 27, 27);padding:4em 30px 30px 50px;box-sizing:border-box;height:100vh;}
#menu2 li {list-style-type:none;margin-bottom:0.8rem;line-height:1.2}
#menu2 a {color:#CCC;text-decoration:none!important;}

.text-vlevo {margin-left:20vw;max-width:800px;padding-top:20vh}
.text-vlevo.loga-galerie {max-width:1300px;}
.text-vlevo.loga-galerie img {max-width:100%;max-height:200px;padding:1em;}
.loga-galerie .wp-block-column {padding:0!important;}
.text-vlevo h1 {position:relative;}
.text-vlevo h1:after {/*content:"";border-bottom:1px solid white;width:20vw;position:absolute;left:-22vw;bottom:0;display:block;*/}
.text-vlevo h1:before {display:none;}

/*--plechovky--*/
.plechovky-galerie {display:flex;flex-wrap:no-wrap;justify-content:space-evenly;max-height:40rem;margin-top:3rem;max-width:50rem;}
.plechovky-galerie div {flex-grow:0;transition:all 0.5s ease-in-out;cursor:pointer;}
.plechovky-galerie img {height:100%;object-fit:contain;}
.plechovky-galerie div:nth-of-type(1) {}
.plechovky-galerie div:nth-of-type(2) {max-height:30rem;}
.plechovky-galerie div:nth-of-type(3)  {max-height:25rem;}
.velke {max-height:40rem!important;transition:all 0.5s ease-in-out;} .male {max-height:25rem!important;transition:all 0.5s ease-in-out;}

/*--novýweb--*/
.novyweb .text-vlevo {margin-left:5vw;max-width:750px;}

.novyweb #pagepiling ul {margin-left:0;padding-left:0;}
.novyweb #pagepiling li {margin-bottom:0.4em;list-style-type:none;padding-left:1.8rem;position:relative;margin-left:0;}
.novyweb #pagepiling li:before {content:"\f058";font-family:"FontAwesome";color:#eee;position:absolute;left:0em;font-size:0.95rem;}

.novyweb #pagepiling a {color:#fff;border-bottom:1px dotted rgba(255,255,255,0.7)}
.novyweb #pagepiling a:hover {color:rgba(255,255,255,0.7);transition:all 0.5s ease-in;}
.plechovky-velikosti {display: flex;
  flex-wrap: no-wrap;
  justify-content: flex-start; padding: 0 1em;max-width:800px;}
.plechovky-velikosti div {height:12rem;flex:0 0 1;text-align:left;overflow:hidden;padding-right:3rem;}
.plechovky-velikosti div:after {content:"";width:1px;height:8rem;top:1.5rem;position:absolute;right:1.5rem;background:rgba(255,255,255,0.5)}
.plechovky-velikosti div:last-child:after {display:none;}
.plechovky-velikosti img {object-fit:contain;height:100%}

@media only screen and (max-width: 768px) { video {display:none!important}}

@media (max-width:800px) {.plechovky-velikosti div:after {display:none} h3 {font-size:1.3rem;}
.plechovky-velikosti {padding: 0;flex-wrap:wrap;}.plechovky-velikosti div {height:8rem;min-height:8rem;width:50%;text-align:left;overflow:hidden;}
}
@media (max-width:480px) {.plechovky-velikosti div {height:8rem;min-height:8rem;width:100%;text-align:left;overflow:hidden;}
}


/*--animace-stromu--*/
#animation {
  width: 100%;
  height: 100%;
  margin: 2em auto 0;
  @media screen and (min-width: 800px) {
    height: 90%;
  }
}


#section1 {background-color:#000;background-image:url(../../uploads/2020/10/condensedcan5.jpg); 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background-position: right;}
  
    #section2 {background-color:#000;background-image:url(../../uploads/2020/10/about2.jpg); 
  left: 0;background-repeat:no-repeat; 
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;}
  
  #section4 {background-color:#000;background-image:url(../../uploads/2020/10/plechovky-pozadi-vice.jpg); 
  left: 0;background-repeat:no-repeat; 
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;}
  
  .novyweb   #section1 {background-color:#000;background-image:url(../../uploads/2024/12/staceni2.jpg);
  background-position:  center bottom;
       /* animation: animatedBackground 15s linear infinite alternate;background-repeat:no-repeat; */ min-height:100vh;

  }  
   .novyweb   #section8 {background-color:#000;
   background-image:url(../../uploads/2024/12/pozadi-mikropivovar2.jpg);
      /* animation: animatedBackground 15s linear infinite alternate;background-repeat:no-repeat; */

  } 
   .novyweb   #section9{
  background-color:#000;background-image:url(../../uploads/2024/12/plechovky2.jpg);
      /* animation: animatedBackground 15s linear infinite alternate;background-repeat:no-repeat; */

  } 
  /*--kontakty--*/
  .novyweb   #section9 .wp-block-column:nth-of-type(1) {width:66.6%!important;flex-basis:66.6%!important}
    .novyweb   #section9 .wp-block-column:nth-of-type(2) {width:33.3%!important;flex-basis:33.3%!important}
.novyweb .kontakty-fakturace td {border:0!important;padding-left:0!important;padding-right:0;vertical-align:top;word-break: normal!important;}
.novyweb .kontakty-fakturace td:nth-of-type(1) {padding-right:40px;}
.novyweb h4 {font-size:1.4rem!important;font-weight:bold!important;margin-top:0;}
  @media (max-width:850px) {.novyweb   #section9 .wp-block-column:nth-of-type(1) {width:100%!important;flex-basis:100%!important}
    .novyweb   #section9 .wp-block-column:nth-of-type(2) {width:100%!important;flex-basis:100%!important}}
	 @media (max-width:460px) {
		 .novyweb   #section9 .loga-firem img {max-height:40px!important;width:auto!important;margin-right:20px!important}
		 .novyweb .kontakty-fakturace td {display:block;}.novyweb .kontakty-fakturace td:nth-of-type(1) {padding-right:0;}
}
   .novyweb   #section4 {
   background-color:#000;/*background-image:url(../../uploads/2024/12/zelen2.jpg);*/
      /* animation: animatedBackground 15s linear infinite alternate;background-repeat:no-repeat; */background-image:none!important;

  } 
  .novyweb   #section4 video {position:absolute;bottom:0;left:0;z-index:-1;left:-100px}
  .novyweb #section4 .inside {padding-bottom:4rem;position:relative;min-height:100vh;}
  
  .novyweb   #section5 {
   background-color:#000;background-image:url(../../uploads/2024/12/wildgoose5.jpg);
   /* animation: animatedBackground 15s linear infinite alternate;background-repeat:no-repeat; */
  } 
  .novyweb   #section5 .wp-video {margin-top:calc(137px + 3rem);}
   .novyweb   #section6 {
  background-color:#000;background-image:url(../../uploads/2024/12/plechovka-section-1d.jpg);
    /*animation: animatedBackground 15s linear infinite alternate;*/

  } 
  .novyweb .section {background-position:center;background-repeat:no-repeat;background-size:cover;}
  
  /*--reference--*/
  #gallery-2 .gallery-item {display:flex;align-items:center;padding:2rem;box-sizing:border-box;margin:0!important}
 #gallery-2 .gallery-item img {max-height:5rem;width:auto;}
  @media (max-width:1000px) { .gallery-columns-5 .gallery-item {width:25%!important;max-width:25%!important;padding:1rem;}}
    @media (max-width:600px) {.gallery-columns-5 .gallery-item {padding:1.5rem;width:33%!important;max-width:33%!important}}

  /*--kontaktní formulář--*/
  
  
 @media (orientation: landscape) { 
  @keyframes animatedBackground { 
  from {
    background-size: 115% auto;
  }
  to {
    background-size: 100% auto;
  }
} }
   @media (orientation: portrait) { 
  @keyframes animatedBackground {
  from {
    background-size: auto 115% ;
  }
  to {
    background-size: auto 100%;
  }
} }
  

  

  .wp-block-column {padding:0 2em;}
  
  /*.plechovky>figure>table td {border: 0px;}
  .plechovky td:first-child {padding-right:4em;}*/
  .plechovky {margin:0 auto!important;max-width:1200px;padding:0 20px;transition-delay: 0.3s;
transition-duration: 0.7s;
transition-property: all;
transition-timing-function: ease}
  .inside {padding-top:20vh;padding-bottom:4rem;} 
  .velikosti td {border:0px}
  .velikosti table {border:1px solid white;border-collapse:separate;border-spacing: 20px;max-width:400px;margin-top:1em;}
  .velikosti td {font-size:1.8em;text-align:center}
  .velikosti td:first-child {padding-right:1em!important;border-right:1px solid #ffffff!important;line-height:1.1;}
  
  .section {width: 100%;
 height: 100%;left: 0;
  top: 0;} 

.pp-section {
    height:100%;
    position:absolute;
    width:100%;
    background:#000000;
    /* fixes flickering in firefox*/
    backface-visibility: hidden; 
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 15px;
    position:relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #008CA8;
}
#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    /*border: 1px solid #000;*/
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}
.pp-scrollable{
    overflow-y: scroll;
    height: 100%;
}

@media (max-width:850px) { /*.novyweb .section {animation:none!important}*/ html, body {font-size:15px!important;}
	  .plechovky>figure>table>tbody>tr>td {display:block;}
	  .custom-logo-link {width:80px;height:100px;}
.wp-block-columns {display:block!important;width:100%;}
.wp-block-column {padding:0!important;margin:0!important;}	
#masthead {padding:15px 15px 5px 15px!important}
.text-vlevo {margin-left:20px;margin-right:50px;max-width:800px;padding-top:120px;}
.text-vlevo h1:after {display:none;}
.inside {padding-right:50px;padding-top:120px;}
#menubutton {top:0;right:15px;}

#section8 h2 img {height:30px!important;width:auto!important}
#pp-nav.right {
    right: 5px;
} .kontakt-nahore {top:5px!important;right:80px!important}.kontakt-nahore .textwidget {display:none;} #menu-jazyky {border:0px!important}
	}
	
	
	@media (max-width:500px) { html,body {font-size:14px!important;}
	  .custom-logo-link {width:50px;height:62px;}

	.inside {padding-right:50px;padding-top:100px;}
.text-vlevo.loga-galerie img {max-width:100%;padding:1em;}

	}