/* Header
--------------------------------------------*/

#page:not(.mobile-menu) .menu-toggle {
	display: none;
}

.header-inner {
	align-items: center
}

.site-branding {
	height: 100%;
	width: max-content;
	position: relative;
	display: flex;
	align-items: center;
	float: left;
}

.custom-logo-link {
	display: flex;
	align-items: center;
	align-self: center;
	width: max-content;
	height: max-content;
}

.custom-logo {
	height: 70px;
	width: auto;
	object-fit: contain;
}

.no-hero main {
	margin-top: 75px
}

body:not(.home) .hero-image {
	height: 500px;
}

.site-header .widget {
	align-self: center;
	margin: 10px;
}

.site-header .widget h3 {
	color: currentColor;
	font-size: 12px;
	font-family: var(--headings-font-family);
	width: max-content;
	margin: auto;
}

.site-header .widget a {
	padding: 0px 3px;
}

.site-header .widget svg {
	fill: currentColor;
	color: currentColor;
	font-size: 15px;
	width: 20px;
}

.site-header .main-navigation .socials-widget {
	flex-direction: row
}

/* Small menu. */

#page.mobile-menu #masthead .menu-toggle {
	display: block;
	background-color: transparent;
	border: none;
	width: 45px;
	height: 30px;
	z-index: 11;
	padding: 0;
	stroke: currentColor;
	margin: 0 0 0 auto
}

#masthead .menu-toggle:not(.toggled) {
	height: 30px;
}

#masthead .menu-toggle svg {
	height: 30px;
	width: 100%;
}

#masthead .menu-toggle, .main-navigation.toggled ul {
	display: block;
}

#masthead .menu-toggle svg g line {
	stroke: white;
	stroke-width: 3px;
}


.mobile-menu .site-header .header-inner {
	justify-content: center;
	min-height: max-content;
	align-content: center;
}

.site-header.nav-open .header-inner {
	min-height: 100%;
	align-items: stretch;
}



#page button.menu-toggle {
	display: block;
	right: 40px;
	position: absolute;
}

.mobile-menu .site-header .main-navigation:not(.toggled) {
	max-width: 0;
	position: initial;
	padding: 0;
}

.main-navigation.toggled {
	width: 100%;
	display: flex;
	height: 90%;
	flex-direction: column;
	flex-shrink: 100;
	flex-grow: 100;
	align-items: center;
	justify-content: space-evenly;
	padding: 1% 0 3% 0;

}

.mobile-menu .site-header .site-branding {
	order: 0;
}

.mobile-menu .site-header .header-widgets {
	order: 1;
}

#page.mobile-menu .menu-toggle {
	order: 2;
}

.mobile-menu .site-header .main-navigation {
	order: 3;
	padding: 0;
}

.mobile-menu .main-navigation.toggled .main-menu li {
	padding: 0;
	margin: 20px 0px;
	flex-grow: 1;
	height: unset;
	position: relative;
}

.mobile-menu .main-navigation.toggled .main-menu a {
	width: 100%;
}




.site-header .main-navigation.toggled .header-widgets {
	min-height: 17%;
	display: flex;
	align-items: center
}

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

	.mobile-menu .site-header .header-inner {
		justify-content: space-between;
	}

	#page button.menu-toggle, .nav-open #page button.menu-toggle {
		position: relative;
		top: unset;
		right: unset
	}

	.nav-open .site-branding {
		width: 100%;
	}
}