#main-header,
#main-header.et-fixed-header {
	background-color: #075b57 !important;
	box-shadow: 0 1px 0 rgba(191, 227, 223, .16) !important;
}

/*
 * Divi removes .et-fixed-header before the logo has finished expanding.
 * Keep the outer header at its final height immediately so the white page
 * background cannot appear between the compact header and the first section.
 */
@media (min-width: 981px) {
	#main-header:not(.et-fixed-header) {
		min-height: 94px;
	}

	/*
	 * Use the whole header as the alignment box. Divi's default top padding
	 * otherwise leaves the navigation below the visual centre of the logo.
	 */
	#main-header:not(.et-fixed-header) .container {
		height: 94px;
	}

	#main-header.et-fixed-header .container {
		height: 50px;
	}

	#main-header .logo_container {
		height: 100%;
	}

	#main-header #et-top-navigation {
		display: flex;
		align-items: center;
		height: 94px;
		padding-top: 0 !important;
	}

	#main-header.et-fixed-header #et-top-navigation {
		height: 50px;
	}

	#main-header #top-menu,
	#main-header #top-menu > li {
		display: flex;
		align-items: center;
	}

	#main-header #top-menu > li,
	#main-header #top-menu > li > a {
		padding-bottom: 0;
	}

	#main-header #top-menu > li.menu-item-home > a,
	#main-header #top-menu > li.ach-header-home > a,
	#main-header #top-menu > li.ach-header-services > a {
		display: inline-flex;
		align-items: center;
		min-height: 42px;
		padding: 0 14px !important;
		border-radius: 12px;
		color: #dff2ef !important;
		transition: background-color .18s ease, border-radius .18s ease, color .18s ease;
	}

	#main-header #top-menu > li.menu-item-home.current-menu-item > a,
	#main-header #top-menu > li.ach-header-home.current-menu-item > a,
	#main-header #top-menu > li.ach-header-services.current-menu-item > a {
		background: rgba(255, 255, 255, .08);
		color: #fff9ee !important;
	}
}

#main-header .container {
	width: min(calc(100% - 64px), 1560px);
	max-width: 1560px;
}

#main-header #logo {
	width: 270px;
	max-width: min(52vw, 270px);
	max-height: 72px;
	height: auto;
	transition: width .2s ease, max-height .2s ease;
}

#main-header.et-fixed-header #logo {
	width: 200px;
	max-width: 200px;
	max-height: 42px;
}

@media (min-width: 981px) {
	#main-header.et-fixed-header {
		background-color: #064f4b !important;
		box-shadow: 0 8px 24px rgba(2, 44, 42, .18) !important;
	}

	#main-header.et-fixed-header #top-menu > li.menu-item-home > a,
	#main-header.et-fixed-header #top-menu > li.ach-header-home > a,
	#main-header.et-fixed-header #top-menu > li.ach-header-services > a {
		display: inline-flex;
		align-items: center;
		min-height: 38px;
		padding: 0 12px !important;
		border-radius: 10px;
		color: #dff2ef !important;
	}

	#main-header.et-fixed-header #top-menu > li.menu-item-home.current-menu-item > a,
	#main-header.et-fixed-header #top-menu > li.ach-header-home.current-menu-item > a,
	#main-header.et-fixed-header #top-menu > li.ach-header-services.current-menu-item > a {
		background: rgba(255, 255, 255, .08);
		color: #fff9ee !important;
	}
}

#main-header #top-menu a,
#main-header.et-fixed-header #top-menu a,
#main-header .nav li ul a {
	color: #fff9ee !important;
}

#main-header #top-menu li.current-menu-item > a,
#main-header.et-fixed-header #top-menu li.current-menu-item > a,
#main-header #top-menu a:hover {
	color: #ff7a69 !important;
}

#main-header #et_search_icon::before,
#main-header .mobile_menu_bar::before {
	color: #fff9ee;
}

#main-header .et_mobile_menu {
	border-color: #ff7a69;
	background: #fffdf8;
}

#main-header .et_mobile_menu a {
	color: #073f3d;
}

/* WordPress otherwise paints a light square behind transparent site icons. */
#wpadminbar #wp-admin-bar-site-name > .ab-item .site-icon {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 980px) {
	#main-header #logo {
		width: 230px;
		max-width: 58vw;
	}

	#main-header.et-fixed-header #logo {
		width: 200px;
		max-width: 52vw;
		max-height: 46px;
	}
}

@media (max-width: 480px) {
	#main-header #logo {
		width: 210px;
		max-width: 62vw;
	}

	#main-header.et-fixed-header #logo {
		width: 180px;
		max-width: 56vw;
		max-height: 44px;
	}
}
/* Keyboard focus for the accessible mobile trigger supplied by header-navigation.js. */
#main-header .mobile_menu_bar:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 4px;
}