div.dialog-off-canvas-main-canvas {
	display: none;
}

body.user-logged-in div.dialog-off-canvas-main-canvas {
	display: block;
}

/* hide lightbox popup */
iframe.HB-Modal {
	display: none !important;
}

div#mwdQuizAddedHtml {
	background-color: #f1f1f1;
	font-family: Mulish, sans-serif;
}

div#mwdQuizAddedHtml,
div#mwdQuizAddedHtml * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div#mwdQuizAddedHtml p {
	color: inherit;
	font-family: 'Mulish', sans-serif;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

div#mwdQuizAddedHtml h1,
div#mwdQuizAddedHtml h2,
div#mwdQuizAddedHtml h3,
div#mwdQuizAddedHtml h4,
div#mwdQuizAddedHtml h5,
div#mwdQuizAddedHtml h6 {
	color: inherit;
	font-family: 'Mulish', sans-serif;
	font-size: inherit;
	font-weight: bold;
	line-height: inherit;
}

div#mwdQuizAddedHtml header div.headerContent {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1em;
	color: #018374;
}

div#mwdQuizAddedHtml header div.logo,
div#mwdQuizAddedHtml header div.placeholder {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}

div#mwdQuizAddedHtml header div.heading {
	padding: 0.15em;
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	text-align: center;
}

div#mwdQuizAddedHtml header div.heading h1 {
	font-size: 1.8em;
}

div#mwdQuizAddedHtml header div.heading p {
	margin: 0;
}

div#mwdQuizAddedHtml header div.placeholder {
	display: none;
}

div#mwdQuizAddedHtml header img.logo {
	display: block;
	max-width: 25rem;
	width: 100%;
	height: auto;
}

div#mwdQuizAddedHtml footer {
	padding: 1em;
	color: #263F3D;
	text-align: center;
	position: relative;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

div#mwdQuizAddedHtml a.socialIcon {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.25em;
	margin: 0.5em;
	width: 1.8em;
	height: 1.8em;
	color: whitesmoke;
	text-decoration: none;
	background-color: #263F3D;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: -webkit-transform 0.25s;
	transition: -webkit-transform 0.25s;
	-o-transition: transform 0.25s;
	transition: transform 0.25s;
	transition: transform 0.25s, -webkit-transform 0.25s;
}

div#mwdQuizAddedHtml a.socialIcon:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

div#mwdQuizAddedHtml a.socialIcon:active {
	opacity: 0.5;
}

div#mwdQuizAddedHtml a.socialIcon i {
	vertical-align: -0.33em;
}

div#mwdQuizAddedHtml .wrapSet {
	display: inline-block;
}

div#mwdQuizAddedHtml a#buttonDonate {
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	margin: 0.25em auto;
	width: 100%;
	max-width: 25rem;
	min-height: 5rem;
	padding: 0.5em;
	font-weight: bold;
	font-size: 1.75em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #01C5AF;
}

div#mwdQuizAddedHtml a#buttonDonate:hover {
	position: relative;
	top: -1px;
	background-color: #263F3D;
}

div#mwdQuizAddedHtml a#buttonDonate:active {
	position: relative;
	top: 1px;
	opacity: 0.5;
}

/* quiz style overrides */
div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer {
	min-height: inherit !important;
	padding: 0 !important;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent {
	color: #fff;
	font-size: 0.75em;
	font-weight: normal;
	width: 100%;
	max-width: 100% !important;
	min-height: 31rem !important;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizFocusText
	div.quizIntroText {
	width: 85%;
	max-width: 50em;
	margin-left: auto;
	margin-right: auto;
	padding: 1em 7%;
	background-color: rgba(38, 62, 61, 0.85);
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizFocusText
	div.quizIntroText
	p {
	font-size: 1.17em;
	font-weight: bold;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	div.quizBasicText {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	margin: 0 !important;
	padding: 1em 5%;
	font-size: 1.5em !important;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizFocusText
	h3 {
	display: inline-block;
	padding: 0.1em 1em;
	font-size: 0.7em;
	color: #fff;
	background-color: #018374;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	div.quizContentImage {
	-webkit-flex-basis: 50%;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-height: 14rem !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
}

div#mwdQuizAddedHtml div.mwdQuizEngine div.quizContainer div.quizBackground div.quizSubArea {
	background-color: #f1f1f1;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizSubArea
	button {
	margin: 0.25em 0.125em;
	border: 0 !important;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo {
	max-width: 50rem;
	font-size: 1.5em;
	text-align: center;
	padding: 0.5em 1%;
	color: #fff;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	p.introText {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.75em;
}
div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	.hint {
	font-size: 0.75em;
	color: #8e8e8e;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 30em;
	margin: 1em auto;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup
	label {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	padding: 0.25rem;
	font-weight: bold;
	font-size: 0.9em;
	text-align: left;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup
	input {
	-webk#A32638it-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	width: 100%;
	padding: 0.5rem;
	color: #000;
	background-color: #fff;
	border: 2px solid transparent;
	-webkit-border-radius: 0.33em;
	border-radius: 0.33em;
	-webkit-transition: color 0.5s, border 0.5s;
	-o-transition: color 0.5s, border 0.5s;
	transition: color 0.5s, border 0.5s;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup.error
	input {
	color: tomato;
	border-color: tomato;
}

div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup
	div.feedback {
	-webkit-flex-basis: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	margin-top: 0.25rem;
	padding-left: 0.25rem;
	font-size: 0.8em;
	text-align: left;
}
div#mwdQuizAddedHtml
	div.mwdQuizEngine
	div.quizContainer
	div.quizBackground
	div.quizContentContainer
	div.quizContent
	form.userInfo
	div.inputGroup
	div.feedback.error {
	display: none;
	color: tomato;
	font-weight: bold;
}

@media screen and (min-width: 36rem) {
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		form.userInfo
		p.introText {
		font-size: 2em;
		font-weight: bold;
	}
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		form.userInfo
		div.inputGroup {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		form.userInfo
		div.inputGroup
		label {
		-webkit-flex-basis: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}

	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		form.userInfo
		div.inputGroup
		input {
		-webkit-flex-basis: 75%;
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
	}
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		form.userInfo
		div.inputGroup
		div.feedback {
		padding-left: 25%;
	}
}

@media screen and (min-width: 36rem) {
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		div.quizContentImage {
		-webkit-align-self: center !important;
		-ms-flex-item-align: center !important;
		-ms-grid-row-align: center !important;
		align-self: center !important;
	}

	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizSubArea
		button:first-of-type {
		margin-left: 0;
	}

	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizSubArea
		button:last-of-type {
		margin-right: 0;
	}
}

@media screen and (min-width: 40rem) {
	div#mwdQuizAddedHtml header div.heading {
		font-size: 1.2em;
	}

	div#mwdQuizAddedHtml header div.placeholder {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 50rem) {
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizContent
		div.quizContentImage {
		width: 25rem !important;
		height: 25rem !important;
		max-width: 25rem !important;
		max-height: 25rem !important;
	}
}

@media screen and (min-height: 32rem) {
	div#mwdQuizAddedHtml
		div.mwdQuizEngine
		div.quizContainer
		div.quizBackground
		div.quizContentContainer
		div.quizFocusText
		div.quizIntroText {
		margin-bottom: 5em !important;
	}
}

/* animations */

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		top: 2em;
	}

	66% {
		opacity: 0;
		top: 2em;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		top: 2em;
	}

	66% {
		opacity: 0;
		top: 2em;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

.js-form-item-redhen-sf-sync-contact-form--field-donor-source {
  display: none;
}