@media (max-width:782px) {
	#wpadminbar {
		position: absolute;
		margin-top: -4.6rem;
	}
}
#masthead {
	position: relative;
	z-index: 3;
}
@media (min-width:768px) {
	#masthead.navbar-fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
	}
	.ha-header-large {
		transition: all 0.5s ease;
	}
	.ha-header-small {
		  background-color: rgba(255, 255, 255, 0.7);
		  -webkit-backdrop-filter: blur(5px);
		  backdrop-filter: blur(5px);
	}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.site-flex .flex__col.site-branding,
.site-flex .flex__col.navigation-group {
	flex: none;
}
.site-flex .flex__col.navigation-group {
	flex: 1 1 0;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.site-branding {
}
.site-branding .site-flex .flex__col {
	padding: 0 0.8rem 0 0;
	flex: none;
}

.site-branding svg {
	margin: 0;
	width: 9.6rem;
	height: auto;
	vertical-align: middle;
}
@media (min-width:1024px) {
	.site-branding svg {
		margin-top: 3.4rem;
	}
}
.site-branding img {
	width: 4.0rem;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.navigation-top {
	padding: 1.6rem 0;
}
@media (min-width:1024px) {
	.navigation-top {
		padding: 0;
	}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main-navigation {}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main-navigation button {
	margin: 0;
	padding: 0;
}
.main-navigation .icon {
	margin: auto;
	width: 2.4rem;
	height: 2.4rem;
	fill: var(--c-neutral-900);
	vertical-align: middle;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main-navigation {
	text-align: right;
}
.main-navigation .menu-toggle {
	width: 4.0rem;
	height: 4.0rem;
	border: none;
	background: none;
	border-radius: 0.4rem;
}
@media (min-width:1024px) {
	.main-navigation .menu-toggle {
		display: none;
	}
}
.main-navigation .menu-toggle .icon-close,
.main-navigation.toggled-on .menu-toggle .icon-bars {
	display: none;
}
.main-navigation.toggled-on .menu-toggle .icon-close {
	display: block;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main-navigation .menu {
	display: none;
	/**/
	margin: 0;
	padding: 0 1.6rem;
	list-style: none;
	text-align: left;
	/**/
	position: absolute;
	top: 8.8rem;
	right: 0;
	left: 0;
	/**/
	background: rgba(246,250,253,0.98);
}
@media (min-width:768px) {
	.main-navigation .menu {
		padding: 0 4.0rem;
	}
}
.main-navigation.toggled-on .menu {
	display: block;
}
.main-navigation .menu .menu-item {
	padding: 1.6rem 0;
	border-bottom: 1px solid #dddddd;
}
.main-navigation .menu .menu-item:last-child {
	border-bottom: none;
}
.main-navigation .menu .menu-item a {
	color: var(--c-neutral-900);
	font-size: var(--fs-xxsm);
	font-weight: 500;
	text-transform: uppercase;
}
.main-navigation .menu .menu-item.current-menu-item a {
	color: var(--c-primary-500);
}
@media (min-width:1024px) {
	.main-navigation .menu {
		display: block;
		/**/
		padding: 0;
		text-align: right;
		/**/
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		/**/
		background: none;
	}
	.main-navigation .menu .menu-item {
		display: inline-block;
		margin: 0;
		padding: 0;
		border: none;
	}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main-navigation .menu .menu-item-has-children {}
.main-navigation .menu .menu-item-has-children button,
.main-navigation .menu .menu-item-has-children a svg {
	display: none;
}
.main-navigation .menu .menu-item-has-children .sub-menu {
	margin: 0.8rem 0 0 0;
	padding: 0;
	list-style: none;
}
.main-navigation .menu .menu-item-has-children .sub-menu .menu-item {
	padding-left: 2.4rem;
	border: none;
}
.main-navigation .menu .menu-item-has-children .sub-menu .menu-item:last-child {
	padding-bottom: 0;
}
@media (min-width:1024px) {
	.main-navigation .menu .menu-item-has-children a svg {
		display: inline-block;
		fill: var(--c-neutral-900);
	}
	.main-navigation .menu .menu-item-has-children:hover a svg {
		transform: rotate(180deg);
	}
	.main-navigation .menu .menu-item-has-children .sub-menu {
		display: none;
		/**/
		margin: 0.8rem 0 0 0;
		padding: 0 0.8rem;
		min-width: 20.0rem;
		list-style: none;
		/**/
		position: absolute;
		top: 6.4rem;
		/**/
		background: var(--c-neutral-900);
		border-radius: 0.4rem;
		box-shadow: 0 2px 8px rgba(0,0,0,0.3);
		z-index: 20;
	}
	.main-navigation .menu .menu-item-has-children .sub-menu:before {
		content: '';
		position: absolute;
		display: block;
		width: 0px;
		left: 2.4rem;
		top: 0;
		border: 0.8rem solid transparent;
		border-top: 0;
		border-bottom: 0.8rem solid var(--c-neutral-900);
		transform: translate(-50%, calc(-25% - 5px));
	}	
	.main-navigation .menu .menu-item-has-children:hover .sub-menu {
		display: block;
	}
	.main-navigation .menu .menu-item-has-children .sub-menu a {
		color: var(--c-neutral-900);
	}
	.main-navigation .menu .menu-item-has-children .sub-menu .menu-item {
		display: block;
		padding: 1.6rem 0;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		text-align: left;
	}
	.main-navigation .menu .menu-item-has-children .sub-menu .menu-item:last-child {
		border-bottom: none;
		padding: 1.6rem 0;
	}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.nav-home .icon,
.nav-architecture .icon,
.nav-interior .icon,
.nav-graphic .icon,
.nav-about .icon,
.nav-blog .icon,
.nav-contact .icon {
	display: inline-block;
	margin-right: 1.6rem;
	width: 3.2rem;
	height: 3.2rem;
	background-size: contain !important;
	background-position: bottom center !important;
}
.nav-home .icon { background: url(../images/icon_home_mobile.svg) no-repeat; }
.nav-architecture .icon { background: url(../images/icon_architecture_mobile.svg) no-repeat; }
.nav-interior .icon { background: url(../images/icon_interior_mobile.svg) no-repeat; }
.nav-graphic .icon { background: url(../images/icon_graphic_mobile.svg) no-repeat; }
.nav-about .icon { background: url(../images/icon_about_mobile.svg) no-repeat; }
.nav-blog .icon { background: url(../images/icon_blog_mobile.svg) no-repeat; }
.nav-contact .icon { background: url(../images/icon_contact_mobile.svg) no-repeat; }

@media (min-width:1024px) {
	.main-navigation .menu .menu-item a span {
		display: block;
		margin: auto;
		padding: 0;
		width: 100%;
		text-align: center;
		transition: all 0.2s ease;
	}
	.main-navigation .menu .menu-item a span.icon {
		margin-bottom: 0.8rem;
		width: 9.6rem;
		height: 9.6rem;
		background-size: 8.0rem !important;
	}
	.main-navigation .menu .menu-item:hover a span.icon,
	.main-navigation .menu .menu-item.current-menu-item a span.icon {
		background-size: 9.6rem !important;
	}
	.nav-home .icon { background: url(../images/icon_home.svg) no-repeat; }
	.nav-architecture .icon { background: url(../images/icon_architecture.svg) no-repeat; }
	.nav-interior .icon { background: url(../images/icon_interior.svg) no-repeat; }
	.nav-graphic .icon { background: url(../images/icon_graphic.svg) no-repeat; }
	.nav-about .icon { background: url(../images/icon_about.svg) no-repeat; }
	.nav-blog .icon { background: url(../images/icon_blog.svg) no-repeat; }
	.nav-contact .icon { background: url(../images/icon_contact.svg) no-repeat; }

	.main-navigation .menu .menu-item a span.menu-title {
		opacity: 0;
	}
	.main-navigation .menu .menu-item:hover a span.menu-title,
	.main-navigation .menu .menu-item.current-menu-item a span.menu-title {
		opacity: 1;
	}

}