/* infolinka */
.site-msg.information{
	display: none;
	}

.site-msg{
	padding: 8px 0 8px;
	background-color: var(--tb-color-black);
	}

.site-msg .close::before{
	color: var(--tb-color-bone);
	opacity: 0.7;
	}

.site-msg .text{
	font-size: 1.3rem;
	line-height: 100%;
	text-transform: none;
	color: white;
	font-weight: 400;
	text-align: center;
	width: 100%;
	max-width: 1420px;
	}

.site-msg .text a{
	/*text-decoration: underline;*/
	color: white;
	}

/*** sticky ***/
.template-13:not(.jupiter) #header, .template-14 #header{
	position: sticky;
	top: 0;
	z-index: 8;
	}

.site-msg.information{
	position: static;
	}

/* header */
#header{
	display: flex;
	flex-direction: row;
	/*background: linear-gradient(to bottom, var(--tb-color-bone) 32px, white 32px);*/
	background-color: white;
	max-width: 100%;
	margin: auto;
	padding: 32px max(0px, calc(50% - 720px)) 0;
	/*border-bottom: 1px solid var(--tb-color-bone);*/
	}



/* bottom */
.header-bottom{
	display: block;
	order: 1;
	flex-grow: 1;
	/*border-bottom: 1px dotted red;*/
	flex: 0 0 calc(50% - 70px);
	}

.header-bottom .navigation-in{
	background-color: transparent;
	}

.header-bottom .navigation-in ul{
	justify-content: left;
	flex-wrap: nowrap;
	/*background: silver;*/
	}

.header-bottom .navigation-in li{
	/*border: 1px solid blue;*/
	}

.navigation-in > ul > li > a,
.navigation-in > ul > li > a:hover{
	padding: 0;
	margin: auto;
	border: none;
	}



/* top */
#header .header-top{
	order: 2;
	flex-grow: 1;
	height: auto;
	/*border: 1px dotted red;*/
	}

.header-top .container{
	width: auto;
	padding-left: 0;
	}

#header .header-top .header-top-wrapper{
	justify-content: flex-start;
	align-items: stretch;
	height: auto;
	}



/* logo */
#header .header-top .header-top-wrapper h1.site-name,
#header .header-top .header-top-wrapper .site-name{
	width: 140px;
	/*border: 1px solid yellow;*/
	padding: 0;
	margin-right: auto;
	margin-top: 0;
	}

#header .header-top .header-top-wrapper h1.site-name a,
#header .header-top .header-top-wrapper .site-name a{
	display: block;
	margin: auto;
	/*outline: 1px solid blue;*/
	padding: 16px 0 12px;
	}

#header .header-top .header-top-wrapper h1.site-name a img,
#header .header-top .header-top-wrapper .site-name a img{
	display: block;
	width: 111px;
	height: 16px;
	/*border: 1px solid orange;*/
	margin: auto;
	}


/* buttons */
.navigation-buttons{
	margin-left: auto;
	}

.header-top .navigation-tools{
	display: none;
	}

.navigation-buttons a,
.navigation-buttons button{
	max-height: 44px;
	}

.navigation-buttons button{
	font-size: 20px !important;
	}

/* položky kategorií */
#navigation{
	max-height: 40px;
	}

.navigation-in ul{
	padding: 8px;
	}

.navigation-in ul li{
	padding: 9px 3px 11px;
	}

.navigation-in ul li a{
	display: block;
	color: var(--tb-color-black);
	padding: 0;
	margin: auto;
	}

.navigation-in > ul > li:first-child{
	border: none;
	}

.navigation-in > ul > li:first-child > a:hover{
	padding: 0;
	}

.navigation-in ul li a b{
	white-space: nowrap;
	font-weight: 400px;
	font-size: 1.3rem;
	line-height: 100%;
	padding: 9px 6px 9px;
	text-transform: none;
	/*background: yellow;*/
	}

.navigation-in ul li a:hover{
	background-color: transparent;
	text-decoration: underline;
	color: var(--tb-color-black);
	}

/* skrytí blogu a jedné kategorie */
.navigation-in ul li.menu-item-1075,
.navigation-in ul li.menu-item-1033{
	display: none;
	}



/* responsiv */
.tb-menu-hgb{
	width: 40px;
	font-family: shoptet;
	color: black;
	line-height: 100%;
	padding: 12px 0 10px;
	text-align: center;
	font-size: 2.4rem;
	cursor: pointer;
	display: none;
	}

.navigation-wrapper.header-bottom-wrapper{
	/*display: flex;
	flex-wrap: nowrap;*/
	overflow: visible;
	}

#navigation.tb-menu-navigation-open{
	display: block;
	}

/*** flags **/
.tb-header-flags{
	display: block !important;
	width: 19px;
	padding: 7px 0 0;
	margin-left: 7px;
	}

.tb-header-flags details{
	display: block;
	width: 19px;
	position: absolute;
	z-index: 999;
	background-color: var(--tb-color-bone);
	}

.tb-header-flags summary{
	display: block;
	padding: 0;
	color: white;
	/*border: 1px solid red;*/
	margin-bottom: 9px;
	}

.tb-header-top-right .tb-header-flags span{
	display: block;
	width: 16px;
	height: 16px;
	/*margin: auto 0 auto auto;*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	/*border: 1px solid red;*/
	padding: 0;
	}

.tb-header-flags summary span{
	background-image: var(--tb-flag-cz);
	/*margin: auto;*/
	margin-right: 3px;
	}

.tb-header-flags em{
	font-style: normal;
	font-size: 1.2rem;
	color: var(--tb-color-black);
	font-weight: 400;
	padding: 4px 3px 3px 7px;
	}

.tb-header-flags a{
	display: flex;
	width: 100px;
	justify-content: space-between;
	padding: 3px 8px 3px 3px;
	background-color: var(--tb-color-bone);
	border: 2px solid var(--tb-color-boneDark);
	position: relative;
	margin-left: -82px;
	line-height: 100%;
	}

.tb-header-flags a:nth-of-type(1){
	border-top: none;
	border-bottom: none;
	}

.tb-header-flags a:nth-of-type(2){
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	}

.tb-header-flags a:nth-of-type(1) span{
	background-image: var(--tb-flag-pl);
	margin-top: 2px;
	}

.tb-header-flags a:nth-of-type(2) span{
	background-image: var(--tb-flag-eu);
	margin-top: 2px;
	}


/*
tx+='<details>';
							tx+='<summary><span></span></summary>';
							tx+='<a href="https://www.bubelo.pl/" target="_blank"><span></span><em>Polsky</em></a>';
							tx+='<a href="https://www.bubelo.eu/" target="_blank"><span></span><em>Anglicky</em></a>';
						tx+='</details>';
*/

/*
.tb-footer-matedotaz-right a,
.tb-footer-matedotaz-right summary{
	display: flex;
	cursor: pointer;
	margin-bottom: 6px;
	}

.tb-footer-matedotaz-right summary:hover,
#footer .tb-footer-matedotaz-right a:hover em{
	text-decoration: underline;
	}

.tb-footer-matedotaz-right summary{
	background: var(--tb-svg-footer-arrow);
	background-size: 5px 3px;
	background-position: right center;
	background-repeat: no-repeat;
	}

.tb-footer-matedotaz-right span{
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	}

.tb-footer-matedotaz-right em{
	font-style: normal;
	font-size: 1.3rem;
	color: white;
	font-weight: 400;
	padding-left: 7px;
	}



.tb-footer-matedotaz-flag-pl span{
	background-image: var(--tb-flag-pl);
	}

.tb-footer-matedotaz-flag-eu span{
	background-image: var(--tb-flag-eu);
	}
*/


/*** responsiv ***/
@media (max-width: 1290px)
{
	.tb-menu-hgb{
		display: block;
		}

	#navigation{
		display: none;
		position: absolute;
		background: blue;
		top: 40px;
		z-index: 160;
		margin-top: 0;
		margin-left: 0;
		right: auto;
		max-height: none;
		height: auto;
		width: 200px;
		background: var(--tb-color-bone);
		transition: box-shadow 0.3s ease;
		border: 2px solid var(--tb-color-boneDark);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
		padding: 0;
		}

	.navigation-in{
		position: static;
		width: auto;
		}

	.navigation-in.menu{
		display: block;
		}

	.navigation-in.menu ul{
		display: block;
		}

	.navigation-in.menu li{
		border: none;
		margin: auto;
		}

	.toggle-window[data-testid="hamburgerMenu"]{
		display: none !important;
		}

	.navigation-wrapper.header-bottom-wrapper .menu-helper{
		display: none !important;
		}
}


@media (max-width: 620px)
{
	.header-bottom{
		display: block;
		flex-basis: 50px;
		}

	#header .header-top .header-top-wrapper h1.site-name a,
	#header .header-top .header-top-wrapper .site-name a{
		margin-left: 0;
		}
}