#nav-tabs{
display:flex;
flex-direction:column;
padding:25px 0 0;
}
#nav-tabs .menu{
visibility:hidden;
}
#nav-tabs > ul{
display:flex;
align-items:center;
grid-gap:9px;
border-bottom:4px solid var(--darkblue);
}
	#nav-tabs > ul li{
	align-self:flex-end;
	}
	#nav-tabs > ul a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:var(--darkblue);
	padding:4px 17px;
	border:1px solid #d8d8d8;
	border-bottom:none;
	border-radius:8px 8px 0 0;
	}
		#nav-tabs > ul li:hover a,
		#nav-tabs > ul .ui-tabs-active a{
		color:var(--white);
		background:var(--darkblue);
		border:1px solid var(--darkblue);
		border-bottom:none;
		}

/* MAIN MENUS/SUBMENUS */

.menu-icon,
.fas.menu-closer{
display:none;
}
#main-navigation{
position:relative;
flex-grow:1;
}
#main-navigation .menu{
position:relative;
display:flex;
align-items:center;
}
	#main-navigation .menu a{
	display:block;
	font-family:var(--font);
	font-size:17px;
	font-weight:300;
	color:var(--darkblue);
	line-height:1;
	padding:17px 11px;
	}
	#main-navigation.french .menu a{
	font-size:15px;
	}
	#main-navigation .menu li.footer-only {
		display: none;
	}
		#main-navigation .menu li:hover > a,
		#main-navigation ul:not(.sub-menu) > li.current-menu-item > a,
		#main-navigation ul:not(.sub-menu) li.current-menu-parent > a,
		#main-navigation ul:not(.sub-menu) li.current_page_parent > a{
		color:var(--black);
		}
    #main-navigation ul:not(.sub-menu) li.current-page-parent > a{
		color:var(--lightblue);
		}
		#main-navigation ul li.current-menu-item a:after{
		color:var(--darkblue);
		}
      #main-navigation ul:not(.sub-menu) li.current-page-parent > a:after{
      color:var(--lightblue);
      }
		.menu li.menu-item-has-children:hover a:after,
		.menu li.menu-item-has-children a:after{
		font-family:var(--icons);
		content:'\f107';
		color:var(--darkblue);
		margin:0 0 0 4px;
		transition:var(--fade);
		}
		#main-navigation li.menu-item-has-children:hover a:after{
		color:var(--black);
		}
		#main-navigation li.current-menu-item > a,
		#main-navigation li.current-menu-item > a:after,
		#main-navigation li.current-menu-parent a:after{
		color:var(--black);
		}

@media screen and (min-width: 1201px) {
	#main-navigation .menu li{
	position:relative;
	}

	/* Second Level */

	#main-navigation .sub-menu{
	position:absolute;
	z-index:15;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	display:inline;
	min-width:200px;
	max-width:300%;
	padding:6px;
	margin:0;
	opacity:0;
	background:var(--white);
	border-top:none;
	text-align:center;
	white-space:nowrap;
	visibility:hidden;
	border-radius:0 0 6px 6px;
	box-shadow:0 9px 8px 0 rgba(0,0,0,0.45);
	transition:all 0.15s linear;
	}
	#main-navigation .sub-menu .sub-menu{
	top:-6px;
	left:100%;
	transform:translateX(0);
	background:#f4f4f4;
	border-radius:0 6px 6px 6px;
	border-left:6px solid var(--white);
	box-shadow:inset 7px 0 7px 0 rgba(0,0,0,0.1);
	}
		#main-navigation li:hover > .sub-menu,
		#main-navigation li:focus-within > .sub-menu{
		opacity:1;
		height:auto;
		visibility:visible;
		}
		#main-navigation .sub-menu li{
		position:relative;
		display:block;
		margin:0;
		}
		#main-navigation .sub-menu li a{
		display:block;
		font-size:15px;
		color:var(--black);
		padding:10px 15px;
		border-radius:6px;
		transition:all 0.05s linear;
		}
		#main-navigation li.current-menu-item .sub-menu a{
		display:block;
		color:var(--black);
		text-transform:none;
		}
			#main-navigation .menu ul li:not(.menu-item-has-children) a:after{
			display:none;
			}
			#main-navigation .menu li.menu-item-has-children .sub-menu li.menu-item-has-children a:after{
			content:'\f105';
			}
			#main-navigation .menu .sub-menu li:hover > a{
			color:var(--white);
			background:var(--lightblue);
			}
			#main-navigation .menu .sub-menu li.menu-item-has-children:hover a:after{
			color:var(--white);
			transition:all 0.05s linear;
			}
}
@media screen and (max-width: 1200px) {
	.menu-icon,
	.menu-close{
	width:44px;
	align-self:center;
	display:inline-flex;
	align-items:center;
	font-size:32px;
	font-weight:300;
	color:var(--darkblue);
	line-height:1;
	text-transform:uppercase;
	text-align:right;
	padding:8px 0;
	}
		.menu-icon *,
		.menu-close *,
		.menu-closer{
		font-weight:300;
		}
    #header .ui-tabs-panel{
	position:fixed;
	z-index:100;
	top:0;
	left:-150vw;
	margin:0;
	width:100%;
	height:100vh;
	list-style:none;
	transition:var(--fade);
	}
	#header .ui-tabs-panel,
	.sub-menu,
	.sub-menu .sub-menu{
	display:flex;
	flex-direction:column;
	justify-content:center;
	}
	#header .ui-tabs-panel[aria-hidden="true"]{
	left:-150vw!important;
	display:flex!important;
	}
	#header .ui-tabs-panel[aria-hidden="false"]{
	display:flex;
	}
	#header .ui-tabs-panel .menu{
	background-color:var(--darkblue);
	}
	#header .ui-tabs-panel li{
	display:block;
	}
	#header .ui-tabs-panel a{
	font-size:100%;
	color:var(--white);
	display:flex;
	flex-wrap:wrap;
  align-items:baseline;
	text-align: center;
	padding:15px;
	}
	#header .ui-tabs-panel .sub-menu > li > a:hover{
	color:var(--white);
	background:transparent;
	}
	#header .ui-tabs-panel .sub-menu > li > a:hover p{
	color:var(--white);
	}
		#header .ui-tabs-panel li.menu-item-has-children a:after,
		#header .ui-tabs-panel .sub-menu li.menu-item-has-children a:after{
		content:'\f30b'!important;
		font-weight:normal;
		margin-left:10px;
		}
		#header .ui-tabs-panel li:not(.menu-item-has-children) a:after{
		display:none;
		}
	#header .ui-tabs-panel a,
	#header .ui-tabs-panel a:hover,
	#header .ui-tabs-panel * a:after{
	color:var(--white)!important;
	}
	#main-navigation .menu,
	#main-navigation .sub-menu{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100vh;
	width: 100vw;
	align-items:center;
	}
	.sub-menu{
	position:absolute;
	z-index:1002;
	top:0;
	left:-100vw;
	margin:0;
	padding:20px;
	width:100%;
	height:100vh;
	list-style:inherit;
	background-color:var(--lightblue);
	transition:var(--fade);
	}
	.show-menu .menu-closer{
	position:absolute;
	z-index:101;
	top:2%;
    left:4%;
	display:flex!important;
	align-items:center;
	cursor:pointer;
	font-size:130%;
	font-weight:400;
	color:var(--white);
	}
		.admin-bar .show-menu .menu-closer{
		top:calc(2% + 46px);
		}
	.menu-closer.fa-times{
	z-index:9999;
    right:4%;
	left:auto;
	}
	.menu-back{
	z-index:102;
	font-weight:normal;
	}
		.menu-back:after{
		font-family:var(--font);
		font-size:initial;
		font-weight:300;
		content:'Back';
		margin:0 0 0 5px;
		}
		.menu-closer:hover{
		color:var(--white);
		}
	.sub-menu .sub-menu{
	background-color:var(--green);
	}
	.show-menu{
	left:0!important;
	}
	#nav-tabs{
	padding:0;
	}
	#nav-tabs > ul{
	border-bottom:none;
	justify-content:center;
	background:var(--lightblue);
	}
	#nav-tabs > ul a{
	font-size:18px;
	color:var(--white);
	padding: 15px 10px;
	border:none;
	border-radius:0;
	}
	#nav-tabs > ul li:hover a,
	#nav-tabs > ul .ui-tabs-active a{
	background:none;
	border:none;
	}
}
@media screen and (max-width: 1024px) {
	#main-navigation{
	width: 100%;
	}
	#nav-tabs > ul a {
		padding: 15px 30px;
	}
}
@media screen and (max-width: 768px) {
	#nav-tabs > ul a {
	font-size: 17px;
	padding: 15px 10px;
	}
}
@media screen and (max-width: 386px) {
	#main-navigation{
	grid-area:nav;
	}
}