.expand-ul, .hamburger-outer, .sub-menu {
	display: none;
}
.nav ul {
	list-style-type: none;
	margin-top: 0;
	padding-left: 0;
	margin-bottom: 0;
}
.nav ul li a {
	color: #000;
	height: 97px;
	line-height: 1.9;
	padding: 32px 15px;
	display: block;
	font-size: 1.1em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	font-family: "Bebas Neue","Helvetica Neue Condensed","Arial Narrow",Arial,sans-serif;
}
.nav ul li a:hover, .nav ul li.current-menu-item > a{
	background: #7f0a24;
	color: #ffe100;
	text-decoration: none;
}
.nav ul li a .material-icons{
	line-height: 1.3;
}
.nav ul.sub-menu li a {
	padding: 13px 20px;
	text-transform: none;
	font-family: "Encode Sans Condensed","Arial Narrow",Arial,sans-serif;
	letter-spacing: 0;
	color: #333;
	height: auto;
	line-height: 1.3;
	border-bottom: 1px solid #f2f2f2 !important;
}
.nav ul.sub-menu li a:after {
	background: #f2f2f2;
	height: 1px;
}
.nav ul li .sub-menu a:hover, 
.nav ul.sub-menu li.current-menu-item > a {
	background: rgba(0,0,0,.1);
}

/* MENY ENDAST PÅ DESKTOP */

@media only all and (min-width: 1036px) {
	
	#mobilesearch{
		display: none;
	}
	.sub-menu {
		position: absolute;
		background: #fff;
		min-width: 300px;
	}
	.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	.nav
	{
		height: 97px;
	}
	.nav ul li.current-menu-item > a, .nav ul li.current-menu-ancestor > a {
		background: #7f0a24;
		color: #ffe100;
	}
	.nav ul.sub-menu li.current-menu-item > a {
		background: #f6f6f6;
		color: #000;
	}
	.nav > ul.menu
	{
		display:flex;
		height: 97px;
	}

	.nav > ul > li {
		position: relative;
		height: 97px;
	}

	.nav > ul.menu .material-icons
	{
		width:24px;
		overflow: hidden;
	}
	
}

/* MENY ENDAST PÅ MOBIL */

@media (max-width: 1035px) {   

	.menu-item-has-children {
		position: relative;
	}  
	.trigger-search.menu-item.menu-item-type-custom {
		display: none;
	}
	#mobilesearch{
		display: block;
		position: fixed;
		right: 120px;
		top: 57px;
	}
	#mobilesearch a{
		padding: 35px 0 0 0;
	}
	#mobilesearch .material-icons{
		font-size: 40px;
		color: #000;
	}
	.nav {
		float: none;
		position: fixed;
		width: 300px;
		height: 100%;
		top: 0;
		right: -310px;
		z-index: 99;
		background: #f6f6f6;
		padding-top: 111px;
		overflow: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
	}
	.nav.active {
		right: 0;
	}
	.sub-menu {
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: none;
		background: #fff;
	}
	.expand-ul, .active-expand {
		display: block;
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
		width: 105px;
		padding: 11px;
		text-align: right;
		font-size: 2em;
		color: #000;
		line-height: 1.6;
		font-weight: 300;
		z-index: 999;
	}
	.nav ul .sub-menu li a {
		padding: 12px 40px !important;
		border-bottom: none !important;
	}
	.nav ul li{
		border-bottom: 1px solid #dadada;
	}
	.nav > ul > li {
		position: relative;
	}
	.nav ul li a {
		padding: 20px !important;
		color: #000;
		height: auto;
	}
	.nav ul li.current-menu-ancestor > a {
		background: #7f0a24;
		color: #ffe100;
	}
	.nav ul li.current-menu-ancestor > i, .nav ul li.current-menu-item > i {
		color: #ffe100;
	}
	.hamburger-outer {
		display: block;
		position: fixed;
		top: 50px;
		right: 5%;
		z-index: 100;
		background: #ffe100;
		padding: 12px 12px 10px 12px;
		border-radius: 50%;
	}
	.white .c-hamburger span, .white .c-hamburger span:before, .white .c-hamburger span:after {
		background-color: #000;
	}
	/*.white a {
		color: #fff !important;
	}*/
	.c-hamburger {
		position: relative;
		overflow: hidden;
		margin: 0;
		float: right;
		top: 0;
		z-index: 99;
		padding: 0;
		width: 28px;
		height: 28px;
		font-size: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		background: transparent;
		outline: none;
		cursor: pointer;
	}
	.c-hamburger--htx.is-active span {
		background: none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 11px;
		left: 0;
		right: 0;
		height: 3px;
		border-radius: 2px;
		background: #000;
	}
	.c-hamburger--htx.is-active span:before, .c-hamburger--htx.is-active span:after {
		transition-delay: 0s, 0.3s;
	}
	.c-hamburger--htx.is-active span:before {
		top: 0;
		transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span:after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	.c-hamburger--htx span:before, .c-hamburger--htx span:after {
		transition-duration: 0.3s, 0.3s;
		/* transition-delay: 0.3s, 0s; */
	}
	.c-hamburger--htx span:before, .c-hamburger--htx span:after {
		transition-duration: 0.3s, 0.3s;
		/* transition-delay: 0.3s, 0s; */
	}
	.c-hamburger--htx span:before {
		transition-property: top, transform;
	}
	.c-hamburger--htx span:after {
		transition-property: bottom, transform;
	}
	.c-hamburger span:before {
		top: -8px;
	}
	.c-hamburger span:after {
		bottom: -8px;
	}
	.c-hamburger span:before, .c-hamburger span:after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 3px;
		background: #000;
		content: "";
		border-radius: 2px;
	}
}

@media (max-width: 760px){
		#mobilesearch{
		right: 105px;
	}
}
@media (max-width: 524px){
		#mobilesearch{
		right: 85px;
	}
}
@media (max-width: 404px){
		#mobilesearch{
		right: 80px;
		}
		.hamburger-outer {
			right: 15px;
		}
		#mobilesearch .material-icons{
		font-size: 30px;
		line-height: 1.3em;
		}
}