header#header {
	position: fixed;
	z-index: 110;
	top: 0;
	width: 100%;
	color: #fff;
	fill: #fff;
	font-size: 0;
}
header#header,
.header-dummy {
	height: var(--header-height);
/* 	margin-bottom: 100px; */

	-o-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
/* .header-dummy {
	display: none;
} */
.header-dummy {
	height: 0;
}
.single-post .header-dummy,
.error404 .header-dummy,
.archive:not(.post-type-archive-retailer) .header-dummy,
.page-template-default .header-dummy {
	height: var(--header-height);
	background-color: #4A4E49;
	/* background-color: rgba(74,78, 73, 0.9); */
    margin-bottom: 70px;
}
.sticky-header header#header {
	/* 	height: 120px; */
	background-color: #4A4E49;
	/* background-color: rgba(74,78, 73, 0.9); */
}
header > .container {
	position: relative;
	height: 100%;
	overflow: hidden;
}
header > .container > div {
	display: inline-table;
	height: 100%;
	vertical-align: middle;
}
header > .container > div > div {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
header > .container > div > div > * {
	display: inline-block;
	vertical-align: middle;
}
header > .container .left {
	position: relative;
	z-index: 1;
	float: left;
}
header > .container .middle {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header > .container .right {
	position: relative;
	z-index: 1;
	float: right;
}

/* logo */
header > .container .logo {
	font-size: 0;
	width: 5.8rem;
}
header > .container .logo svg {
	-o-transition: fill 0.2s, width 0.2s;
	-moz-transition: fill 0.2s, width 0.2s;
	-webkit-transition: fill 0.2s, width 0.2s;
	transition: fill 0.2s, width 0.2s;
}
.sticky-header header > .container .logo svg {
	/* 	width: 80%; */
}
header > .container .logo .mobile {
	display: none;
}

/* menu */
header > .container .nav-menu li {
	display: inline-block;
	margin-left: 1.77rem;
}
header > .container .nav-menu li:first-child {
	margin-left: 0;
}
header > .container .nav-menu li a,
header > .container .language-switcher li a {
	font-size: 0.77rem;
	line-height: 1;
	opacity: 0.7;
	color: inherit !important;

	-o-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
header > .container .nav-menu li a:hover,
header > .container .nav-menu li.current-menu-item > a,
header > .container .nav-menu li.current_page_item > a,
header > .container .nav-menu li.current-page-ancestor > a,
header > .container .nav-menu li.current-menu-parent > a,
body.single-post header > .container .nav-menu li.current_page_parent > a,
header > .container .language-switcher li a:hover,
header > .container .language-switcher li.current-lang a {
	opacity: 1;
}
header > .container .nav-menu li > ul.sub-menu {
	display: none;
}

/* language switcher */
header > .container .language-switcher {
	margin-left: 40px;
}
header > .container .language-switcher li {
	display: inline-block;
	margin-left: 0.2rem;
}
header > .container .language-switcher li:first-child {
	margin-left: 0;
}
header > .container .language-switcher li:not(:last-child)::after {
	content: "-";
	margin-left: 0.2rem;
	font-size: 0.77rem;
}
header > .container .language-switcher li a {
	text-transform: uppercase;
}

/* menu toggle */
header > .container .hamburger-btn {
	display: none;
	stroke: #fff;
}
@media all and (max-width: 1400px) {
	header > .container .nav-menu li a,
	header > .container .language-switcher li a {
		font-size: 0.82rem;
	}
}
@media all and (max-width: 1100px) {
	.single-post .header-dummy,
	.error404 .header-dummy,
	.archive:not(.post-type-archive-retailer) .header-dummy,
	.page-template-default .header-dummy {
	    margin-bottom: 40px;
	}
	header > .container .logo {
		width: 5.5rem;
	}
	header > .container .middle,
	header > .container .nav-menu,
	header > .container .language-switcher {
		display: none;
	}
	header > .container .hamburger-btn {
		display: inline-block;
	}
}
