.site-header {
	/*background-color: var(--grad-light-1);
	background-image: linear-gradient(to right, var(--grad-light-1), var(--grad-light-2), var(--grad-light-3), var(--grad-light-4));*/
	position: absolute;
	width: 100%;
	z-index: 999999;
}

.header-inner, .header-top {
	position: relative;
}

.site-header .site-branding a,
.site-header .site-branding img,
.site-header .site-branding svg {
	display: block;
	line-height: 0;
}

.menu-toggle {
	display: block;
}

.main-search {
	height: 0;
	overflow: hidden;
	width: 100%;
	transition-property: height;
	transition-duration: var(--transition-duration);
	transition-timing-function: var(--transition-timing);
}

.site-header.menu-open .main-search {
	height: 4rem;
	grid-column-start: 1;
	grid-column-end: span 2;
	justify-self: center;
}

.main-search--expand_input,
.main-search .main-search--expand_label {
	display: none;
}

.main-search .search-form {
	padding-top: 0.875rem;
	width: 100%;
}

.main-search input[type=submit] {
	display: none;
}

.main-search .search-form .search-field {
	border-radius: 0;
	width: 100%;
	padding-right: 3em;
}

.main-search .search-label {
	padding: 0;
	margin: 0;
	position: relative;
}

.main-search .search-label::before {
	content: "\f002";
	padding: 0;
	margin: 0;
	font-family: var(--font-icon);
	position: absolute;
	top: 50%;
	right: var(--gutter-width);
	transform: translate3d(0, -50%, 0);
}

.header-spacer {
	display: none;
}

.site-header .site-branding img,
.site-header .site-branding svg {
	height: var(--header-size);
	width: 100%;
	padding: 1.375rem 0;
	object-fit: contain;
	object-position: center left;
}

.header-inner {
	display: grid;
	grid-template-columns: auto 5em;
}

.site-header .menu-toggle {
	background: transparent;
	border: 0px;
	font-size: 2rem;
	/* margin: 0 calc(0px - var(--gutter-width)) 0 0; */
	margin-right:20px;
	padding: 0 var(--gutter-width);
	justify-self: end;
	width: 2ch;
	text-align: center;
	box-sizing: content-box;
}

.site-header .menu-toggle,
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus,
.site-header .menu-toggle:active {
	color: var(--color-primary-dark);
}

.site-header .menu-toggle .is-open {
	display: none;
}

.site-header.menu-open .menu-toggle .is-open {
	display: block;
}

.site-header.menu-open .menu-toggle .is-closed {
	display: none;
}