header.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

header.site-header {
	height: 96px;
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	/*width: 100vw;*/
	z-index: 100;
	transition: all 0.3s ease-in-out;
}

.site-header + #primary {
	padding-top: 96px;
}

.site-header .desktop {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.site-header .mobile {
	display: none;
}

.site-header .desktop .tagline {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	font-size: 14px;
	color: #10134f;
}

.site-header .desktop .main-navigation {
	display: flex;
	justify-content: center;
	height: 100%;
}

.site-header .desktop .menu {
	display: flex;
	align-items: center;
	height: 100%;
}

.site-header .desktop .menu-item {
	padding: 0 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #10134f;
	text-transform: uppercase;
	position: relative;
	height: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.site-header .desktop .menu-item > a {
	display: inline-block;
	position: relative;
}

.site-header .desktop .menu-item > a > svg {
	margin-left: 10px;
	top: -2px;
	position: relative;
}

.site-header .desktop #primary-menu > .current-menu-item:after,
.site-header .desktop #secondary-menu > .current-menu-item:after,
.site-header .desktop #primary-menu > .current-menu-parent:after,
.site-header .desktop #secondary-menu > .current-menu-parent:after {
	content: "";
	display: block;
	position: absolute;
	background: #BA4D17;
	height: 2px;
	width: calc(100% - 40px);
	bottom: 33px;
}

.site-header .desktop .menu-item a {
	text-decoration: none;
	color: #10134f;
	font-family: "ff-scala-sans-pro", sans-serif;
	white-space: pre;
}

.site-header .desktop .menu-item .sub-menu {
	position: absolute;
	top: 70px;
	background: white;
	/* border-top: 4px solid #BA4D17; */
	left: 20px;
	flex-direction: column;
	align-items: flex-start;
	height: 0;
	transition: height 0.3s ease-in-out;
	overflow: hidden;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.20);
	z-index: 10;
}

.site-header .desktop .menu-item > .sub-menu:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 4px;
	background-color: #BA4D17;
}

.site-header .desktop .sub-menu .menu-item {
	text-transform: none;
	padding: 8px 16px;
	display: block;
	height: auto;
}

.site-header .desktop .sub-menu .menu-item:first-of-type {
	padding-top: 20px;
}

.site-header .desktop .sub-menu .menu-item:last-of-type {
	padding-bottom: 16px;
}

.site-header .desktop .sub-menu .menu-item a {
	white-space: nowrap;
	color: #BA4D17 !important;
	text-decoration: none;
	font-family: "ff-scala-sans-pro", sans-serif;
}

.site-header .desktop .nav-logo img {
	height: 99px;
	width: 99px;
	margin: 32px 48px 0;
	box-shadow: 0px 2px 2px rgb(0 0 0 / 12%);
	border-radius: 50%;
}

.site-header .desktop #social {
	display: flex;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.site-header .desktop .social_item + .social_item {
	margin-left: 20px;
}

.site-header .desktop .social_item svg {
	color: #10134f;
	height: 16px;
	width: 16px;
}

/* home header desktop */
.home header.site-header,
.contact-page header.site-header {
	background-color: transparent;
}

.home .site-header .desktop .tagline,
.home .site-header .desktop .menu-item a,
.home .site-header .desktop .social_item svg,
.contact-page .site-header .desktop .tagline,
.contact-page .site-header .desktop .menu-item a,
.contact-page .site-header .desktop .social_item svg {
	color: white;
	transition: color 0.3s ease-in-out;
}

.home .site-header .desktop .sub-menu li a,
.contact-page .site-header .desktop .sub-menu li a {
	color: #BA4D17 !important;
}

.home header.site-header.scrolled,
.contact-page header.site-header.scrolled {
	background-color: white;
}

.home .site-header.scrolled .desktop .tagline,
.home .site-header.scrolled .desktop .menu-item a,
.home .site-header.scrolled .desktop .social_item svg,
.contact-page .site-header.scrolled .desktop .tagline,
.contact-page .site-header.scrolled .desktop .menu-item a,
.contact-page .site-header.scrolled .desktop .social_item svg {
	color: #10134f;
}

.site-header.scroll-hide {
	top: -96px;
}

@media screen and (max-width: 1299px) {
	.site-header .desktop .menu-item {
		padding: 0 10px;
	}
	.site-header .desktop #primary-menu > .current-menu-item:after,
	.site-header .desktop #secondary-menu > .current-menu-item:after,
	.site-header .desktop #primary-menu > .current-menu-parent:after,
	.site-header .desktop #secondary-menu > .current-menu-parent:after {
		width: calc(100% - 20px);
	}
	.site-header .desktop .menu-item .sub-menu {
		left: 10px;
	}
	.site-header .desktop .nav-logo img {
		margin: 32px 16px 0;
	}
}

@media screen and (max-width: 1099px) {
	.home .site-header .desktop .tagline,
	.contact-page .site-header .desktop .tagline {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	.site-header.toggled #scrollindicator {
		display: none;
	}

	.site-header .desktop {
		display: none;
	}

	header.site-header {
		background: white;
		padding: 12px 16px;
		height: 64px;
	}

	.site-header .mobile {
		display: flex;
		justify-content: space-between;
	}

	.site-header.scroll-hide {
		top: -58px;
	}

	.site-header .mobile .nav-logo img {
		height: 40px;
		width: 40px;
		transition: all 0.3s ease-in-out;
	}

	.site-header .mobile .nav-logo img {
		box-shadow: 0px 2px 2px rgb(0 0 0 / 12%);
		border-radius: 50%;
	}

	.site-header .mobile .mobile-title {
		position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
		transition: color 0.2s ease-in-out;
		text-transform: uppercase;
	}
	.site-header .mobile .mobile-title::after {
		content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #BA4D17;
	}
	.site-header.toggled .mobile .mobile-title {
		color: white;
	}


	.site-header .mobile-icon {
		cursor: pointer;
		margin-top: 12px;
	}

	.site-header .mobile-icon .close-icon {
		display: none;
	}

	.site-header .mobile-icon path {
		transition: fill 0.3s ease-in-out;
		transistroke: fill 0.3s ease-in-out;
		fill: #10134f;
	}

	.site-header .mobile-menu {
		position: absolute;
		left: 100%;
		top: 108px;
		height: calc(100vh - 108px);
		background: #11134f;
		width: 100vw;
		padding: 24px 0;
		transition: all 0.3s ease-in-out;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	/* .site-header .mobile-menu .menu-primary-container, */
	.site-header .mobile-menu .menu-secondary-container {
		margin-bottom: 40px;
	}

	.site-header .mobile-menu .menu-item {
		cursor: pointer;
	}

	.site-header .mobile-menu .menu-item a {
		font-size: 5vh;
		line-height: 5vh;
		letter-spacing: 0.05em;
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		height: 9vh;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0 24px;
		font-family: "ff-scala-sans-pro", sans-serif;
	}

	.site-header .mobile-menu .sub-menu {
		background: white;
		margin-left: -24px;
		margin-right: -24px;
		height: 0;
		position: relative;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
	}

	.site-header .mobile-menu .sub-menu:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 4px;
		background: #BA4D17;
	}

	.site-header .mobile-menu .sub-menu .menu-item {
		padding: 14px 24px;
	}

	.site-header .mobile-menu .sub-menu .menu-item:first-of-type {
		padding-top: 32px;
	}

	.site-header .mobile-menu .sub-menu .menu-item:last-of-type {
		padding-bottom: 28px;
	}

	.site-header .mobile-menu .sub-menu a {
		font-weight: bold;
		font-size: 24px;
		line-height: 32px;
		display: flex;
		align-items: center;
		color: #BA4D17;
		text-transform: none;
		height: auto;
		font-family: "ff-scala-sans-pro", sans-serif;
		transition: all 0.3s ease-in-out;
	}

	.site-header .mobile-menu .menu-item a {
		transition: all 0.3s ease-in-out;
	}
	.site-header .mobile-menu .menu-item.toggled {
		background: white;
	}
	.site-header .mobile-menu .menu-item.toggled a {
		color: #BA4D17;
		font-weight: bold;
	}
	.site-header .mobile-menu .menu-item.menu-item-has-children > a {
		position: relative;
		display: inline-flex;
	}
	.site-header .mobile-menu .menu-item.menu-item-has-children > a::after {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M480 696 280 497h400L480 696Z' fill='white' /%3E%3C/svg%3E");
		position: absolute;
		right: -26px;
		top: 15px;
	}
	.site-header
		.mobile-menu
		.menu-item.menu-item-has-children.toggled
		> a::after {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M480 696 280 497h400L480 696Z' fill='%23BA4D17' /%3E%3C/svg%3E");
		top: 6px;
		transform: rotate(180deg);
	}

	.site-header .mobile-menu #social {
		display: flex;
		padding: 0 24px;
	}

	.site-header .mobile-menu #social .social_item + .social_item {
		margin-left: 40px;
	}

	.site-header .mobile-menu #social .social_item svg {
		color: white;
		height: 24px;
		width: 24px;
	}

	header.site-header.toggled {
		padding: 22px 24px;
		height: 108px;
		background-color: #10134f !important;
	}

	.site-header.toggled .hamburger-icon {
		display: none;
	}

	.home .site-header.toggled .mobile-icon path,
	.contact-page .site-header.toggled .mobile-icon path {
		fill: white !important;
		stroke: white !important;
	}

	.site-header.toggled .close-icon {
		display: block;
	}

	.site-header.toggled .mobile .nav-logo img {
		height: 64px;
		width: 64px;
	}

	.site-header.toggled .mobile-menu {
		left: 0;
	}

	/* home header mobile */
	.home header.site-header,
	.contact-page header.site-header {
		background-color: transparent;
	}

	.home .site-header .mobile-icon path,
	.contact-page .site-header .mobile-icon path {
		fill: white;
		stroke: white;
	}

	.home header.site-header.scrolled,
	.contact-page header.site-header.scrolled {
		background-color: white;
	}

	.home .site-header.scrolled .mobile-icon path,
	.contact-page .site-header.scrolled .mobile-icon path {
		fill: #10134f;
		stroke: #10134f;
	}
}

header #scrollindicator {
	background: #f6f2f0;
	height: 12px;
	width: 100%;
	position: relative;
	display: none;
}

body.single header #scrollindicator {
	display: block;
}

header #scrollindicator #currentscroll {
	background: #e66426;
	height: 12px;
	position: absolute;
}

a.nav-logo {
	transition: opacity 0.3s ease-in-out;
}

header#masthead.scroll-hide a.nav-logo {
	opacity: 0;
}

a.nav-logo,
header ul.sub-menu {
	z-index: 2;
}

@media screen and (max-width: 991px) {
	header #scrollindicator {
		width: 100vw;
		margin-left: -16px;
	}
}

/* Fix to header alignment */
.menu-primary-container {
	width: 360px;
}

.menu-primary-container ul {
	justify-content: flex-end;
}

.menu-secondary-container {
	width: 360px;
}

.menu-secondary-container ul {
	justify-content: flex-start;
}

footer#colophon {
	overflow: hidden;
}

@media screen and (max-width: 991px) {
	.menu-primary-container,
	.menu-secondary-container {
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.hide-desktop {
		display: none !important;
	}
}