/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
  margin:0;
  padding:0;
  font-family: "Roboto Condensed";
  font-weight:400;
  font-size:22px;
  line-height:1em;
  color:#362F26;
  -webkit-text-size-adjust:100%;
  width:100vw;
  height:100%;

}




html 		{ overflow-x:hidden;  }



h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a           { color:#362F26; text-decoration: none;}
a:focus		{ outline: none; -webkit-tap-highlight-color: transparent; }
.clearboth  { clear: both; }
.floatleft  { float: left; }
.uppercase  { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.black		{ color:black }
img         { border: none; }
p           { clear:both; }
ul          { margin:0; }
b           { font-weight:700 }
strong      { font-weight:700 }
hr          { height:1px; border:0; background-color: black; }
.tisic      { margin-left: 0.3em;	}
.nonselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
				 -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.nopadding  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,textarea { border:none; outline:none; resize:none; padding:10px 2% 10px 2%; margin-top:5px;  font-family: 'Clash Grotesk';
				font-size:20px; border:solid 1px #404040; -webkit-appearance: none; -webkit-border-radius:0px;  }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.border5   { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.border10  { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;  }
.border35  { -webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;  }
.borderRounded { -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; }

.table-cell	{ display: table-cell; vertical-align: middle;  }

li 			{ list-style-position:outside; margin-left:18px }
hr 			{ padding:0; margin:0; background-color:#404040; }


.mobile-only { display:none; }


main        { position: relative; display:block; width:100%; height:100%;  }
nav         { position: relative; float:left; width:100%; padding-top:24px } 
.container  { position:relative; display:block; width:calc(100% - 48px); max-width:1340px; margin:auto; }



.fontCheddar { font-family:"Cheddar";}

.font12		{ font-size: 12px; line-height:1.2em; }
.font16  	{ font-size: 16px; line-height:1.2em; }
.font17  	{ font-size: 17px; line-height:1.2em; }
.font20  	{ font-size: 20px; line-height:1.35em; }
.font22  	{ font-size: 22px; line-height:1.6em; }
.font32		{ font-size: 32px; line-height:1.2em; }
.font36   	{ font-size: 36px; line-height:1em; }
.font100   	{ font-size: 100px; line-height:1em; }
.font140   	{ font-size: 140px; line-height:1em; }

.section 	{ background:#FEF7E7 }
.section-dark { background:#12110D; color:#FEF7E7 }



.section0 			{ background:url(../images/pozadi.webp); background-size:cover;  position:relative; overflow:hidden }


.menu 		{ position:relative; float:right; font-weight: 600; margin-bottom:35px; z-index:10 }
.menu-item 	{ position:relative; float:left; margin-left:50px; cursor:pointer; outline: none; }
.menu.font22  	{ line-height:1em; }



.hamburger		{ display:none; position:relative; float:right; margin-right:24px; width:35px; height:16px; margin-bottom:24px; cursor:pointer; z-index:10000;
				  transform: rotate(0deg); transition: .5s ease-in-out; pointer-events:auto;
				  outline: none; -webkit-tap-highlight-color: transparent; } 
.hamburger span { position:absolute; display:block; height:3px; width:100%; background:#12110D; opacity:1; left:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; 
				  transition: width 0.5s ease-in-out, height 0.5s ease-in-out, left 0.5s ease-in-out, top 0.5s ease-in-out, transform 0.5s ease-in-out; }
.hamburger span:nth-child(1) { top: 0px; transform-origin: left center;}
.hamburger span:nth-child(2) { top: 8px; transform-origin: left center;}
.hamburger span:nth-child(3) { top: 16px; transform-origin: left center;}
.hamburger.open span { background:#FEF7E7 }
.hamburger.open span:nth-child(1) { top: -3px; left: 6px; transform: rotate(45deg);}
.hamburger.open span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger.open span:nth-child(3) { top: 22px; left: 6px; transform: rotate(-45deg);}




 
 
.title		{ position:relative;  width:100%; max-width:610px; text-align:center;  }
.title h1	{ margin-top:20px  }
.title h2	{ color:#746A5D; letter-spacing:4px; margin-top:20px  }



.pavel-light 		{ position:absolute; top:0; right:0; width:804px; margin-right:-130px; }
.pavel-light img	{ float:left; width:100%; }




.section0-info		{ position:relative; float:left; width:100%; max-width:610px; text-align:center;  }


.video 				{ float:left; width:100%; aspect-ratio:16/9; margin-top:60px; }
.video-img			{ position:absolute; width:100%; cursor:pointer; aspect-ratio:16/9; }
.video img			{ float:left; width:100%; filter: sepia(70%) saturate(50%); transition:all 0.3s; }
.video:hover img	{ filter: sepia(0) saturate(1); }
.video-url			{ float:left; width:100%; }
.video iframe		{ aspect-ratio:16/9; height:auto!important }
.video-play 		{ position:absolute; text-align:center; width:100%; height:100%; display:table; z-index:10 }
.video-play-center 	{ width:68px; margin:auto  }
.video-play img		{ width:100%; }

.album 				{ margin:auto; max-width:450px; margin-top:24px;}
.album a 			{ display:inline-block; background-color: rgb(207, 98, 63); color:#fff; border:#40362A; padding:10px 25px;
		   			  margin-top:12px; box-shadow: 5px 5px 15px -5px rgb(207, 98, 63); transition:all 0.3s; }
.album a:hover 		{ background-color:rgb(30, 113, 31); box-shadow: 5px 5px 15px -5px rgb(30, 113, 31); }

.contact			{ float:left; width:100%; margin-top:60px }
.contact a			{ position:relative;}

.social				{ float:left; width:100%; margin-top:10px; margin-bottom:120px; }
.social-item		{ display:inline-block; margin:0 5px }
.social-item img	{ float:left; width:100%; }



/* O mně */


.section1 			{ position:relative; }

.section-title		{ padding-top:70px}

.about-text 	{ margin-top:50px }

.signature 		{ position:absolute; right:0; width:315px; margin-top:30px }
.signature img 	{ float:left; width:100%;}


.about-photo img { float:left; width:calc(100% - 300px); margin-top:50px}

.interview { position:absolute; bottom:60px; right:0; width:186px; text-align:center; }
.interview a { color:#FEF7E7 }
.interview img { float:left; width:100%; padding-top:20px }

.concerts 		{ width:100%; max-width:1000px; margin:auto; margin-top:30px; }
.concert 		{ float:left; width:100%; border-bottom:solid 1px #362F26; padding:23px 0 20px 0; }
.concert .font32 { line-height: 1.4em; }
.concerts-first .concert:last-child { border:0 }
.concert-left 	{ float:left; width:420px;  }
.concert-right	{ float:left; width:calc(100% - 420px) }
.concert-place	{ font-weight: 600; }
.concert-place a { border-bottom:solid 2px #362F26;  }
.concert-info 	{ float:left; margin-top:5px; }
.concert-info a { border-bottom:solid 1px #362F26; font-weight: bold; }
.concert-info img { float:left; width:100%; height:auto }
.concert-slash  { padding:0 20px;}
.concert-no-plans { float:left; width:100%; margin-top:50px; text-align:center; }
.concerts-hide 	{ display:none; }
.concerts-hide .concert:first-child 		{  border-top:solid 1px #362F26; }
.concerts-hide .concert:last-child { border:0 }
.concerts-next	{ text-align:center; }
.concerts-next-button	{ margin:auto; margin-top:30px; margin-right:50px; padding:10px 25px; background-color:#362F26; 
						  color:#fff; cursor:pointer; display:inline-block; box-shadow: 5px 5px 15px -5px #362F26; }

.drag-box { position: absolute; opacity:0; margin-top:10px; margin-left:40px; color: #fff; pointer-events: none; transition: opacity 0.2s ease; 
			z-index:100 }


.dragscroll { cursor:pointer; }


.dragscroll-outer	{ position:relative; overflow-x:visible; overflow-y:hidden; scrollbar-width: none; margin-top:150px; }
.dragscroll-outer .dragscroll-inner { width:20296px }  /* Podle počtu */

.gallery-scroll		{ padding-bottom:24px; display: flex; flex-wrap: wrap; gap:0 16px;  }
.gallery-scroll img	{ width:100%; height:720px; flex:0 calc((100%/15) - 8px);  }


.dragscroll-outer::-webkit-scrollbar { display:none; }

.custom-scrollbar-container { width: calc(100% - 48px); margin: 0 24px; box-sizing: border-box;}
.custom-scrollbar-track 	{ position: relative; width: 100%; height: 8px; background-color: #CDBCA8;}
.custom-scrollbar-thumb 	{ position: absolute; height: 8px; background-color: #40362A; top: 0; left: 0; cursor: pointer; transition: background-color 0.3s;}



.gallery-scroll-cont	{ position:absolute; width:100%; height:720px; display:table;}
.gallery-scroll-button	{ position:absolute; width:60px; height:60px; margin-top:-30px; background: rgba(254, 247, 231, 0.5) url(../images/arrow.svg?rand=1);  
						  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-size:28px 28px; background-position: center; 
						  background-repeat:no-repeat; cursor:pointer; border-radius:32px; z-index:10; transition:all .3s ease-in-out;}
.gallery-scroll-button:hover { background-color:rgba(221, 221, 221, 0.75); }

.gallery-scroll-prev	{ display:none; left:48px; transform:rotate(180deg)}
.gallery-scroll-next	{ right:24px;}



.gallery-scroll .scroll-item				{ position:relative; float:left; width:100%; max-width:500px; }
.gallery-scroll .scroll-item:first-child	{ margin-left:24px; }
.gallery-scroll .scroll-item:last-child		{ margin-right:24px; }
.gallery-scroll .scroll-item img			{ width:100%; object-fit:cover; filter: sepia(70%) saturate(50%);transition: all .25s ease-in-out;  transform: translateZ(0); }
.filtr 										{ position:absolute; width:100%; height:720px; background-color: rgba(254, 247, 231, 0.25);  }
.gallery-scroll .scroll-item:hover img		{ filter: sepia(0) saturate(1); }



@media (hover: hover) and (pointer: fine) {
    .uline {
        white-space: nowrap;
    }
    .uline:before {
        background-color: currentColor;
        bottom: -0.1em;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    }
    .uline-t.is-active .menu-item:before,
    .uline-t:hover .menu-item:before,
    .uline.is-active:before,
    .uline.nuxt-link-exact-active:before,
    .uline:hover:before {
        transform: scaleX(1);
        transform-origin: left;
    }
}

.footer 				{ position:relative; float:left; width:100%; margin-top:100px; padding-bottom:24px}

.footer-contact			{ float:left; width:100%; max-width:320px; }
.footer-contact a		{ position:relative;}

.footer-social			{ float:left; width:100%; max-width:300px; margin-top:16px;}
.footer-social-item		{ display:inline-block; margin:0 5px }
.footer-social-item img	{ float:left; width:100%; }

.footer-web				{ position:absolute; right:0; bottom:0;}
.footer-web	img			{ width:18px; margin-left:5px}
.footer-web img.link-external	{ width:17px; margin-top:1px}
.footer-web-link		{ position:relative; display:inline }









/* Cookies */
.about-cookies-left  { float:left;  }
.about-cookies      { position:absolute; bottom:0; cursor:pointer; }


.gdpr				{ position:fixed; bottom: 24px; width:calc(100% - 48px); right:24px;  margin:auto; z-index:101; }
.gdpr-y				{ position:relative; max-height:calc(100vh - 160px); background: #12110D; color:#FEF7E7; padding:24px 24px; text-align: center; overflow:hidden; box-shadow: 0 10px 30px rgba(2,2,3,.28); }
.gdpr-close			{ position:absolute; top:0; right:0; background:url(../images/zavrit.svg); width:30px; height:28px; background-size:30px 28px; cursor:pointer; margin:24px; }
.gdpr-nadpis		{ width:calc(100% - 80px) }
.gdpr-text			{ text-align:left; margin-bottom:40px; padding-right:40px; max-width:902px; }
.gdpr-text a		{ color: #FEF7E7; border-bottom:1px solid #FEF7E7; }
.gdpr .button 		{ color: #FEF7E7; margin-left:12px; cursor:pointer; padding: 0;  text-shadow:none;
					 text-transform:uppercase; font-weight: 600; }


.gdpr-button		{ float:right; margin-top:20px!important; cursor:pointer}

.gdpr-nastaveni 	{ float:left; border-bottom:solid 2px #FEF7E7; cursor:pointer; margin-top:30px }
.gdpr-odmitnout		{ margin-right:24px; }

.overlay		{ display:none; position:fixed; width:100%; height:100vh; z-index:101;    }
.overlay-gdpr 	{ top:0; background:rgba(0,0,0,0.75); }



.gdpr-info			{ position:fixed; top:0; width:100%; max-width:500px; height:100%; right:-500px; background:#12110D;
					  color:#FEF7E7; overflow-y:auto; z-index:100000000; }
.gdpr-info-prostor  { position: relative; width: 100%; padding:24px; min-height:calc(100% - 93px); } 

.gdpr-info-close	{ position:absolute; right:24px; margin-left:24px; width:40px; margin-top:16px; cursor:pointer; z-index:10000;
				  	  transform: rotate(0deg); transition: .5s ease-in-out; pointer-events:auto; } 
.gdpr-info-close span { position:absolute; display:block; height:2px; width:100%; background:#FEF7E7; opacity:1; left:0;  
				  	 	transition: width 0.25s ease-in-out, height 0.25s ease-in-out, left 0.25s ease-in-out, top 0.25s ease-in-out, transform 0.25s ease-in-out; }

.gdpr-info-close span:nth-child(1) { top: 0; left: 3px; transform: rotate(45deg);}
.gdpr-info-close span:nth-child(2) { top: 0; left: 3px; transform: rotate(-45deg);}
.gdpr-info hr		{ background:#FEF7E7; margin-top:10px; height:1px }
.gdpr-info-nadpis	{ margin-top:20px;  }

.gdpr-subnadpis		{ margin:30px 0 20px 0 }
.gdpr-info-uvod-text{ margin:24px 70px 30px 0; }
.gdpr-info-polozka	{ background: #12110D; border-bottom:1px solid #FEF7E7; border-top:1px solid #FEF7E7; margin-bottom:16px }
.gdpr-info-button	{ margin:0 0 30px 0  }
.gdpr-info-checkbox input[type="checkbox"]  { position:absolute; opacity:0; cursor:pointer; border:0; width:0; height:0; padding:0; outline: none; }
.gdpr-info-checkbox input[type="checkbox"] + label	{ float:right; cursor:pointer; width:48px; height:24px; margin-top:20px; margin-right:20px; background:url(../images/checkbox.svg?rand=1); 
													  background-size:96px 24px; outline: none;  } 
.gdpr-info-checkbox input[type="checkbox"]:checked + label  { background-position: -48px  }
.gdpr-info-click	{ float:left; width:calc(100% - 135px); cursor:pointer; margin-bottom:18px}
.gdpr-info-click-aktivni	{ width:calc(100% - 150px); }
.gdpr-info-minus	{ display:none; float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; transform: rotate(-180deg); margin-top:20px }
.gdpr-info-plus		{ float:left; background:url(../images/arrow-cookie.svg); background-size:18px 18px; width:18px; height:18px; margin-left:12px; margin-top:20px; }
.gdpr-info-cookies	{ float:left; width:calc(100% - 70px); margin:20px 0 0 20px;}

.gdpr-info-vyp-zap	{ float:right; margin:24px 8px 0 0 }
.gdpr-info-zap		{ display:none;  }

.gdpr-info-aktivni	{ float:right; margin-top:24px; margin-right:20px; color: #FEF7E7;}
.gdpr-info-text		{ display:none; margin:10px 0 30px 0; padding:12px }
.gdpr-info-text.font18		{ line-height:1.35em }
.gdpr-info hr		{ margin-bottom:16px }
.gdpr-info-potvrdit { float:none; margin:50px auto 30px auto; width:180px; text-align:center;}

.gdpr-souhlas-desktop	{ position: sticky; width:100%; height: 93px; bottom:0px; padding: 24px 0; background:#12110D; text-align:center; }

.gdpr-info .button {  margin-right:12px; cursor:pointer; padding:0; text-shadow:none; color:#FEF7E7 }

.gdpr-prijmout2	{ background:#FEF7E7; border:solid 1px #FEF7E7; color:#fff; margin-left:12px;}
.gdpr-potvrdit	{ float:none; display:inline-block; font-weight: 600;  }