#globalHeader {
	float: right;
	min-height: 96px;
	position: relative;
	padding: 0 1em 0 0;
	margin: 0;
	box-sizing: inherit;
	line-height: 1.5;
	color: var(--header-link-color, #474747) !important;
	font-family: Lato, Arial, sans-serif;
	font-weight: 400;
	font-size: var(--header-base-font-size-em, 1em);
}

	#globalHeader .main-menu {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 0;
		background-color: var(--header-back-color, #ffffff) !important;
	}

		#globalHeader .main-menu .main-menu-items {
			-webkit-order: 0;
			-ms-flex-order: 0;
			order: 0;
			-webkit-flex: 0 1 auto;
			-ms-flex: 0 1 auto;
			flex: 0 1 auto;
			-webkit-align-self: auto;
			-ms-flex-item-align: auto;
			align-self: flex-start;
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			flex-wrap: nowrap;
			padding-left: 0;
			list-style-type: none;
			margin: 1.4em 0 0 0;
			margin-left: auto !important;
		}

	#globalHeader .main-menu-items a {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		flex-wrap: nowrap;
		text-align: center;
		color: var(--header-link-color, #474747) !important;
	}

		#globalHeader .main-menu-items a i {
			font-size: 1.5em;
			line-height: 1.5em;
			min-width: 4em;
		}

		#globalHeader .main-menu-items a span {
			padding: 0 0.75em;
		}

		#globalHeader .main-menu-items a.has-message i:after {
			display: block;
			position: absolute;
			text-align: center;
			top: 6%;
			left: 54%;
			width: 11px;
			height: 11px;
			background-color: var(--header-has-message-color, #006c7d);
			border: 2px solid var(--header-back-color, #ffffff);
			border-radius: 100%;
			content: "";
		}

	/* -- Link decoration, overrides any globals -- */
	#globalHeader a:-webkit-any-link {
		cursor: pointer !important;
		text-decoration: none !important;
	}

	#globalHeader .main-menu-items a:hover,
	#globalHeader .main-menu-items a i:hover,
	#globalHeader .member-profile a:hover {
		text-decoration: none !important;
	}

	#globalHeader .main-menu-items a span:hover,
	#globalHeader .member-profile a span:hover {
		text-decoration: underline !important;
	}

	#globalHeader .main-menu .member-profile {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		margin: 1em 0;
	}

	#globalHeader .member-profile a {
		display: flex;
		flex-direction: row;
		color: var(--header-link-color, #474747) !important;
	}

		#globalHeader .member-profile a div {
			display: flex;
			flex-direction: column;
		}

			#globalHeader .member-profile a div.member-details {
				max-width: 180px;
				margin: 0.3em 0.5em;
			}

				#globalHeader .member-profile a div.member-details span.member-first-name,
				#globalHeader .member-profile a div.member-details span.member-last-name {
					text-align: right;
					white-space: nowrap !important;
					overflow: hidden !important;
					text-overflow: ellipsis !important;
				}

	#globalHeader .member-profile .member-initials {
		border-radius: 100%;
		color: var(--header-member-initials-font-color, #ffffff) !important;
		background-color: var( --header-member-initials-back-color, #474747 ) !important;
		height: 3.5em;
		width: 3.5em;
		padding: 0;
		min-width: 0;
		margin: 0 0 0 0;
	}

		#globalHeader .member-profile .member-initials .initials {
			font-size: 1.25em;
			margin: 0;
			box-sizing: inherit;
			line-height: 1.5em;
			text-align: center;
			margin-top: 0.6em;
		}

	/* -- Adjustments to support a narrow menu. -- */
	/* -- Send an EM font size var to adjust the size until it looks right. -- */
	#globalHeader.narrow {
		width: 480px;
		padding: 0 0 0 0;
		font-size: var(--header-base-font-size-em, 0.9em);
		padding-right: 3px;
		max-width: 480px;
	}

		#globalHeader.narrow .main-menu .member-profile {
			margin: 1.5em 0;
		}

		#globalHeader.narrow:not(.showMenu) .main-menu .member-profile a {
			display: -webkit-inline-box;
		}

		#globalHeader.narrow .main-menu-items a i {
			min-width: 0;
		}

		#globalHeader.narrow .member-profile a div.member-details {
			position: relative;
			max-width: 80px;
		}

		#globalHeader.narrow.showMenu .member-profile a div.member-details {
			max-width: 220px;
		}

div.page-wrapper:not(.responsive) #menuToggler,
div.wrapper:not(.responsive) #menuToggler {
	display: none;
}

@media (min-width: 940px) {
	#menuToggler {
		display: none;
	}
}

@media (max-width: 940px) {
	div.responsive #globalHeader .main-menu #menuToggler {
		position: absolute;
		display: block;
		width: 40px;
		height: 40px;
		top: -68px;
		right: 0px;
		font-size: 1.4em;
		border: none;
		background-color: var(--header-back-color, #ffffff) !important;
	}

	div.responsive #globalHeader {
		width: 60px !important;
		max-width: 60px !important;
	}

		div.responsive #globalHeader .main-menu {
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
			flex-direction: row;
			align-items: flex-start;
			align-content: stretch;
			flex-wrap: wrap;
			position: absolute;
			width: 300px;
			top: 96px;
			right: 0px;
			margin: 0;
			z-index: 10000;
		}

			div.responsive #globalHeader .main-menu .main-menu-items,
			div.responsive #globalHeader .main-menu .member-profile {
				display: none;
			}

		div.responsive #globalHeader .main-menu {
			box-shadow: none;
			border-top: none;
		}

		div.responsive #globalHeader.showMenu {
			position: relative;
		}

			div.responsive #globalHeader.showMenu .main-menu {
				box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 35%) !important;
				border-top: 1px solid #dee2e6 !important;
			}

				div.responsive #globalHeader.showMenu .main-menu .member-profile {
					display: flex;
					-webkit-order: 1;
					-ms-flex-order: 1;
					order: 1;
					flex: 1 0 auto;
					margin: 0;
					background-color: var(--header-back-color, #ffffff) !important;
					padding: 0.4em;
				}

			div.responsive #globalHeader.showMenu .member-profile a {
				max-width: 286px;
			}

				div.responsive #globalHeader.showMenu .member-profile a div.member-details {
					-webkit-order: 1;
					-ms-flex-order: 1;
					order: 1;
					flex: 1;
					flex-direction: col;
					min-width: 0;
				}

					div.responsive
					#globalHeader.showMenu
					.member-profile
					a
					div.member-details
					span {
						line-height: 1.4em;
						text-align: left;
						width: 220px;
					}

						div.responsive
						#globalHeader.showMenu
						.member-profile
						a
						div.member-details
						span.member-first-name {
							padding-right: 0.3em;
						}

					div.responsive
					#globalHeader.showMenu
					.member-profile
					a
					div.member-details
					.member-last-name {
						max-width: 220px;
						white-space: nowrap !important;
						overflow: hidden !important;
						text-overflow: ellipsis !important;
					}

				div.responsive #globalHeader.showMenu .member-profile a div.member-initials {
					-webkit-order: 0;
					-ms-flex-order: 0;
					order: 0;
				}

			div.responsive #globalHeader.showMenu .main-menu .main-menu-items {
				display: flex;
				-webkit-order: 2;
				-ms-flex-order: 2;
				order: 2;
				flex: 1 1 auto;
				flex-direction: column;
				margin: 0;
			}

				div.responsive #globalHeader.showMenu .main-menu .main-menu-items li {
					padding: 0.3em 0;
				}

				div.responsive #globalHeader.showMenu .main-menu .main-menu-items a {
					flex-direction: row;
					text-align: center;
					justify-content: flex-start;
					position: relative;
				}

				div.responsive #globalHeader.showMenu .main-menu .main-menu-items span {
					padding: 0;
					line-height: 2.3em;
				}

				div.responsive #globalHeader.showMenu .main-menu .main-menu-items a i {
					flex-direction: row;
					text-align: center;
					justify-content: flex-start;
					min-width: 2.5em;
					position: relative;
				}
}