/* Hamburger Menus */
div.menu {
	text-align:right;
	position:relative;
	height:0px;
}
	
	button.hamburger_toggle {
		position:relative;
		height:var(--margin);
		width:var(--margin);
		min-width:var(--margin);
		font-size:var(--margin-m);
		line-height:var(--margin);
		text-align:center;
		margin:0px;
		padding:0px;
		color:var(--darkest);
		background-color:transparent;
		box-shadow:none;
	}
	
	div.layout div.menu {
		top:-44px;
		}
		
		button.hamburger_toggle:hover {
			color:var(--orange);
		}
			
	ul.hamburger_list {
		display:none;
		position:absolute;
		top:24px;
		right:12px;
		list-style: none;
		margin: 0;
		padding: 0;
		background:var(--frosted);
		border:1px solid var(--light);
		outline:1px solid white;
		z-index:10000;
		border-radius:var(--radius-tight);
		box-shadow:var(--shadow);
		font-size:12px;
		font-weight:500;
		text-transform:uppercase;
	}
		
		ul.hamburger_list li a {
			display:block;
			width:100%;
			min-width:var(--square-width) !important;
			text-align:left !important;
			height:var(--margin);
			line-height:var(--margin);
			padding:0px var(--margin-s);
			color:var(--orange);
			text-decoration:none;
			border-bottom:1px solid var(--lighter);
		}
			
			ul.hamburger_list li:last-child a {
				border-bottom:0px;
				}
		
		ul.hamburger_list li a:hover {
			color:var(--darkest);
			}
		
		div.menu.open ul.hamburger_list {
			display:block;
		}
		
@media screen and (min-width: 701px) {
	.menu.horizontal {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap:var(--margin-m);
		position: relative;
	}
	
	.menu.horizontal.sub_left {
		justify-content: flex-start;
		padding:28px 0px 12px 0px;
		border-bottom:1px solid var(--lighter);
	}
	
	div.layout div.menu {
		top:-20px;
		}
		
		.menu.horizontal .hamburger_toggle {
			display: none;
		}
		
		.menu.horizontal .hamburger_list {
			display: flex !important;
			flex-direction: row;
			position: static;
			background: transparent;
			box-shadow: none;
			border: none;
			outline: none;
			gap:var(--margin-l);
			padding: 0;
			margin: 0;
			z-index: auto;
		}
		
		.menu.horizontal .hamburger_list li a {
			min-width: unset !important;
			text-align: right !important;
			height: auto;
			line-height: normal;
			padding: 0;
			border: none;
			color: var(--darkest);
		}
		
		.menu.horizontal .hamburger_list li a:hover {
			color: var(--orange);
		}
	}