#site-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: #FAFBFE;

	nav.site-navigation {
		padding-top: 22px;

		ul li.current-menu-item a {
			color: var(--e-global-color-primary);
		}

		.sub-menu::before {
			content: "";
			z-index: -3;
			background-color: #fff;
			width: 14px;
			height: 14px;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, -50%) rotate(45deg);
			box-shadow: -4px -4px 7px #0000001a;
		}

		.sub-menu {
			z-index: 2;
			background-color: #fff;
			border-radius: 10px;
			padding: 1.39em;
			position: absolute;
			left: 50%;
			right: auto;
			transform: translate(-50%);
			box-shadow: 0 4px 14px #0f103533;
			transition: all .3s;
		}

		.sub-menu .menu-item {
			padding: 0 10px;
		}

		.sub-menu .menu-item:hover {
			transition: color 0.25s ease-in-out;
			border-radius: 10px;
			background-color: #eff2f7;

			a {
				color: #215cff !important;
			}
		}

		.sub-menu .menu-item a {
			white-space: nowrap;
		}
	}
}