/* Hamburger Menus */
div.menu {
	text-align:right;
	position:relative;
}

div.menu.h3 {
	margin-top:-42px;
}
	
	button.hamburger_toggle {
		height:48px;
		width:48px;
		font-size:24px;
		line-height:48px;
		text-align:center;
		margin:0px;
		padding:0px;
		color:var(--color-very-dark);
	}
		
		button.hamburger_toggle:hover {
			color:var(--color-orange);
		}
			
	ul.hamburger_list {
		display:none;
		position:absolute;
		top:40px;
		right:0px;
		list-style: none;
		margin: 0;
		padding: 0;
		background:rgb(255,255,255,.95);
		border:1px solid var(--color-dark);
		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:250px !important;
			text-align:left !important;
			height:var(--margin-l);
			line-height:var(--margin-l);
			padding:0px var(--margin-s);
			color:var(--color-orange);
			text-decoration:none;
			border-bottom:1px solid var(--color-light);
		}
			
			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: 24px;
		position: relative;
	}
	
		div.menu.horizontal.h3 {
			margin-top:-24px;
			margin-bottom:15px;
		}
	
		div.menu.horizontal.h2 {
			margin-top:-36px;
			margin-bottom:15px;
		}
	
	.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: 24px;
		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(--color-very-dark);
	}
	
	.menu.horizontal .hamburger_list li a:hover {
		color: var(--color-orange);
	}
}