.site-header {
	display: flex;
	color: rgb(255, 255, 255);
	font-family: "Myriad Pro Semi Bold", Verdana, Tahoma, sans-serif;
	font-size: inherit;
	line-height: 1.2;
}

.site-header-left {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
}

.site-header-logo-container {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

.site-header-logo-container.default {
	padding: 0.5rem;
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2) inset;
}

.site-header-logo {
	max-width: 100px;
	max-height: 100px;
}

.site-header-district-name {
	font-size: 1rem;
}

.site-header-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	padding: 0.5rem 1rem;
}

.site-header-right {
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
	background: rgba(255, 255, 255, 0.1);
}

.site-header-right:empty {
	display: none;
}

.site-header-title {
	margin: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 2rem;
	font-weight: normal;
}

.site-header-subtitle {
	margin: 0.5rem 0 0 0.5rem;
	color: rgba(255, 255, 255, 0.8);
	line-height: inherit;
	font-family: inherit;
	font-size: 1.25rem;
	font-weight: normal;
}

.site-header.white .site-header-subtitle {
	color: rgba(0, 0, 0, 0.6);
}

.site-header-white .site-header-right {
	background: rgba(0, 0, 0, 0.1);
}

.site-header-subtitle:empty {
	display: none;
}

.site-header {
	background: rgb(4, 47, 84);
}

.site-header.red {
	background: rgb(195, 35, 35);
}

.site-header.orange {
	background: rgb(255, 120, 0);
}

.site-header.yellow {
	background: rgb(240, 180, 0);
}

.site-header.green {
	background: rgb(0, 150, 0);
}

.site-header.blue {
	background: rgb(50, 115, 165);
}

.site-header.purple {
	background: rgb(105, 10, 135);
}

.site-header.pink {
	background: rgb(200, 40, 80);
}

.site-header.gray {
	background: rgb(75, 75, 75);
}

.site-header.white {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	background: rgb(245, 245, 245);
	color: rgba(0, 0, 0, 0.9);
}