/*******************
	HEADER
*******************/

header {
	z-index: 888;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: calc(var(--gutter) * 0.5) 0;
	height: 7.65em;
	transition: 0.3s;
}
	body.scrolled header {
/*		padding: calc(var(--gutter) * 0.25) 0;
*/	    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f37049+0,ed0089+100 */
	    background: rgb(243,112,73); /* Old browsers */
	    background: -moz-linear-gradient(-45deg,  rgba(243,112,73,1) 0%, rgba(237,0,137,1) 100%); /* FF3.6-15 */
	    background: -webkit-linear-gradient(-45deg,  rgba(243,112,73,1) 0%,rgba(237,0,137,1) 100%); /* Chrome10-25,Safari5.1-6 */
	    background: linear-gradient(135deg,  rgba(243,112,73,1) 0%,rgba(237,0,137,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37049', endColorstr='#ed0089',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
header > .wrapper {
	position: relative;
/*	overflow: auto;
*/}
header .hamburger {
	z-index: 4;
	position: absolute;
	top: 60%;
	right: 1em;
	padding: 0.45em 1em;
	transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	color: #fff;
	transition: 0.3s;
}
.header-logo {
	z-index: 2;
	position: relative;
	flex: 0 0 20.75em;
	text-align: left;
/*	margin-left: -1.5em;
*/	transition: 0.3s;
}
.header-logo img {
	width: 25em;
	transition: 0.3s;
}
	@media screen and (max-width: 600px) {
		.header-logo img { width: 20em; }
	}

.header-nav {
	position: fixed;
	top: -10em;
	right: 0;
	text-align: left;
	transition: 1s 1.5s ease-out;
}
	body.ready .header-nav { top: 0; }
.main-nav ul {
	width: 40em;
	margin: 0 0 0 auto;
	list-style-type: none;
}
.main-nav > ul > li {
	height: 7.65em;
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	transform: rotate(180deg);
}
.main-nav > ul > li > a {
	display: block;
	padding: 1.1em 1.75em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.main-nav > ul > li > a:hover {
	padding: 1.1em 2.25em;
}
.main-nav > ul > li:last-child {
	flex: 1;
}


.header-nav .wpml-ls-legacy-list-horizontal {
	position: absolute;
	bottom: 1.5em;
	right: 1em;
	font-weight: 500;
	font-size: 0.9em;
}
.header-nav .wpml-ls-legacy-list-horizontal a {
	position: relative;
	padding: 5px 7px;
	display: inline-block;
}
.header-nav .wpml-ls-legacy-list-horizontal ul li:not(:last-child) a::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -1px;
	bottom: 5px;
	width: 2px;
	background: currentColor;
}


	@media screen and (max-width:1050px) {
		.main-nav ul { width: 33em; }
	}
	@media screen and (max-width: 950px) {
		.header-logo { flex: 0 0 20em; }
		.header-nav { font-size: 0.95em; }
		.main-nav > ul > li > a { letter-spacing: 0; }
	}
	@media screen and (max-width: 800px) {
		.main-nav ul { width: 28em; }
		.header-nav .wpml-ls-legacy-list-horizontal {
			position: fixed;
			bottom: auto;
			top: 8em;
		}
	}
	@media screen and (max-width: 750px) {
		.header-logo { font-size: 0.85em; }
/*		header .hamburger {
			right: 0;
			left: auto;
			padding: 0.3em var(--gutter) 0.3em 1em;
			top: 50%;
		}*/
	}
	@media screen and (max-width: 650px) {
		header { height: 6.5em; }
		.header-nav { display: none; }
		header .hamburger {
			opacity: 1;
			visibility: visible;
			top: 50%;
		}
	}
	@media screen and (max-width: 450px) {
		header .hamburger { border: none; padding-right: 1em; }
		.hamburger label { display: none; }
	}