#menu { border-collapse: collapse; margin: auto; text-align: left; color: #fff; width: 100%; position: fixed; top: 0; z-index: 9999; text-transform: uppercase; width: 100%; }
#menu:hover { opacity: 1.0 !important; }
#menu, ul.priority-nav__dropdown { background: rgba(67, 42, 175, 0.75) !important; box-shadow: 0 0.5em 0.5em rgba(0,0,0, 0.2); }
#menu ul { list-style-type: none; margin: auto; padding: 0; }
#menu > ul > li { text-align: center; font-weight: 400; white-space: nowrap; display: inline-block; line-height: 1em; }
#menu > ul > li a { color: #fff; padding: 0.25em 0.75em 0.25em 0.75em; text-align: center; display: inline-block; position: relative; text-decoration: none; }
#menu > ul > li a { font-size: max(16px, 89%, 1.246vw); }
#menu { height: 1.85em; }
#menu a:hover, #menu a:active { color: #fff; text-decoration: underline; text-underline-offset: 6px; text-underline-offset: max(5px, 0.25em); text-decoration-thickness: 1.5px; text-decoration-thickness: max(1.5px, 0.06em); text-decoration-color: #FFD700; cursor: pointer; }
#menu a span { color: transparent; position: absolute; z-index: -1; left: 0.75em; text-shadow: 0.2em 0.2em 0.4em rgb(50, 20, 80); }

#menu li.selected a
{ text-decoration: underline; text-underline-offset: 6px; text-underline-offset: max(5px, 0.25em); text-decoration-thickness: 1.5px; text-decoration-thickness: max(1.5px, 0.06em); text-decoration-color: #FFD700; }

#menu ul { padding: 2px; }
#logo { float: left; }
#logo img { height: 2.02em; margin-left: 2ch; margin-top: 5px; }

body#home #menu a span { text-shadow: 0.2em 0.2em 0.3em rgba(30, 0, 60, 1.00); }

body#home #menu a[href="bookconsultation"] { text-decoration: none; display: inline-block; border-radius: 0.4em; border: 0px; padding: 0.3em 0.6em 0.35em 0.75em; font-size: 75% !important; font-size: 1.2vw; font-weight: 500; letter-spacing: 0.5px; text-align: center; background-color: #705FC0; box-shadow: 0.25em 0.25em 0.5em rgba(0,0,0, 0.35); color: #f9f9f9; text-shadow: 0.25em 0.25em 0.25em rgba(0,0,0, 0.4); font-style: normal; }

body#home #menu { background: none !important; box-shadow: none !important; }
@media all and (max-width: 600px)
{
	html { scroll-padding-top: 0; }

	input#menu_toggle, label[for="menu_toggle"] { display: inline; }

	#menu li.selected a { text-decoration-color: #000; }

	#menu > ul {
		background: #fff !important;
	}

	#menu > ul > li {
		display: block;

		font-size: 1.5em !important; font-size: min(1.5em, 3.01vh) !important; 
		line-height: 100% !important;
	}
	#menu > ul > li a {
		display: block;
		background: none !important;
		padding: 0 !important;
	}
	#menu label {
		display: block;
		cursor: pointer;
		padding: 10px 0 10px 50px;
	}

	#menu a span { display: none; }

	#logo { position: absolute; z-index: 1; }
	#logo img { height: auto; max-width: 65vw; margin: 4px 0 0 0.5em; }
	body#home #logo { display: none !important; }
	
	body#home #menu a[href="bookconsultation"] { border: none; box-shadow: none; text-shadow: none; color: initial; font-size: max(16px, 89%, 1.246vw) !important; }
	
}

body#home #menu ul.nav__dropdown.priority-nav__dropdown.show  a[href="bookconsultation"] { border: none !important; box-shadow: none; text-shadow: none; color: initial; font-size: max(16px, 89%, 1.246vw) !important; background: none; color: #fff; }

#menu .current-mi > a, #menu .current-mi > a:hover { text-decoration: underline; text-underline-offset: 6px; text-underline-offset: max(5px, 0.25em); text-decoration-thickness: 1.5px; text-decoration-thickness: max(1.5px, 0.06em); text-decoration-color: #FFD700; }

@media all and (min-width: 601px)
{
	#menu .submenu { display: none; margin: 0; padding: 0; box-shadow: 0.5em 0.5em 0.75em rgba(0,0,0, 0.2); }
	#menu > ul > li:hover .submenu { position: absolute; display: block; background: #fff; color: #000; }
	#menu > ul > li:hover .submenu li,
	#menu > ul > li:hover .submenu a { color: #000; text-align: left; }
	#menu .submenu a { display: block; padding: 0.2em 1.1em 0.2em 1.1em; }
	#menu .submenu li:first-child a { padding-top: 0.8em; }
	#menu .submenu li:last-child a { padding-bottom: 0.8em; }
	#menu .submenu:hover { display: block; }
}

input#menu_toggle, label[for="menu_toggle"] { display: none; }
@media all and (max-width: 600px)
{
	label[for="menu_toggle"] {
		display: block;
		margin: 1.2em;
		cursor: pointer;
		position: fixed; right: 0;
		z-index: 9999;
		background: rgba(67, 42, 175, 0.4);
	}
	body#workshops label[for="menu_toggle"] {
		background: rgba(134, 110, 175, 0.9);
	}
	body#meetdianne label[for="menu_toggle"] {
		background: rgba(134, 110, 175, 0.75);
	}
	.bar1, .bar2, .bar3 {
		display: block;
		width: 30px;
		height: 2px;
		background-color: #fff;
		margin: 9px 0;
		transition: 0.4s;
	}
	body#workshops #menu_toggle:checked ~ label[for="menu_toggle"],
	body#meetdianne #menu_toggle:checked ~ label[for="menu_toggle"]
	{
		background-color: #fff;
	}
	
	#menu { position: fixed !important; top: 0; left: 0; right: 0; background: none !important; box-shadow: none; }
	#menu label { padding: 0.5em 1em; }
	#menu > ul {
		max-height: 0;
		overflow: hidden;
		margin: -70px 0 0 0;
		padding-top: 68px;
		background: rgba(0,0,0, 0.2); 
	}
	#menu_toggle:checked ~ label .bar1, 	#menu_toggle:checked ~ label .bar3 { background-color: #000; }
	#menu_toggle:checked ~ label .bar1 { transform: translate(0, 11px) rotate(-45deg); }
	#menu_toggle:checked ~ label .bar2 { opacity: 0; }
	#menu_toggle:checked ~ label .bar3 { transform: translate(0, -11px) rotate(45deg); }			#menu_toggle:checked ~ label { background: none; }
	#menu_toggle:checked ~ ul
	{
		max-height: 100%;
		background: rgba(255,255,255, 1.00);
		position: fixed;
		top: 68px; left: 0; right: 0; bottom: 0;
		transition: 1s;

		padding-top: 78px;
	}
	#menu_toggle:checked ~ ul li {
		padding: 0.5em !important;
		text-transform: uppercase;
		margin: 0.5em 0 0 0;
	}
	#menu_toggle:checked ~ ul li a {
		color: #000;
		white-space: normal;
	}
	#menu_toggle:checked ~ ul > li > .submenu {
		display: block !important;
	}
	#menu_toggle:checked ~ ul .submenu
	{
		padding: 0;
	}
	#menu_toggle:checked ~ ul .submenu-parent
	{
		padding: 0 !important;
	}
	#menu_toggle:checked ~ ul .submenu-parent > a
	{
		display: none;
	}
}


ul.priority-nav__dropdown { right: 0; }
ul.priority-nav__dropdown a { text-decoration: none; }
ul.priority-nav__dropdown a:hover, ul.priority-nav__dropdown a:active { text-decoration: none; }
ul.priority-nav__dropdown a,
ul.priority-nav__dropdown a:visited,
ul.priority-nav__dropdown a:hover,
ul.priority-nav__dropdown a:active
{
	color: #fff;
	padding: 1ch 2ch 1ch 2ch !important;
	display: block;
}


.priority-nav-has-dropdown .priority-nav__dropdown-toggle
{
	background: transparent url(/images/icons/menu-arrow-down.svg) right center no-repeat;
	border: none;
	color: #fff;
	text-transform: uppercase;
	padding-right: 1.5ch;
}
@media all and (max-width: 600px)
{
	.priority-menu,
	.priority-nav__wrapper { display: none !important; }

	#menu #menu_toggle:checked ~ ul.priority-menu
	{
		background: #fff;
		display: block !important;
		z-index: 9;
	}
	
	#menu a:hover, #menu a:active, #menu li.selected a, #menu .current-mi > a, #menu .current-mi > a:hover  { text-decoration-color: #FFD700 !important; text-decoration-thickness: 3px; text-decoration-thickness: max(3px, 0.15em); }
}


#submenu { font-size: 70%; letter-spacing: 0.125em; position: absolute; margin-right: 1em; margin-top: 1em; color: #432aaf; font-weight: 600; text-underline-offset: 3px; text-underline-offset: 0.125em; }