@media only screen {
	.header-container {
		position: relative;
		z-index: 3;
	}

	.panel-header {
		--surface-foreground: var(--primary-color-700);
		--surface-background: var(--primary-color-900);
		--surface-mobile-nav: var(--gray-200);
		--text: var(--primary-light);
		--text-alt: var(--primary-dark);
		color: var(--text);

		position: fixed;
		width: 100%;
		z-index: 2;
	}

	.panel-header .primary-content-container {
		display: flex;
		background-color: var(--primary-dark);
	}

	.panel-header .panel-inner {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.panel-header .main-nav-widgets-container {
		display: grid;
		align-items: stretch;
		grid-template-columns: min-content;
	}

	.panel-header .main-nav-widgets-container .widgets {
		display: none;
		align-items: center;
	}

	.panel-header .map-link {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.panel-header .map-link a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--highlight);
		text-decoration: none;
	}

	.panel-header .map-link a:hover {
		color: var(--primary-light);
	}

	.panel-header .map-link .map-label {
		display: none;
	}

	.panel-header .map-link i {
		font-size: var(--space-6);
	}

	.panel-header .logo-tagline-wrapper {
		position: relative;
	}

	.logo-tagline-wrapper a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-decoration: none;
	}

	.logo-tagline-wrapper .tagline {
		display: none;
		margin-left: var(--space-1);
		font-family: var(--font-bold);
		font-size: 12px;
		text-transform: uppercase;
		text-shadow: var(--shadow-headline);
		color: var(--highlight);
	}

	.logo-tagline-wrapper .logo {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 50px;
		height: 28px;
		background-image: url(/includes/public/assets/logo-white.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}

	.panel-header .search-label {
		display: none;
	}

	.panel-header .newsletter {
		display: none;
	}
}

@media (max-width: 1199px) {
	.header-container {
		height: 52px;
	}

	body.menu-open {
		overflow: hidden;
	}

	body.menu-open .panel-header {
		height: 100vh;
		background-color: var(--gray-200);
		overflow-y: scroll;
		z-index: 3;
	}

	.panel-header .primary-content-container {
		flex-direction: row;
		padding-left: var(--space-4);
		padding-right: var(--space-4);
	}

	.panel-header .panel-right-top {
		order: 2;
		flex-grow: 1;
	}

	.panel-header .panel-left-bottom {
		order: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 55px;
		height: 52px;
	}

	.panel-header .secondary-nav-container,
	.panel-header .sites-nav-container {
		display: none;
	}

	.panel-header .logo-tagline-wrapper {
		width: 100%;
		width: calc(100% - 52px);
		flex-grow: 1;
	}

	.logo-tagline-wrapper a {
		justify-content: center;
		width: 100%;
		height: 52px;
	}

	.panel-header .map-link {
		display: none;
		width: 55px;
		height: 52px;
	}

	.panel-header .mobile-nav-container {
		position: absolute;
		display: none;
		width: 100%;
		z-index: 10;
	}

	.panel-header .mobile-nav-container.active {
		display: flex;
		justify-content: flex-end;
	}

	.panel-header .mobile-nav-container .mobile-nav {
		width: 100%;
		background-color: var(--surface-mobile-nav);
	}

	.panel-header .primary-content-container .search-cont {
		display: none;
	}
}

@media (min-width: 400px) {
	.logo-tagline-wrapper .tagline {
		display: flex;
	}
}

@media (min-width: 641px) {
	.logo-tagline-wrapper .tagline {
		margin-left: var(--space-2);
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	.header-container {
		height: 127px;
	}

	.panel-header .mobile-nav-container {
		display: none;
	}

	.panel-header .primary-content-container {
		flex-direction: column;
	}

	.panel-header .panel-right-top {
		height: 65px;
		background-color: var(--primary-dark);
		background-image: linear-gradient(180deg, var(--primary-dark) 47px, var(--primary-light) 1px, var(--primary-dark) 49px);
		background-size: calc(50% - 174px) 48px;
		background-repeat: no-repeat;
		z-index: 2;
	}

	.panel-header .panel-left-bottom {
		height: 62px;
		background-color: var(--primary-light);
		z-index: 1;
	}

	.panel-header .panel-inner {
		max-width: 1200px;
		margin: 0 auto;
	}

	.panel-header .panel-inner .inner-wrapper {
		display: flex;
		width: calc((100% - 320px) / 2);
	}

	.panel-header .inner-wrapper.left-wrapper {
		justify-content: flex-start;
	}

	.panel-header .inner-wrapper.right-wrapper {
		justify-content: flex-end;
		margin-right: var(--space-3);
	}

	.panel-header .logo-tagline-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 320px;
		height: 65px;
	}

	.panel-header .widgets {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 65px;
		/* width: 60px; */
		width: calc((100% - 280px) / 2);
	}

	.panel-header .map-link {
		display: flex;
		justify-content: flex-end;
		width: calc((100% - 280px) / 2);
		height: 65px;
		margin-right: 15px;
	}

	.panel-header .map-link .map-label {
		display: flex;
		padding-right: var(--space-2);
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: underline;
		color: var(--primary-light);
	}

	.panel-header .map-link a:hover .map-label {
		text-decoration: none;
	}

	.panel-header .map-link a {
		color: var(--primary-light);
	}

	.panel-header .map-link a i {
		position: relative;
		margin: 0 10px;
		font-size: 20px;
		color: var(--highlight);
	}

	.panel-header .secondary-nav-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		/* width: 300px; */
		width: 280px;
	}

	.panel-header .main-nav-widgets-container {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 62px;
		background-color: var(--primary-light);
	}

	.panel-header .newsletter {
		position: relative;
		top: 2px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		/* width: 100px; */
		width: calc((100% - 280px) / 2);
	}

	.panel-header .newsletter a {
		text-transform: uppercase;
		color: white;
		text-decoration: none;
	}

	.panel-header .newsletter .newsletter-label {
		display: none;
	}

	.panel-header .newsletter i {
		position: relative;
		margin: 0 10px;
		font-size: 22px;
		color: var(--highlight);
	}

	.panel-header .map-link .map-label {
		display: none;
	}
}

@media (min-width: 1400px) {
	.panel-header .widgets {
		width: 110px;
		/* left: 7px; */
	}

	.panel-header .panel-right-top {
		background-size: calc(50% - 236px) 48px;
	}

	.panel-header .panel-inner {
		max-width: 1400px;
	}

	.panel-header .panel-inner .inner-wrapper {
		width: calc((100% - 350px) / 2);
	}

	.panel-header .inner-wrapper.right-wrapper {
		margin-right: var(--space-3);
		margin-left: var(--space-4);
	}

	.panel-header .logo-tagline-wrapper {
		width: 350px;
	}

	.logo-tagline-wrapper .tagline {
		font-size: 20px;
	}

	.panel-header .secondary-nav-container {
		width: 250px;
	}

	.panel-header .newsletter {
		width: 125px;
		/* left: 15px; */
	}

	.panel-header .newsletter a {
		display: flex;
	}

	.panel-header .newsletter .newsletter-label {
		display: flex;
		font-size: 12px;
		text-decoration: underline;
	}

	.panel-header .newsletter a:hover .newsletter-label {
		text-decoration: none;
	}

	.panel-header .search-label {
		display: flex;
	}

	.panel-header .map-link .map-label {
		display: flex;
	}
}

@media (min-width: 1600px) {
	.panel-header .panel-right-top {
		background-image: linear-gradient(180deg, var(--primary-dark) 37px, var(--primary-light) 1px, var(--primary-dark) 39px);
		background-size: calc(50% - 228px) 38px;
	}

	.panel-header .panel-inner {
		max-width: 1600px;
	}

	.panel-header .panel-inner .inner-wrapper {
		width: calc((100% - 400px) / 2);
	}

	.panel-header .inner-wrapper.right-wrapper {
		margin-right: 0;
	}

	.panel-header .sites-nav-container {
		height: 30px;
	}

	.panel-header .logo-tagline-wrapper {
		width: 400px;
	}

	.logo-tagline-wrapper .logo {
		width: 80px;
		height: 44px;
	}

	.logo-tagline-wrapper .tagline {
		font-size: 21px;
	}

	.panel-header .secondary-nav-container {
		width: 230px;
		margin-right: 5px;
	}
	
	.panel-header .newsletter {
		width: 190px;
	}

	.panel-header .widgets {
		width: 180px;
		justify-content: center;
	}

	.panel-header .map-link {
		width: 80px;
		margin-right: 35px;
	}
}

@media (min-width: 1800px) {
	.panel-header .panel-inner {
		max-width: 1800px;
	}

	.panel-header .panel-right-top {
		background-size: calc(50% - 266px) 38px;
	}

	.logo-tagline-wrapper .tagline {
		font-size: 24px;
	}

	.panel-header .widgets {
		width: 230px;
	}

	.panel-header .newsletter {
		top: 0;
		width: 240px;
	}

	.panel-header .newsletter .newsletter-label {
		font-size: 14px;
	}

	.panel-header .map-link {
		width: 80px;
		margin-right: 35px;
	}

	.panel-header .map-link .map-label {
		font-size: 14px;
	}
}