: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);
}

body {
	background: #006f66;
	background: var(--primary-color);
}

#login {
	box-sizing: border-box;
	padding: 5em;
	margin: auto;
	width: 100%;
	max-width: 600px;
	height: auto;
}

#login h1 {
		font-size: 3em;
		height: 25vw;
		max-height: 5em;
		margin-bottom: 1em;
	}

#login h1 a {
			display: block;
			width: 100%;
			height: 100%;
			background-size: contain;
		}

#login #backtoblog {
		display: none;
	}

#login #nav {
		display: block;
		text-align: center;
	}

#login #nav a {
			color: white
		}

#login #nav a:hover {
				text-decoration: underline;
			}

.login-page-link-list-container,
.login-help {
	max-width: 100%;
	border-radius: 2px;
	margin: 2em auto;
}

.login-page-link-list-container {
	width: 300px;
	background-color: white;
	background-color: var(--base-background-color, white);
	padding: 2em;
}

.login-page-link-list-container ul li {
			list-style: none;
			border: 1px solid #34596b;
			border: 1px solid var(--accent-color, #ddd);
			border-radius: 2px;
		}

.login-page-link-list-container ul li a {
				display: block;
				box-sizing: border-box;
				padding: 1em;
				background-color: #eee;
				width: 100%;
				height: 100%
			}

.login-page-link-list-container ul li a:hover {
					background-color: #dadada;
				}

.login-page-link-list-container ul li img {
				max-width: 100%;
				height: auto;
				display: block;
			}

.login-page-link-list-container ul li ~ li {
				margin-top: 2em;
			}

.login-help {
	width: 300px;
}

.login-help p {
		color: rgba(255, 255, 255, 0.75);
	}

.login-help p a {
			color: white;
			font-weight: bold;
			text-decoration: none
		}

.login-help p a:hover {
				text-decoration: underline;
			}

#login_error details {
		margin: 1em;
	}

#login_error ul {
		margin: 1em;
		padding-left: 1em;
	}


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