/* callout box */
.content .callout, .content .practicePage img {
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .3);
}
/* default images to 100%, must set max-width inline */
.content img:not(.noreflow) {
	width: auto;
	height: auto;
	max-width: 100%;
}
/* two-column layout */
.content .two-columns {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
/* Centering */
.center-wrap {
	display: flex !important;
	justify-content: center !important;
}
/* Centering */
.center {
	text-align: center;
}
.content figure {
	margin: 0 auto;
}
/* more line spacing for list items */
.content li {
 margin-bottom: .4rem;
}
.content ul {
	margin-top: 0 !important;
	margin-bottom: 0.8rem !important;
}
.content ul li ul {
	margin-top: 0.4rem !important;
	margin-bottom: 0.4rem !important;
}
.content .indent {
	margin-left: 30px;
}
.content hr {
	width: auto;
	color: #cccccc;
	margin: auto;
	margin-top: 1rem !important;
}
/* slightly larger text on larger screens */
.content p, .content div, .content li, .content th, .content td {
	font-size: 1.1rem !important;
}
/* ==========================================================================
   Buttons
   ========================================================================== */

/* Primary Button Styles */
.AE-reveal button, .AE-reveal select, .AE-reveal textarea, .AE-reveal input[type="text"], .AE-reveal input[type="button"], .AE-reveal input[type="submit"], .AE-reveal input[type="reset"], .AE-reveal input[type="password"], .AE-reveal a.btn {
	margin: 0 0.6em 0.6em 0;
	padding: 0.4em 0.6em;
	line-height: 1.6em;
	border-width: 1px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border-style: solid;
	border-color: #084268;
	max-width: 100%;
	font-size: 1.3rem;
	text-decoration: none;
	min-width: 80px;
	text-align: center;
}
/* Default color settings of buttons */
.AE-reveal button, .AE-reveal input[type="button"], .AE-reveal input[type="submit"], .AE-reveal input[type="reset"], .AE-reveal a.btn {
	display: inline-block;
	color: #ffffff;
	background-color: #0B6199;
	border: 1px solid #0B6199;
	font-weight: bold;
}
/* Style settings of buttons in hover state */
.AE-reveal button:hover, .AE-reveal input[type="button"]:hover, .AE-reveal input[type="submit"]:hover, .AE-reveal a.btn:hover {
	background-color: #ffffff;
	color: #0B6199;
	border-color: #0B6199;
	text-decoration: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	transition: 0.2s;
}
/* Style settings of buttons in focus state */
.AE-reveal button:focus, .AE-reveal input[type="button"]:focus, .AE-reveal input[type="submit"]:focus, .AE-reveal a.btn:focus {
	background-color: #ffffff;
	color: #0B6199;
	border-color: #0B6199;
	text-decoration: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	cursor: pointer;
	outline: 2px solid yellow;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	transition: 0.2s;
}
/* Style settings for small buttons */
.AE-reveal button.btn-small, .AE-reveal input[type="button"].btn-small, .AE-reveal input[type="submit"].btn-small, .AE-reveal a.btn-small {
	font-size: 1rem;
}
/* Style settings for large buttons */
.AE-reveal button.btn-large, .AE-reveal input[type="button"].btn-large, .AE-reveal input[type="submit"].btn-large, .AE-reveal a.btn-large {
	font-size: 1.6rem;
}
/* Settings for center/middle-aligned buttons.  */
.AE-reveal button.btn-middle, .AE-reveal input[type="button"].btn-middle, .AE-reveal input[type="submit"].btn-middle, .AE-reveal a.btn-middle {
	position: relative;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%);
}
/* Remove inner dotted box from firefox buttons */
.AE-reveal button::-moz-focus-inner {
 border: 0;
}
/* Center button.  */
.AE-reveal .btn-centered {
	display: block;
	margin: auto;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */
.hidden {
	display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap; /* 1 */
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
	visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/********************
Figures
********************/

figure {
	margin: 0 auto;
}
figcaption {
	background-color: #bdc3c7;
	padding: 10px 15px;
	border-radius: 20px;
	margin: 0 auto;
	font-size: .8em;
	text-align: left;
	margin-top: 5px;
}
/********************
CIRCLE IMAGES
********************/

.circle-image {
	display: block;
	margin: 0 auto;
	border: 3px solid;
	border-radius: 200px;
	padding: 10px;
}
.rounded-image {
	display: block;
	margin: 0 auto;
	border: 3px solid;
	border-radius: 5px;
	padding: 10px;
}
.red-border {
	border-color: #c0392b;
	background-color: #e74c3c;
}
.green-border {
	border-color: #27ae60;
	background-color: #2ecc71;
}
.grey-border {
	border-color: #bdc3c7;
	background-color: #ecf0f1;
}
/********************
RESPONSIVE IMAGES
********************/
.sm-display-img {
	display: none;
}
 @media all and (max-width: 950px) {
.lg-display-img {
	display: none;
}
.sm-display-img {
	display: block;
	margin: 0 auto;
}
}
/* ==========================================================================
   Interactive Resets 
   ========================================================================== */
#matchingV2 * {
	font-size: 16px !important;
}
#matchingV2 .item * {
	text-align: left !important;
}
#matchingV2 img, .multiple_choice img {
	width: auto !important;
}
#matchingV2 .visual * {
	text-align: center !important;
}
img.pdfScript {
	width: auto !important;
}
#matchingV2 #rtAlign * {
	text-align: right !important;
}
.mmChoice p {
	background-color: transparent !important;
}
/* ==========================================================================
   Section Banners 
   ========================================================================== */

.section-banner img, .section-banner-center img {
	max-width: 75px !important;
	flex-shrink: 0;
}
.section-banner h3 {
	font: bold 26px Arial, san-serif !important;
}
.section-banner-center {
	color: #0b476f;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin: 0px;
}
.section-banner {
	color: #0b476f;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	margin: 0px;
}