#overlay-menu {
	display: none;
	position: fixed;
	z-index: 5000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    color: var(--charcoal-mid);
	fill: var(--charcoal-mid);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate(20px, 0);
	transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
}
body.overlay-active #overlay-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translate(0);
}
.admin-bar #overlay-menu { top: 32px; height: calc(100% - 32px); } @media (max-width: 782px) { .admin-bar #overlay-menu { top: 46px; height: calc(100% - 46px); } } @media (max-width: 600px) { #wpadminbar { z-index: 2000 !important; } .admin-bar #overlay-menu { top: 0; height: 100%; } }

.overlay-menu {
	display: none;
	position: relative;
	height: auto;
	font-size: 1rem; /* global font size */
	background-color: #fff;
}
.overlay-menu .main-content {
	padding: 1.2em var(--container-padding);
	border-bottom: 1px solid #d1d5dc;
}

.overlay-menu .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: var(--header-height);
	padding: 0 var(--container-padding);
	border-bottom: 1px solid #d1d5dc;
}
.overlay-menu .top .logo {
	display: inline-block;
	fill: var(--text-color);
	font-size: 0;
}
.overlay-menu .top .close-btn {
	width: 19px;
	height: 18px;
}

.overlay-menu .nav-menu {
	align-self: stretch;
}
.overlay-menu .nav-menu ul > li {
	display: block;
	text-transform: uppercase;
    letter-spacing: 0.14em;
}
.overlay-menu .nav-menu ul > li:not(:first-child) {
	margin-top: 1em;
}
.overlay-menu .nav-menu ul > li a {
	display: inline-block;
}
.overlay-menu .nav-menu ul > li.current-menu-item > a,
.overlay-menu .nav-menu ul > li.current_page_item > a,
.overlay-menu .nav-menu ul > li.current-page-ancestor > a,
/* .overlay-menu .nav-menu ul > li.current_page_parent > a, */
.overlay-menu .nav-menu ul > li.current-menu-parent > a {
	text-decoration: underline;
}
.overlay-menu .nav-menu ul > li.menu-item-has-children > a::after {
	display: inline-block;
	content: '';
	width: 0.7em;
	height: 0.7em;
	margin-left: 0.4em;
	margin-bottom: -0.05em;
	background: url('../media/arrow-down.svg') no-repeat center;
	transition: transform 0.2s;
}
.overlay-menu .nav-menu ul > li.menu-item-has-children.active > a::after {
	transform: rotate(180deg);
}
.overlay-menu .nav-menu ul > li ul.sub-menu {
	display: none;
	position: relative;
	padding: 0.7em 0;
	background: #eee;
}
.overlay-menu .nav-menu ul > li ul.sub-menu > li:not(:first-child) {
	margin-top: 0.2em;
}
.overlay-menu .nav-menu ul > li ul.sub-menu > li a {
	font-size: 0.9em;
}
.overlay-menu .btn {
	width: auto;
	margin-top: 1.3em;
}

.overlay-menu .language-switcher {
	margin-top: 0.1em;
	font-family: inherit;
	font-size: 1.2em;
}
.overlay-menu .language-switcher ul > li {
	display: inline-block;
}
.overlay-menu .language-switcher ul > li::after {
	content: "|";
	font-size: 1em;
	margin-left: 0.1em;
	margin-right: 0.1em;
}
.overlay-menu .language-switcher ul > li:first-child {
	margin-left: 0;
}
.overlay-menu .language-switcher ul > li:last-child::after {
	content: "";
	margin-left: 0;
}
.overlay-menu .language-switcher ul > li a {
	display: inline-block;
	text-transform: capitalize;
}
.overlay-menu .language-switcher ul > li.current-lang a {
	text-decoration: underline;
}

#overlay-menu .overlay-search {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin-top: 4%;
}
#overlay-menu .overlay-search .search-form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#overlay-menu .overlay-search .search-form label {
	width: 100%;
}
#overlay-menu .overlay-search input[type=search] {
	width: 100%;
	max-width: none;
	padding-right: 1.6em;
	background: none;
	border: none;
	border-bottom: 2px solid;
	font-size: 1.6em;
}
#overlay-menu .overlay-search .search-submit {
	width: 0.9em;
	height: 1.8em;
	padding: 0;
	border: none;
	background: url('../media/go.svg') no-repeat center;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: -100%;
	transform: translateX(-0.9em);
	transition: opacity 0.2s;
}
#overlay-menu .overlay-search .search-submit:hover {
	opacity: 1;
	background-color: transparent !important;
}

@media (max-width: 800px), (max-height: 600px) {
	.overlay-menu .close-btn {
		right: 20px;
		top: 20px;
	}
}