@import url(https://fonts.googleapis.com/css?family=Lato|Source+Sans+Pro:300,400);
/*
Theme Name: MCW Anesthesiology Intranet
Theme URI: https://github.com/jacobmischka/mcw-anesth-intranet/tree/master/wp-content/themes/mcw-anesth
Description: The theme for the MCW Anesthesiology Department's intranet site.
Version: 0.1.0
Author: Jacob Mischka
Author URI: https://www.mischka.me
License: GPL-3.0
License URI: https://github.com/jacobmischka/mcw-anesth-intranet/tree/master/LICENSE
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}



:root {
	--mcw-anesth-dark-green: #006f66;
	--mcw-anesth-light-green: #58b947;
	--mcw-blue: #34596b;

	--mcw-anesth-dark-green-rgb: 0, 111, 102;
	--mcw-anesth-light-green-rgb: 88, 185, 71;
	--mcw-blue-rgb: 52, 89, 107;

	--font-family: 'Open Sans', sans-serif;
	--primary-color: var(--mcw-anesth-dark-green);
	--accent-color: var(--mcw-blue);
	--primary-color-rgb: var(--mcw-anesth-dark-green-rgb);
	--accent-color-rgb: var(--mcw-blue-rgb);

	--base-background-color: white;
	--base-text-color: rgba(0, 0, 0, 0.85);
	--base-font-family: 'Source Sans Pro', sans-serif;
	--base-font-weight: 300;

	--heading-font-family: 'Source Sans Pro', sans-serif;
	--heading-text-color: var(--accent-color);
	--heading-font-weight: 300;

	--secondary-heading-font-family: 'Lato', sans-serif;
	--secondary-heading-text-color: var(--primary-color);
	--secondary-heading-font-weight: 500;

	--header-background-color: white;
	--header-text-color: var(--mcw-blue);
	--header-secondary-text-color: #777;
	--navbar-background-color: var(--mcw-anesth-dark-green);
	--header-controls-color: var(--navbar-background-color);
	--navbar-text-color: white;
	--footer-background-color: #cbd8d2;
	--footer-text-color: var(--base-text-color);
	--footer-link-color: var(--primary-color);

	--metrics-good: seagreen;
	--metrics-bad: darkred;

	--pie-chart-segment-good: forestgreen;
	--pie-chart-segment-bad: crimson;

	--button-text-color: white;

	--grey-color: #4d4d4d;
	--border-color: #ccc;

	--footer-height: 15em;

	--primary-text: 0.87;
	--secondary-text: 0.54;
	--disabled-text: 0.38;

	--light-secondary-text: 0.7;
	--light-disabled-text: 0.5;

	--divider-opacity: 0.12;
}html {
	--mcw-anesth-dark-green: var(--mcw-anesth-dark-green);
	--mcw-anesth-light-green: var(--mcw-anesth-light-green);
	--mcw-blue: var(--mcw-blue);

	--mcw-anesth-dark-green-rgb: var(--mcw-anesth-dark-green-rgb);
	--mcw-anesth-light-green-rgb: var(--mcw-anesth-light-green-rgb);
	--mcw-blue-rgb: var(--mcw-blue-rgb);

	--header-background-color: var(--header-background-color);
	--header-text-color: var(--header-text-color);
	--header-secondary-text-color: var(--header-secondary-text-color);
	--navbar-background-color: var(--navbar-background-color);
	--navbar-text-color: var(--navbar-text-color);
	--header-controls-color: var(--header-controls-color);
	--footer-background-color: var(--footer-background-color);

	--metrics-good: var(--metrics-good);
	--metrics-bad: var(--metrics-bad);

	--pie-chart-segment-good: var(--pie-chart-segment-good);
	--pie-chart-segment-bad: var(--pie-chart-segment-bad);

	--font-family: var(--font-family);
	--primary-color: var(--primary-color);
	--accent-color: var(--accent-color);
	--primary-color-rgb: var(--primary-color-rgb);
	--accent-color-rgb: var(--accent-color-rgb);

	--base-background-color: var(--base-background-color);
	--base-text-color: var(--base-text-color);
	--base-font-family: var(--base-font-family);
	--base-font-weight: var(--base-font-weight);

	--heading-font-family: var(--heading-font-family);
	--heading-text-color: var(--heading-text-color);
	--heading-font-weight: var(--heading-font-weight);

	--secondary-heading-font-family: var(--secondary-heading-font-family);
	--secondary-heading-text-color: var(--secondary-heading-text-color);
	--secondary-heading-font-weight: var(--secondary-heading-font-weight);

	--button-text-color: var(--button-text-color);

	--grey-color: var(--grey-color);
	--border-color: var(--border-color);

	--footer-height: var(--footer-height);

	--primary-text: var(--primary-text);
	--secondary-text: var(--secondary-text);
	--disabled-text: var(--disabled-text);

	--light-secondary-text: var(--light-secondary-text);
	--light-disabled-text: var(--light-disabled-text);

	--divider-opacity: var(--divider-opacity);
}body.mcw-anesth-spooky {
	--spooky-orange: rgb(243, 120, 12);
	--spooky-purple: rgb(119, 57, 255);
	--spooky-green: var(--mcw-anesth-dark-green);

	--spooky-orange-rgb: 243, 120, 12;
	--spooky-purple-rgb: 119, 57, 255;

	--base-background-color: #eee;

	--primary-color: var(--spooky-orange);
	--primary-color-rgb: var(--spooky-orange-rgb);
	--accent-color: var(--spooky-purple);
	--accent-color-rgb: var(--spooky-purple-rgb);

	--heading-text-color: var(--primary-color);
	--secondary-heading-text-color: var(--accent-color);

	--base-font-weight: 500;
	--heading-font-weight: 500;

	--button-text-color: black;

	--header-background-color: #3d4046;
	--header-secondary-text-color: #eee;
	--header-text-color: var(--primary-color);
	--navbar-background-color: #111;
	--navbar-text-color: var(--spooky-orange);
	--footer-background-color: #d8d1cb;
}body.mcw-anesth-thankful {
	--thankful-plum: #7b305f;
	--thankful-brown: #aa6734;
	--thankful-desert: #dfcf9d;
	--thankful-green: #62683f;
	--thankful-blue: #2f434b;

	--thankful-off-white: #fcf4e3;

	--thankful-plum-rgb: 123, 48, 95;
	--thankful-brown-rgb: 170, 103, 52;

	--base-background-color: var(--thankful-off-white);

	--primary-color: var(--thankful-plum);
	--primary-color-rgb: var(--thankful-plum-rgb);
	--accent-color: var(--thankful-brown);
	--accent-color-rgb: var(--thankful-brown-rgb);

	--heading-text-color: var(--primary-color);
	--secondary-heading-text-color: var(--accent-color);

	--base-font-weight: 500;
	--heading-font-weight: 500;

	--header-background-color: var(--thankful-desert);
	--header-text-color: var(--thankful-blue);
	--header-secondary-text-color: var(--primary-color);
	--navbar-background-color: var(--thankful-green);
	--navbar-text-color: var(--thankful-off-white);
	--footer-background-color: var(--thankful-green);
	--footer-text-color: var(--thankful-off-white);
	--footer-link-color: var(--thankful-desert);
}body.mcw-anesth-bright {
	--bright-blue-rgb: 0, 53, 185;
	--bright-yellow-rgb: 189, 132, 0;
	--bright-silver-rgb: 207, 207, 207;

	--bright-blue: rgb(var(--bright-blue-rgb));
	--bright-yellow: rgb(var(--bright-yellow-rgb));
	--bright-silver: rgb(var(--bright-silver-rgb));

	--primary-color: var(--bright-blue);
	--primary-color-rgb: var(--bright-blue-rgb);
	--accent-color: var(--bright-yellow);
	--accent-color-rgb: var(--bright-yellow-rgb);

	--heading-text-color: var(--primary-color);
	--secondary-heading-text-color: var(--accent-color);

	--base-font-weight: 500;
	--heading-font-weight: 500;

	--header-background-color: var(--bright-silver);
	--footer-background-color: var(--bright-silver);
	--footer-link-color: var(--primary-color);
	--navbar-background-color: var(--primary-color);
}body.mcw-anesth-jolly {
	--jolly-red-rgb: 170, 0, 0;
	--jolly-light-red-rgb: 236, 188, 188;
	--jolly-green-rgb: 7, 86, 0;
	--jolly-light-green-rgb: 207, 228, 205;

	--jolly-red: rgb(var(--jolly-red-rgb));
	--jolly-light-red: rgb(var(--jolly-light-red-rgb));
	--jolly-green: rgb(var(--jolly-green-rgb));
	--jolly-light-green: rgb(var(--jolly-light-green-rgb));

	--primary-color: var(--jolly-green);
	--primary-color-rgb: var(--jolly-green-rgb);
	--accent-color: var(--jolly-red);
	--accent-color-rgb: var(--jolly-red-rgb);

	--heading-text-color: var(--primary-color);
	--secondary-heading-text-color: var(--accent-color);

	--base-font-weight: 500;
	--heading-font-weight: 500;

	--header-text-color: white;
	--navbar-background-color: var(--accent-color);
	--header-background-color: var(--primary-color);
	--footer-background-color: var(--jolly-light-green);
	--footer-link-color: var(--primary-color);
}.button {
	display: inline-block;
	border-radius: 5px;
	border: 2px solid;
	border-color: #006f66;
	border-color: var(--primary-color);
	background-color: #006f66;
	background-color: var(--primary-color);
	padding: 1em 2em;
	color: white;
	color: var(--button-text-color);
	outline: none;
	text-decoration: none;
	cursor: pointer
}.button.outline {
		background: none;
		color: #006f66;
		color: var(--primary-color);
	}.button:hover,
	.button:focus,
	.button:active {
		text-decoration: none;
		background-color: rgba(0, 111, 102, 0.9);
		background-color: rgba(var(--primary-color-rgb), 0.9);
		color: white;
		color: var(--button-text-color);
	}.button.accent {
		border-color: #34596b;
		border-color: var(--accent-color);
		background-color: #34596b;
		background-color: var(--accent-color)
	}.button.accent.outline {
			background: none;
			color: #34596b;
			color: var(--accent-color);
		}.button.accent:hover,
		.button.accent:focus,
		.button.accent:active {
			background-color: rgba(52, 89, 107, 0.9);
			background-color: rgba(var(--accent-color-rgb), 0.9);
			color: white;
			color: var(--button-text-color);
		}.button[disabled] {
		background-color: #dedede;
		border-color: #dedede;
		cursor: not-allowed;
		color: white;
		color: var(--button-text-color)
	}.button[disabled].outline {
			background: none;
		}.button.arrow::after {
			display: inline-block;
			padding: 0 0 0 1em;
			content: '→';
		}.button.arrow:hover::after, .button.arrow:focus::after, .button.arrow:active::after {
				animation: bounce-sideways 1s ease-in-out infinite;
			}.button.back::before {
			display: inline-block;
			padding: 0 1em 0 0;
			content: '←';
		}.button.back:hover::after, .button.back:focus::after, .button.back:active::after {
				animation: bounce-sideways 1s ease-in-out infinite;
			}h1.reverse-out, h2.reverse-out, h3.reverse-out, h4.reverse-out, h5.reverse-out, h6.reverse-out {
		background-color: #006f66;
		background-color: var(--primary-color);
		color: white;
		font-weight: bold;
		display: inline-block;
		padding: 0.15em 0.5em;
	}h1.reverse-out a, h2.reverse-out a, h3.reverse-out a, h4.reverse-out a, h5.reverse-out a, h6.reverse-out a {
			color: white;
		}.search-form {
	box-sizing: border-box;
	padding: 0 1em;
	margin: 1em 0;
	position: relative;
	width: 100%;
	max-width: 100%;
}.search-form input[type='search'] {
		border: 1px solid rgba(0, 0, 0, 0.25);
		height: 2em;
		width: 100%;
		border-radius: 2px;
		padding: 0 0.5em;

		outline: none;
		font-family: 'Source Sans Pro', sans-serif;
		font-family: var(--base-font-family);
		font-weight: 300;
	}.search-form button {
		background: none;
		border: none;
		outline: none;
		cursor: pointer;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(-50%, -50%);
	}:root {

}.app-links .app-links-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap
	}@supports (display: grid) {

	.app-links .app-links-container {
			display: grid;
			grid-gap: 2em;
			grid-template-columns: repeat(auto-fill, 150px);
			justify-items: center;
			justify-content: center
	}
		}.app-links .app-links-container a {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			height: 150px;
			width: 150px;
			background-size: cover;
			background-position: center;
		}.app-links .app-links-container a img {
				width: 100px;
				height: 100px;
			}:root {
	--color-purple: #624aa8;
	--color-orange: #f4693e;
	--color-light-green: var(--accent-color);
	--color-dark-green: var(--primary-color);

	--color-orange-rgb: 244, 105, 62;
	--color-purple-rgb: 98, 74, 168;
	--color-light-green-rgb: var(--accent-color-rgb);
	--color-dark-green-rgb: var(--primary-color-rgb);

	--background-opacity: 0.8;

	--link-grid-item-margin: 1em;
}.link-grid ul.link-grid-item-list {
		padding: 0;
		margin: 2em -var(--link-grid-item-margin);
		list-style: none
	}@supports (display: grid) {
	.link-grid ul.link-grid-item-list {
			display: grid;
			grid-template-columns: repeat(auto-fill, 150px);
			grid-gap: 1em;
			grid-gap: var(--link-grid-item-margin);
			justify-content: center;
			justify-items: center
	}
		}.link-grid ul.link-grid-item-list li {
			flex-grow: 0;
			flex-shrink: 0;
			display: inline-block;
			position: relative;
			height: 150px;
			width: 150px;
			border-radius: 3px;
			margin: 1em;
			margin: var(--link-grid-item-margin);
			background: #006f66;
			background: var(--color-dark-green)
		}@supports (display: grid) {

		.link-grid ul.link-grid-item-list li {
				margin: 0
		}
			}.link-grid ul.link-grid-item-list li:hover {
				background: rgba(
					0, 111, 102,
					0.8);
				background: rgba(
					var(--color-dark-green-rgb),
					var(--background-opacity)
				);
			}.link-grid ul.link-grid-item-list li:nth-child(2n) {
				background: #624aa8;
				background: var(--color-purple)
			}.link-grid ul.link-grid-item-list li:nth-child(2n):hover {
					background: rgba(
						98, 74, 168,
						0.8);
					background: rgba(
						var(--color-purple-rgb),
						var(--background-opacity)
					);
				}.link-grid ul.link-grid-item-list li:nth-child(3n) {
				background: #34596b;
				background: var(--color-light-green)
			}.link-grid ul.link-grid-item-list li:nth-child(3n):hover {
					background: rgba(
						52, 89, 107,
						0.8);
					background: rgba(
						var(--color-light-green-rgb),
						var(--background-opacity)
					);
				}.link-grid ul.link-grid-item-list li:nth-child(4n) {
				background: #f4693e;
				background: var(--color-orange)
			}.link-grid ul.link-grid-item-list li:nth-child(4n):hover {
					background: rgba(
						244, 105, 62,
						0.8);
					background: rgba(
						var(--color-orange-rgb),
						var(--background-opacity)
					);
				}.link-grid ul.link-grid-item-list li a {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				text-decoration: none;
				color: white;
			}.link-grid ul.link-grid-item-list li a .page-title {
					position: absolute;
					bottom: 0;
					padding: 0.75em;
					font-weight: normal;
				}.featured-image {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0
}@media screen and (min-width: 768px) {.featured-image {
		height: 250px
}
	}.featured-image img {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		-o-object-position: center;
		   object-position: center;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
		height: 100%;
		z-index: -1;
	}.featured-image-title-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	flex-grow: 1;
	padding: 2em;
}.featured-image-title-container h1 {
		margin: 0;
	}body > header.photo-header {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0
}@media screen and (min-width: 768px) {body > header.photo-header {
		height: 250px
}
	}@media screen and (min-width: 768px) {
		body > header.photo-header .header-image {
			display: none;
		}
			body > header.photo-header .navbar-main .navbar-aside {
				position: absolute;
				top: 1em;
				right: 1em;
			}

				body > header.photo-header .navbar-main .navbar-aside .search-form {
					text-align: right;
				}

					body > header.photo-header .navbar-main .navbar-aside .search-form input {
						width: 0;
						padding: 0;
						border: none;
						transition: 0.3s ease-out;
						transition-property: width, padding;
					}
						body > header.photo-header .navbar-main .navbar-aside .search-form input[type='search']:hover,
						body > header.photo-header .navbar-main .navbar-aside .search-form input[type='search']:focus,
						body > header.photo-header .navbar-main .navbar-aside .search-form input[type='search']:active {
							border: 1px solid rgba(0, 0, 0, 0.25);
							height: 2em;
							width: 100%;
							border-radius: 2px;
							padding: 0 0.5em;
						}
						body > header.photo-header .navbar-main .navbar-aside .search-form:hover input[type='search'], body > header.photo-header .navbar-main .navbar-aside .search-form:focus input[type='search'], body > header.photo-header .navbar-main .navbar-aside .search-form:active input[type='search'] {
							border: 1px solid rgba(0, 0, 0, 0.25);
							height: 2em;
							width: 100%;
							border-radius: 2px;
							padding: 0 0.5em;
						}

			body > header.photo-header .navbar-main nav {
				box-sizing: border-box;
				width: 100vw;
				padding: 0 2em;
				background: linear-gradient(
					to top right,
					#006f66,
					#006f66 30%,
					#34596b);
				background: linear-gradient(
					to top right,
					var(--primary-color),
					var(--primary-color) 30%,
					var(--accent-color)
				);
			}

				body > header.photo-header .navbar-main nav ul {
					margin-top: 0;
				}
	}body > header {
	position: relative;
	background: white;
	background: var(--header-background-color);
	color: #34596b;
	color: var(--header-text-color);
}body > header input {
		color: #34596b;
		color: var(--header-text-color);
	}body > header .site-title {
		display: none;
	}body > header .mobile-header-image {
		box-sizing: border-box;
		display: none;
		height: 100%;
		padding: 0.5em;
	}body > header .mobile-header-image img {
			height: 100%;
		}body > header .header-image img {
			max-width: 100%;
			height: auto;
			max-height: 5em;
			width: auto;
		}body > header .hide-desktop {
		display: none;
	}body > header #navbar-hamburger,
	body > header #mobile-back-button,
	body > header #mobile-header-close {
		display: none;
		box-sizing: content-box;
		background: none;
		border: none;
	}body > header .header-top {
		display: flex;
		flex-direction: row;
		padding: 2em;
	}body > header .header-top .header-image {
			flex-shrink: 1;
		}body > header .header-top .header-aside {
			flex-grow: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-end;
		}body > header .header-top .header-aside .user-account {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
			}body > header .header-top .header-aside .user-account .greeting,
				body > header .header-top .header-aside .user-account a {
					margin: 0 1em;
					color: #777;
					color: var(--header-secondary-text-color);
				}body > header .header-top .header-aside .user-account .greeting {
					margin: 0 0.5em;
				}body > header .header-top .header-aside .user-account a.greeting:hover::after {
						content: ' - Edit profile';
						font-size: 0.85em;
						text-decoration: none;
					}body > header .header-top .header-aside .search-form {
				width: 20em;
			}body > header .header-top .header-aside .search-form input[type='search'] {
					border: none;
					border-radius: 0;
					border-bottom: 1px solid #34596b;
					border-bottom: 1px solid var(--accent-color);
				}body > header .navbar nav {
			background: #006f66;
			background: var(--navbar-background-color);
			padding: 1em;
			color: white;
			color: var(--navbar-text-color);
		}body > header .navbar nav ul.menu {
				list-style: none;
				display: flex;
				justify-content: flex-end;
				flex-wrap: wrap;
				padding: 0;
				margin: 0
			}body > header .navbar nav ul.menu > li.menu-item {
					display: inline-block;
					position: relative;
					margin: 0.75em;
				}body > header .navbar nav ul.menu > li.menu-item a {
						color: white;
						color: var(--navbar-text-color);
						text-decoration: none;
						font-weight: 300;
						font-weight: var(--base-font-weight);
						font-size: 1.35em
					}body > header .navbar nav ul.menu > li.menu-item a:hover,
						body > header .navbar nav ul.menu > li.menu-item a:focus,
						body > header .navbar nav ul.menu > li.menu-item a:active {
							text-decoration: underline;
						}body > header .navbar nav ul.menu > li.menu-item:hover > ul.sub-menu, body > header .navbar nav ul.menu > li.menu-item[focus-within] > ul.sub-menu {
							visibility: visible;
							opacity: 1;
							pointer-events: all;
						}body > header .navbar nav ul.menu > li.menu-item:hover > ul.sub-menu, body > header .navbar nav ul.menu > li.menu-item:focus-within > ul.sub-menu {
							visibility: visible;
							opacity: 1;
							pointer-events: all;
						}body > header .navbar nav ul.menu > li.menu-item ul.sub-menu {
						list-style: none;
						padding-top: 1.25em;
						padding-left: 2em;
					}body > header .navbar nav ul.menu > li.menu-item ul.sub-menu li.menu-item + .menu-item {
								margin-top: 1.25em;
							}body > header .navbar nav ul.menu > li.menu-item ul.sub-menu li.menu-item a:hover {
								text-decoration: underline;
							}@media screen and (min-width: 768px) {
							body > header .navbar nav ul.menu > li.menu-item.menu-item-has-children::after {
								content: '▾';
								cursor: pointer;
								display: inline-block;
								vertical-align: text-top;
							}

						body > header .navbar nav ul.menu > li.menu-item > ul.sub-menu {
							visibility: hidden;
							opacity: 0;
							pointer-events: none;
							position: absolute;
							right: 0;
							top: 100%;
							width: 200px;
							padding: 2em;
							z-index: 1000;
							background: white;
							border: 1px solid
								rgba(0, 0, 0, 0.12);
							border: 1px solid
								rgba(0, 0, 0, var(--divider-opacity));
							max-height: 60vh;
							overflow: auto;
							transition-timing-function: ease-in;
							transition-duration: 0.05s;
							transition-property: opacity;
						}

							body > header .navbar nav ul.menu > li.menu-item > ul.sub-menu a {
								color: rgba(0, 0, 0, 0.85);
							}
					}.hero h1 {
		margin: 1em 1.5em;
		font-size: 3.25em;
		text-align: center;
	}.hero .hero-image,
	.hero .hero-video {
		width: 100%;
		height: 250px;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}.hero .card-links {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}.hero .card-links .card-link {
			flex-grow: 0;
			flex-shrink: 0;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-start;
			margin: 1.25em;
			background-color: white;
			color: #34596b;
			color: var(--accent-color);
			border-radius: 4px;
			padding: 0.5em;
			font-size: 1.15em;
			box-sizing: border-box;
			background-size: cover;
			background-position: center
		}@media screen and (min-width: 768px) {

		.hero .card-links .card-link {
				min-width: 350px;
				min-height: 200px
		}
			}.hero .card-links .card-link:hover {
				text-decoration: none;
				transform: scale(1.01);
				box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.1);
			}.hero .card-links .card-link .card-link-heading {
				display: block;
				font-size: 2em;
				font-weight: bold;
				color: rgba(255, 255, 255, 0.85);
				text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			}:root {
	--mobile-header-height: 3.5em;
}@media not screen and (min-width: 768px) {
	body {
		margin-top: 3.5em !important;
		margin-top: var(--mobile-header-height) !important;
	}

	body > header {
		position: fixed;
		display: flex;
		flex-direction: row;
		justify-content: center;
		top: 0;
		left: 0;
		width: 100vw;
		height: 3.5em;
		height: var(--mobile-header-height);
		background-color: white;
		background-color: var(--header-background-color);
		z-index: 100;
	}

		body > header .hide-desktop {
			display: block;
		}

		body > header #navbar-hamburger,
		body > header #mobile-back-button,
		body > header #mobile-header-close {
			display: block;
		}

		body > header #navbar-hamburger,
		body > header #mobile-back-button {
			box-sizing: content-box;
			background: none;
			border: none;
			position: absolute;
			cursor: pointer;
			top: 0;
			padding: 1em;
			width: 1.5em;
			height: 1.5em;
			color: #006f66;
			color: var(--header-controls-color);
		}

			body > header #navbar-hamburger svg, body > header #mobile-back-button svg {
				width: 100%;
				height: 100%;
			}

				body > header #navbar-hamburger svg path, body > header #mobile-back-button svg path {
					fill: #006f66;
					fill: var(--header-controls-color);
				}

		body > header #navbar-hamburger {
			right: 100%;
			z-index: 1001;
		}

		body > header #mobile-back-button {
			left: 0;
		}

		body > header .site-title {
			display: block;
			font-size: 1.5em;
			color: white;
			margin-right: 1.5em;
		}

		body > header .mobile-header-image {
			display: inline-block;
		}

		body > header .header-collapsible {
			background: white;
			background: var(--header-background-color);
			border-bottom: 1px solid #006f66;
			border-bottom: 1px solid var(--navbar-background-color);
			height: 100%;
			min-height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			position: fixed;
			top: 0;
			right: 0;
			transition-duration: 0.2s;
			transition-timing-function: ease-out;
			transition-property: transform;
			transform: translateX(100%);
			z-index: 1000;
			max-width: 100vw
		}

			body > header .header-collapsible.revealed {
				transform: none;
				box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
			}

			body > header .header-collapsible > a {
				margin: 0 auto;
			}

				body > header .header-collapsible > a img {
					height: 5em;
				}

			body > header .header-collapsible .header-top {
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				align-items: center;
				margin: 0;
				padding: 0
			}

				body > header .header-collapsible .header-top > * {
					box-sizing: border-box;
					padding: 1em;
				}
					body > header .header-collapsible .header-top .header-image img {
						max-width: 100%;
						height: 6em;
					}

				body > header .header-collapsible .header-top .header-aside {
					width: 100%;
				}

					body > header .header-collapsible .header-top .header-aside .user-account {
						width: 100%;
					}

					body > header .header-collapsible .header-top .header-aside .search-form {
						margin-left: auto;
						margin-right: auto;
					}

			body > header .header-collapsible .navbar {
				flex-basis: 1px;
				flex-grow: 1;
				overflow-y: auto;
				display: flex;
				flex-direction: column;
			}

				body > header .header-collapsible .navbar nav {
					flex-grow: 1;
				}

					body > header .header-collapsible .navbar nav ul {
						flex-direction: column;
					}
		.hero h1 {
			margin: 0.75em;
			font-size: 2.75em;
		}

		.hero .hero-image {
			height: 150px;
		}

		.hero .card-links {
			flex-direction: column;
			justify-content: flex-start;
			align-items: stretch;
		}

			.hero .card-links .card-link {
				min-height: 100px;
			}
}body > main {
	min-height: 100vh;
	display: flex;
	flex-direction: column
}@media screen and (min-width: 768px) {body > main {
		flex-direction: row
}
	}body > main h1,
	body > main h2 {
		font-family: 'Source Sans Pro', sans-serif;
		font-family: var(--heading-font-family);
		color: #34596b;
		color: var(--heading-text-color);
		font-weight: 300;
		font-weight: var(--heading-font-weight);
		text-transform: uppercase;
	}body > main h3,
	body > main h4,
	body > main h5,
	body > main h6 {
		font-family: 'Lato', sans-serif;
		font-family: var(--secondary-heading-font-family);
		color: #006f66;
		color: var(--secondary-heading-text-color);
		font-weight: 500;
		font-weight: var(--secondary-heading-font-weight);
		margin-bottom: 0.5em;
	}body > main h1 {
		font-size: 3em;
		margin-top: 0.25em;
	}body > main h2 {
		font-size: 2em;
		margin-bottom: 0.5em;
	}body > main h3 {
		font-size: 1.5em;
	}body > main h4 {
		font-size: 1.25em;
	}body > main p {
		margin-top: 0;
	}body > main aside.sidebar {
		padding: 1em
	}@media screen and (min-width: 768px) {

	body > main aside.sidebar {
			width: 250px;
			margin: 0 auto;
			flex-shrink: 0
	}
		}@media screen and (min-width: 996px) {

	body > main aside.sidebar {
			width: 300px;
			padding: 1rem 2rem 1rem 0
	}
		}@media screen and (min-width: 1200px) {

	body > main aside.sidebar {
			width: 350px;
			padding: 2rem 4rem 2rem 0
	}
		}body > main .page-content {
		flex: 1 1;
		font-size: 1.15em;
		padding: 1rem
	}@media screen and (min-width: 996px) {

	body > main .page-content {
			padding: 1rem 2rem
	}
		}@media screen and (min-width: 1200px) {

	body > main .page-content {
			padding: 2rem 4rem
	}
		}body > main .page-content .post-date {
			font-style: italic;
			margin: 0.5em 0 1em;
		}body > main .page-content img {
			max-width: 100%;
			height: auto;
		}body > main.full-main > * {
		flex: 1 1;
	}.news-post ~ .news-post, .recent-news-post ~ .recent-news-post {
		margin-top: 2em;
	}.news-post a.more-link, .recent-news-post a.more-link {
		border: 1px solid rgba(0, 0, 0, 0.12);
		border: 1px solid rgba(0, 0, 0, var(--divider-opacity));
		padding: 0.25em;
		text-decoration: none;
	}.news-post .post-title, .recent-news-post .post-title {
		display: inline-block;
		margin: 0;
	}.results-meta {
	font-weight: 500;
	font-size: 1.25em;
	margin: 0 0 2em 2em;
}.results-meta .relevanssi-didyoumean {
		font-weight: 300;
		font-size: 0.8em;
		margin-top: 1em;
	}.search-result {
	padding: 0.15em 2em;
	margin: 1em 0 2em;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}.navigation.pagination .screen-reader-text {
		display: none;
	}.navigation.pagination .nav-links {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}.navigation.pagination .nav-links .page-numbers {
			margin: 0 0.5em;
		}input,
textarea {
	background: transparent;
}.commentlist {
	padding: 0;
	margin: 0;
	list-style: none;
}.commentlist .comment {
		border: 1px solid rgba(0, 0, 0, 0.12);
		border: 1px solid rgba(0, 0, 0, var(--divider-opacity));
		padding: 1em
	}.commentlist .comment.even {
			background-color: rgba(0, 0, 0, 0.01);
		}.commentlist .comment ~ .comment {
			margin-top: 1em;
		}.commentlist .comment .comment-author img {
				vertical-align: middle;
			}.commentlist .comment .comment-author cite {
				font-style: normal;
				font-size: 1.25em;
			}.commentlist .comment .comment-meta {
			font-size: 0.9em;
			opacity: 0.9;
		}.commentlist .comment .comment-body p {
			margin: 1em 0;
		}.comment-form .comment-form-comment label {
			display: block;
		}.comment-form .comment-form-comment span.required {
			display: none;
		}.comment-form .logged-in-as {
		display: none;
	}.comment-form .form-submit input[type='submit'] {
			display: inline-block;
			border-radius: 5px;
			border: 2px solid;
			border-color: #006f66;
			border-color: var(--primary-color);
			background-color: #006f66;
			background-color: var(--primary-color);
			padding: 1em 2em;
			color: white;
			color: var(--button-text-color);
			outline: none;
			text-decoration: none;
			cursor: pointer
		}.comment-form .form-submit input[type='submit']:hover,
			.comment-form .form-submit input[type='submit']:focus,
			.comment-form .form-submit input[type='submit']:active {
				text-decoration: none;
				background-color: rgba(0, 111, 102, 0.9);
				background-color: rgba(var(--primary-color-rgb), 0.9);
				color: white;
				color: var(--button-text-color);
			}.comment-form .form-submit input[type='submit'][disabled] {
				background-color: #dedede;
				border-color: #dedede;
				cursor: not-allowed;
				color: white;
				color: var(--button-text-color)
			}.comment-form .form-submit input[type='submit'][disabled].outline {
					background: none;
				}.sidebar > :not(:first-child) {
		margin-top: 2em;
	}.sidebar img {
		max-width: 100%;
		height: auto;
	}.sidebar h2 {
		text-align: center;
	}.sidebar > ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}body > footer {
	box-sizing: border-box;
	background-color: #cbd8d2;
	background-color: var(--footer-background-color);
	color: rgba(0, 0, 0, 0.85);
	color: var(--footer-text-color);
	padding: 3em;
	min-height: 15em;
	min-height: var(--footer-height);
}body > footer a,
		body > footer a:visited {
			color: #006f66;
			color: var(--footer-link-color, var(--primary-color));
		}body > footer .menu-footer-nav-container #menu-footer-nav {
			display: grid;
			grid-template-columns: repeat(auto-fit, 200px);
			grid-gap: 1em;
			justify-content: space-around;
			padding: 0;
			font-size: 1.25em;
		}body > footer .menu-footer-nav-container #menu-footer-nav li {
				list-style: none;
			}body > footer .menu-footer-nav-container #menu-footer-nav > li > a {
					font-weight: normal;
				}body > footer .menu-footer-nav-container #menu-footer-nav > li ul {
					padding: 0;
				}body > footer .menu-footer-nav-container #menu-footer-nav > li ul li {
						margin: 0.5em 0;
					}.rpwe-block .rpwe-ul {
		list-style: none;
		padding: 0;
	}.rpwe-block .rpwe-ul .rpwe-li .rpwe-title {
				display: inline;
				margin: 0;
			}.rpwe-block .rpwe-ul .rpwe-li .rpwe-time::before {
					content: ' — ';
				}.rpwe-block .rpwe-ul .rpwe-li .rpwe-summary {
				margin-bottom: 1em;
			}.accordion-addon-button-container {
	text-align: right;
	padding: 1em 0;
}html,
body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}body {
	background-color: white;
	background-color: var(--base-background-color);
	color: rgba(0, 0, 0, 0.85);
	color: var(--base-text-color);
	font-family: 'Source Sans Pro', sans-serif;
	font-family: var(--base-font-family);
	font-weight: 300;
	font-weight: var(--base-font-weight);
}body ::selection {
		background: rgba(52, 89, 107, 0.4);
		background: rgba(var(--accent-color-rgb), 0.4);
	}link {
	/* Weird that this even needs to be said, Edge. */
	display: none;
}h1 {
	font-weight: 300;
	font-weight: var(--base-font-weight);
	font-family: 'Source Sans Pro', sans-serif;
	font-family: var(--base-font-family);
	font-size: 2.5em;
}a {
	text-decoration: none;
	color: #006f66;
	color: var(--primary-color)
}a:hover {
		text-decoration: underline;
	}@keyframes bounce-sideways {
	from,
	to {
		transform: translateX(-10%);
	}

	50% {
		transform: translateX(50%);
	}
}.call-to-action,
.more-link {
	color: #006f66;
	color: var(--primary-color);
	border-bottom: 1px solid;
	border-color: transparent;
	font-weight: 400
}.call-to-action::after, .more-link::after {
		content: '→';
		text-decoration: none;
		padding-left: 0.5em;
	}.call-to-action:hover, .more-link:hover {
		/* To fix space between the two underlines */
		text-decoration: none;
		border-color: #006f66;
		border-color: var(--primary-color);
	}/* TinyMCE image alignment classes */.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}.form-control {
	box-sizing: border-box;
}@media print {
	html,
	html body {
		margin: 0 !important;
	}
}

#calendar-frame {
	width: 100%;
	height: auto;
	border: none;
}


/*# sourceMappingURL=main.css.map*/