li.menu-item.menu-item-donate a {
	border-radius: 5px;
	color: #fff !important;
	padding-left: 53px;
	background: var(--etgar-red) url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 17'%3E%3Cpath d='M9.5 2.7A5.4 5.4 0 0 0 4.9 0C2.1 0 0 2 0 4.8 0 10.1 3 11 9.5 17c6.6-6 9.5-6.9 9.5-12.2C19 2.1 16.9 0 14 0a5.3 5.3 0 0 0-4.5 2.7Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 24px 50%;
	background-size: 19px 17px;
	margin: 10px;
}

li.menu-item.menu-item-donate a:hover span,
li.menu-item.menu-item-donate a:focus span
{
	color: #fff !important;
}

li.menu-item.menu-item-donate a:hover,
li.menu-item.menu-item-donate a:focus
{
	color: #fff !important;
	outline: 2px solid var(--etgar-purple);
}


.main-menu-search-title > a > span,
.main-menu-search-container form label,
li.menu-item.menu-item-versions > a > span
{
	/* Visually hide the text */
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

li.menu-item.main-menu-search-title > a {
	padding: 14px 8px;
}

.main-menu-search-container form div {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 1em;
}

.main-menu-search-container form input {
	font-size: 16px;
	padding: 5px 14px;
	border-radius: 33px;
	border: 1px solid var(--etgar-black);
}

.main-menu-search-container form .an-button {
	padding: 5px 14px;
	margin: 0;
	border-width: 0;
}

li.menu-item:is(.menu-item-versions, .main-menu-search-title) > a {
	padding: 30px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 50% 50%;
}

li.menu-item.menu-item-versions > a {
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 24.5c1.8-.8 4-1.4 6.1-1.8-.4-1.9-.6-3.8-.7-5.8H0c.2 3 1.2 5.8 2.8 8l1.1-.4Zm.7 1.9-.7.3c2.5 2.9 6.1 4.8 10.1 5.2l-.2-.2c-1.4-2-2.6-4.4-3.3-7-2.2.3-4.1.9-6 1.7Zm5.8-19A23 23 0 0 1 13.6.7l.5-.7C10.1.5 6.5 2.4 4 5.3l.7.3c1.8.8 3.8 1.5 6 1.8ZM10 9.3c-2.2-.4-4.3-1-6.2-1.9l-1-.4A16.1 16.1 0 0 0 0 15h9.4c0-2 .3-3.9.7-5.7Zm17.8 17.5-.4-.3c-2-.9-4.2-1.5-6.5-2-.8 2.7-2 5.2-3.4 7.2l-.2.3a16 16 0 0 0 10.5-5.2Zm-.4-21.4.5-.2C25.2 2.2 21.5.3 17.4 0l.5.8c1.3 1.9 2.3 4.2 3 6.7 2.4-.4 4.6-1.1 6.5-2ZM11.3 15h8.8c0-1.9-.3-3.7-.7-5.4a38.5 38.5 0 0 1-7.4 0c-.4 1.7-.6 3.6-.7 5.4Zm17.8-8.3-.8.5c-2 1-4.5 1.7-6.9 2.1.4 1.8.6 3.7.6 5.7h10c-.2-3-1.2-5.9-2.9-8.3Zm-.7 18.2.6.4a15 15 0 0 0 3-8.3H22c0 2-.2 3.9-.6 5.7 2.4.4 4.8 1.2 6.8 2.2h.2ZM15.7 1.1l-.5.8c-1.2 1.6-2 3.6-2.7 5.8a31.4 31.4 0 0 0 6.5 0c-.7-2.2-1.6-4.2-2.7-6l-.6-.6Zm0 29.7.3-.3c1.2-1.7 2.2-3.8 3-6.2a28.2 28.2 0 0 0-6.4 0 17 17 0 0 0 3 6.2l.1.3Zm.1-8.6c1.2 0 2.4 0 3.6.2.4-1.7.6-3.6.7-5.4h-8.8c.1 1.9.3 3.7.7 5.4l3.8-.2Z' fill='%238D469A'/%3E%3C/svg%3E");
}

li.menu-item.main-menu-search-title > a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390.7 390.7' xml:space='preserve'%3E%3Cpath fill='%238D469A' d='M380 327 265 212a142 142 0 1 0-53 53l115 115a38 38 0 0 0 53-53zM214 214A102 102 0 1 1 70 69a102 102 0 0 1 144 145z'/%3E%3C/svg%3E");
}

li.menu-item:is(.menu-item-versions, .main-menu-search-title) > ul > li > a {
	text-align: left !important;
}

#menu-header-main {
	height: unset;
	flex-grow: 1;
}

@media screen and (max-width: 999.9999px) {

	#header-content {
		height: 91px;
	}

	#header-logo {
		margin: 0 !important;
		padding: 26px 20px;
		box-sizing: content-box;
		height: auto;
	}

	#header-menu-mobile-underlay {
		background: rgba(141, 70, 154, 0.2);
	}

	#header-menus {
		background: #fff;
		padding-top: 0;

		display: flex;
		flex-direction: column;
	}

	#header-menus ul {
		width: 100%;
	}

	#header-menus a {
		color: var(--etgar-black);
		text-align: start;
		font-size: 22px;
		line-height: 160%;
		padding: 10px 20px;
		margin: 0;
	}

	#header-menu-mobile-button {
		top: 16px;
		right: 10px;
	}

	html[dir=rtl] #header-menu-mobile-button {
		right: unset;
		left: 10px;
	}

	#header-menu-mobile-button > span {
		border-width: 10px;
		width: 58px;
		height: 58px;
		background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 28'%3E%3Crect width='37' height='4' rx='2' fill='%238D469A'/%3E%3Crect y='12' width='37' height='4' rx='2' fill='%238D469A'/%3E%3Crect y='24' width='37' height='4' rx='2' fill='%238D469A'/%3E%3C/svg%3E");
		background-size: contain;
		background-position: 50% 50%;
	}

	#header-menu-mobile-button.menu-open > span {
		background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='4' y='-2' width='38' height='4' rx='2' transform='rotate(45)' fill='%238D469A'/%3E%3Crect x='-19' y='20' width='38' height='4' rx='2' transform='rotate(-45)' fill='%238D469A'/%3E%3C/svg%3E");
	}

	#menu-header-main > ul {
		margin: 64px auto !important;
	}

	#header-menus li.menu-item.main-menu-search-container form,
	#header-menus li.menu-item.menu-item-donate a {
		margin: 10px 20px;
	}

	#header-menus li.menu-item.menu-item-donate a {
		width: fit-content;
		padding-left: 53px;
	}

	li.menu-item.menu-item-versions {
		margin-inline-start: 20px;
	}

	li.menu-item.menu-item-versions > a {
		background-position: left;
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	html[dir=rtl] li.menu-item.menu-item-versions > a {
		background-position: right;
	}

	li.menu-item-has-children.menu-item-versions > a {
		position: relative;
	}

	#header-menus li.menu-item.has-submenu > a > span:after,
	li.menu-item-has-children.menu-item-versions > a:after
	{
		content: '';
		position: absolute;
		top: 0;
		left: 48px;
		display: block;
		width: 8px;
		height: 100%;
		background: var(--etgar-arrow-purple);
		transform: rotate(-90deg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: contain;
		transition: 0.5s;
	}

	#header-menus li.menu-item.has-submenu > a > span:after {
		position: relative;
		width: 16px;
		height: 16px;
		left: 16px;
		display: inline-block;
	}

	#header-menus li.menu-item.no-submenu-on-mobile > a > span:after {
		display: none;
	}

	html[dir=rtl] #header-menus li.menu-item.has-submenu > a > span:after {
		left: unset;
		right: 16px;
	}

	html[dir=rtl] li.menu-item-has-children.menu-item-versions > a:after {
		left: unset;
		right: 48px;
	}

	#header-menus li.menu-item.has-submenu.submenu-open > a > span:after,
	li.menu-item-has-children.submenu-open.menu-item-versions > a:after
	{
		transform: rotate(90deg);
	}

	html.js li.menu-item-has-children.menu-item-versions > ul {
		display: block !important;
		overflow: hidden;
		transition: 700ms ease-in-out;
		margin: 0 !important;
	}

	li.menu-item-has-children.submenu-open.menu-item-versions > ul {
		height: unset;
		overflow: auto;
	}

	#header-menus ul.menu-level-2 {
		padding-left: 1em;
	}

	#header-menus ul.menu-level-2 > li > a {
		font-size: 20px;
	}

	.main-menu-search-container form div {
		justify-content: start;
		gap: 0.5em;
	}

	.main-menu-search-container input {
		max-width: 42vw;
	}

}


@media screen and (min-width: 1000px) {

	#header-content {
		max-width: 1300px;
	}

	#header-content,
	#header-menus
	{
		align-items: center;
	}

	#header-menus {
		padding: 0;
		padding-inline-start: 20px;
		height: unset;
		min-height: 98px;
	}

	.menu-header {
		font-size: 18px;
	}

	#header-logo {
		display: block;
		padding: 0;
		margin: 0 0 0 20px !important;
	}

	html[dir=rtl] #header-logo {
		margin: 0 20px 0 0 !important;
	}


	.mega-menu ul.menu-level-1 > li {
		padding: 0;
	}

	li.menu-item a {
		padding: 14px 20px;
		display: inline-block;
		vertical-align: middle;
	}

	.menu-item a span {
		padding: 0;
	}


	.mega-menu ul.menu-level-2 {
		box-shadow: 0 10px 79px rgba(17, 17, 17, 0.12);
		border-radius: 20px;
		min-width: 200px;
		top: 35px;
	}

	.mega-menu ul.menu-level-2 a {
		font-weight: 400;
		color: var(--etgar-black);
		font-size: 18px;
	}

	li.menu-item.menu-item-versions {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-right: 6px;
	}

	html[dir=rtl] li.menu-item.menu-item-versions {
		margin-left: 6px;
	}

	li.menu-item.menu-item-versions > ul {
		left: 0;
		max-height: calc(100vh - 128px);
		overflow-y: auto;
		direction: ltr;
	}

	li.menu-item.menu-item-versions > ul > li {
		display: block;
		margin: 0;
	}

	li.menu-item.menu-item-versions > ul > li > a > span {
		margin: 10px;
		display: inline-block;
	}

	#menu-header-secondary > ul {
		text-align: end;
	}

}


.searchform.submitting button[type=submit] {
	position: relative;
}

.searchform.submitting button[type=submit] span {
	opacity: 0;
}

.searchform.submitting button[type=submit]::after {
	content: '';
	display: block;
	width: 1.2em;
	height: 1.2em;
	transition: border-color 0.5s;
	border: 2px solid #fff;
	border-bottom-color: transparent;
	border-radius: 50%;
	animation: submitting 1.2s linear infinite;
	position: absolute;
	top: calc(50% - 0.6em);
	left: calc(50% - 0.6em);
}
@keyframes submitting {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
