/********************
Mathjax
********************/
/* Mathjax font default settings. */
.mathjax-equation {
	font-weight: 500;
	font-size: inherit !important;
}
/* Use the mathjax font for math that is not in a mathjax equation wrapper. */
.math-font {
	font-family: MathJax_Main !important;
	font-size: inherit !important;
	font-weight: normal !important;
}
/* Use the mathjax italic font for italicized variables that are not a in mathjax equation wrapper. */
.math-font em {
	font-family: MathJax_Math-italic !important;
}
/* Adjustments for math-font class in headers. */
h3 .math-font, h2 .math-font {
	font-size: inherit !important;
	font-weight: normal !important;
}
/* Mathjax H2 and H3 settings. */
h3 .mathjax-equation, h2 .mathjax-equation {
	font-weight: 900;
	font-size: 0.95em !important;
}
/* Add size to equations when using center-wrap in answer box */
.ShowMe-Answer.center-wrap:not(.shrink) .mathjax-equation:not(.shrink):not(.v-math), .AE-reveal .center-wrap:not(.shrink) .mathjax-equation:not(.shrink):not(.v-math) {
 font-size: inherit !important;
}
/* Fix issue where a different font sometimes get inserted by Mathjax */
.MJXp-math {
	font-family: MathJax_Main !important
}
.MJXp-italic {
	font-family: MathJax_Math-italic !important;
	margin-right: 0.05em !important;
	margin-left: inherit !important;
}
/* Fix issue where mathjax sometimes appears in a different color and font. */
.MathJax_Preview {
	font-family: 'MathJax_Math-italic';
	color: #000000;
	font-size: inherit;
}
/* Fix for center-wrap mathjax fraction spacing. */
.center-wrap .MJXp-rule {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/* Fix for center-wrap mathjax fraction spacing. */
.center-wrap .MJXp-math {
	line-height: inherit !important
}
/* Fix for center-wrapped square roots */
.center-wrap .MJXp-surd span {
	font-size: inherit !important;
	margin-top: 0 !important;
}
/* Remove all italicization when no variables are present. */
.chemtext .mi, .chemtext mi {
	font-family: MathJax_Main !important;
}
/* Remove all italicization when no variables are present. */
.chemtext * {
	font-style: normal !important;
}
/* Fix spacing after no-longer italicized letters. */
.chemtext .mi span {
	display: none !important;
}
/* Vertical Math container */
.v-math {
	display: block;
	background-color: #fff;
	padding: 0.5em;
	width: 86%;
	margin: 0.8em auto;
	max-width: 500px;
	border: 1px solid #777;
	border-radius: 5px;
	box-sizing: border-box;
}
/* Widen v-math box for all sizes*/
.v-math.wide {
	max-width: 600px;
	width: 100%;
}
/* Extra padding for non-mathjax math. */
div.v-math p {
	padding: 0.4em 1em;
}
/* No padding for prime tables. */
div.v-math .prime td p {
	padding: 0;
}
/*Fix long division display. */
.menclose svg {
	height: 3.2em !important;
}
/*Fix long division display with smaller text. */
.smalldiv .menclose svg {
	height: 2.7em !important;
}
/* Fix hidden long division display. */
.mathjax-equation.v-math .menclose svg, .mathjax-equation.inline-symbol .menclose svg {
	margin: 0 0 0 0.3em !important;
	padding: 0 !important;
	width: 100% !important;
	border-top: 2px solid black !important;
	border-left: 2px solid black !important;
	border-right: none !important;
	border-bottom: none !important;
	stroke-opacity: 0 !important;
	border-image: linear-gradient(to bottom, #000 52%, #FFF 10%) 1% 1 !important;
}
/* Blank Long division symbol (inline) */
.ldiv {
	margin: 0 0.1em;
	padding: 0;
	width: 2.5em;
	height: 1em;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: none;
	border-bottom: none;
	display: inline-block;
	box-sizing: border-box;
}
/* Adjustment for underset v-math box */
.v-math.underset {
	padding-top: 0.8em;
	padding-bottom: 0;
}
/* Fix hidden long division display. */
/*.dfix .menclose svg, .reveal-box .menclose svg, .collapse .menclose svg, .flip-box-back .menclose svg, .AE-interactive-table div .menclose svg, .tab-pane:not(#h-tab-one) .menclose svg {
	margin: 0 1em 0 0.4em !important;
	padding: 0 !important;
	width: 100% !important;
	border-top: 2px solid black !important;
	border-left: 2px solid black !important;
	stroke-opacity: 0 !important;
}
*/
/********************
End Mathjax
********************/

body {
	min-width: 650px;
}
/* Prevent child elements from extending outside content container on small screens. */
/*.content {
	overflow: auto;
}
*/
/* Center content and left align it when it wraps. */
.center-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.center-wrap p {
	text-align: left;
}
/* Circle of number */
span.circle {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	border: 1px solid #000000;
	padding: 8px;
	-webkit-box-shadow: 0px 0px 1px 1px #000000, 1px 1px 1px 1px rgba(0,0,0,0) !important;
	box-shadow: 0px 0px 1px 1px #000000, 1px 1px 1px 1px rgba(0,0,0,0) !important;
}
/* Mathjax font default settings. */
.mathjax-equation {
	font-weight: 500;
	font-size: 1.05em !important;
}
/* Use the mathjax font for math that is not in a mathjax equation wrapper. */
.math-font {
	font-family: MathJax_Main !important;
	font-size: 1.2em !important;
	font-weight: normal !important;
}
/* Use the mathjax italic font for italicized variables that are not a in mathjax equation wrapper. */
.math-font em {
	font-family: MathJax_Math-italic !important;
}
/* Adjustments for math-font class in headers. */
h3 .math-font, h2 .math-font {
	font-size: inherit !important;
	font-weight: normal !important;
}
/* Mathjax H2 and H3 settings. */
h3 .mathjax-equation, h2 .mathjax-equation {
	font-weight: 900;
	font-size: 0.95em !important;
}
.solo-image {
	max-width: 500px;
	padding: 0;
	margin: 1rem auto;
}
.solo-image img {
	width: 100%;
}
.content_img {
	width: 100%;
	max-width: 500px;
}
.content_img_no-border {
	width: 100%;
	max-width: 500px;
}
img.full-width {
	max-width: none;
	margin: 1em auto;
}
/* ----------------- */
/* Header Size Fixes */
/* ----------------- */
h3 {
	font-size: 1.2rem !important;
}
.banner h3 {
	font-size: 1.85em !important;
}
/* ----------------- */
/* End Header Size Fixes */
/* ----------------- */

/* more line spacing for list items */
.content li {
	margin-bottom: 0.4rem;
	font-size: 1.1em;
}
/* Remove list indent */
ul.noindent, ol.noindent {
	padding-left: 0 !important;
}
.content ul {
	margin-top: 0 !important;
	margin-bottom: 0.8rem !important;
}
.content ul.hide_bullets {
	list-style-type: none !important;
}
.content ul.bullets {
	list-style-type: disc !important;
}
.content ul li ul {
	margin-top: 0.4rem !important;
	margin-bottom: 0.4rem !important;
}
/* two-column layout */
.content .two-columns {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.content .indent, .content table p.indent {
	margin-left: 30px !important;
}
.content hr {
	width: auto;
	color: #cccccc;
	margin: auto;
	margin-top: 1rem !important;
}
/* 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);
}
/* extra vertical spacing where needed */
.content .spacer {
	margin-top: 2rem !important;
}
/* Red X */
.fa-times-circle {
	color: red;
	font-size: 1.1em;
}
/* Green Check */
.fa-check-circle {
	color: green;
	font-size: 1.1em;
}
h2 strong, th strong {
	font-weight: bolder;
}
/* Add size to equations when using center-wrap in answer box */
.ShowMe-Answer.center-wrap .mathjax-equation, .AE-reveal .center-wrap .mathjax-equation {
	font-size: 1.11em !important;
}
/********************
Table Tweaks
********************/
/* Add border to show me tables. */
.ShowMe-Example .explination {
	border: 1px solid #333;
}
/* Underline theader text that is already bold. */
.AE-interactive-table th strong {
	text-decoration: underline;
}
/* Left align option for table headers. */
.explination thead.left-please th {
	text-align: left;
}
/* Small table */
.mini-table {
	width: auto;
	margin: 1rem auto;
	min-width: 500px;
}
/* Even Columns */
.even-width {
	display: table;
	width: 100%;
}
/* Even Columns */
.even-width td, .even-width th {
	display: table-cell;
	max-width: 0;
}
/* Set no margin or padding for single paragraph or list. */
.explination td p, .explination th p, .explination td ul.noindent, .explination td ol.noindent {
	margin: 0 !important;
	padding: 0 !important;
}
/* List font size fix. */
.explination ul li, .explination ol li {
	font-size: 1.1em !important;
}
/* Remove last li margin to even out cell alignment. */
.explination ul li:last-child, .explination ol li:last-child {
	margin-bottom: 0 !important;
}
/* Set top margin for subsequent paragraphs for appropriate spacing. */
.explination td p:not(:first-child), .explination th p:not(:first-child) {
	margin-top: 1rem !important;
}
.explination td, .explination th {
	padding: 20px !important;
}
/* Set header-style color for two-column row. */
.general td[colspan*="2"]:not(.blank) {
	background-color: #88A9C9 !important;
}
/* Set header-style color for two-column row. */
.l-blue td[colspan*="2"]:not(.blank) {
	background-color: #A9CEF4 !important;
}
/* Set header-style color for two-column row. */
.practice_purple td[colspan*="2"]:not(.blank) {
	background-color: #9395CA !important;
}
/* Add space above and below table and center it. */
table.explination {
	margin: 1em auto;
}
/********************
End Table Tweaks
********************/

/********************
Two-Way Table
********************/
table.two-way {
	border: none !important;
}
.two-way th, .two-way td:not(.blank) {
	border: 1px solid #666 !important;
}
.two-way tbody.practice_purple tr:nth-child(odd) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #DBDBED !important;
}
.two-way tbody.practice_purple tr:nth-child(even) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #C3C4E1 !important;
}
.two-way .practice_purple th.extrahead {
	background-color: #ABACD6 !important;
}
.two-way tbody.general tr:nth-child(odd) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #D7E2ED !important;
}
.two-way tbody.general tr:nth-child(even) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #BDCFE1 !important;
}
.two-way .general th.extrahead {
	background-color: #A2BCD5 !important;
}
.two-way tbody.l-blue tr:nth-child(odd) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #D7E8FA !important;
}
.two-way tbody.l-blue tr:nth-child(even) td:not(.highlight):not(.highlight2):not(.highlight3):not(.blank) {
	background-color: #C8DFF8 !important;
}
.two-way .l-blue th.extrahead {
	background-color: #B8D6F6 !important;
}
td.blank {
	background-color: transparent !important;
}
.highlight {
	background-color: yellow !important;
}
.highlight2 {
	background-color: #B3FF66 !important;
}
.highlight3 {
	background-color: pink !important;
}
/********************
End Two-Way Table
********************/

/********************
Highlight Table
********************/
table.AE_highlight_table {
	margin: 1rem auto;
	padding: 0;
	width: 98%;
	cursor: pointer;
	max-width: 1400px;
}
ul.AE_highlight_table, ol.AE_highlight_table {
	margin: 0.8rem auto;
	padding: 10px;
	width: 98%;
	cursor: pointer;
	max-width: 1400px;
	list-style-type: none !important;
}
/* Ordered List-specific Styles */
ol.AE_highlight_table {
	counter-reset: item;
}
ol.AE_highlight_table li {
	counter-increment: item;
	display: block !important;
	padding-left: 100px !important;
}
ol.AE_highlight_table li:before {
	margin: 0 13px 0 -80px;
	padding: 0 40px 0 15px;
	content: counter(item);
	border-right: thin solid #BAC7D6;
	font-size: 20px;
}
.AE_highlight_table.steps li {
	padding-left: 100px !important;
}
.AE_highlight_table.steps li:before {
	margin: 0 9px 0 -87px;
	padding: 0 19px 0 0;
	content: "Step " counter(item);
}
/* Table-specific Styles */
table.AE_highlight_table {
	border-collapse: separate;
	border-spacing: 0px;
}
table.AE_highlight_table td, table.AE_highlight_table th {
	padding: 20px;
	border-bottom: thin solid #BAC7D6;
	border-top: thin solid #BAC7D6;
	border-right: thin solid #BAC7D6;
}
table.AE_highlight_table th {
	text-align: center;
}
table.AE_highlight_table tr td:first-child, table.AE_highlight_table tr th:first-child {
	border-left: thin solid #BAC7D6;
}
/* Hover Styles and Transitions */
ul.AE_highlight_table li:hover, ol.AE_highlight_table li:hover {
	background-color: #EFFEFF;
	box-shadow: 0px 5px 10px #cccccc;
	border: thin solid #98A5B4;
}
table.AE_highlight_table tr:hover td, table.AE_highlight_table tr:hover th {
	background-color: #EFFEFF;
	border-top: thin solid #98A5B4;
	border-bottom: thin solid #98A5B4;
}
table.AE_highlight_table tr:hover {
	box-shadow: 0px 5px 10px #cccccc;
}
table.AE_highlight_table tr:hover *:first-child {
	border-left: thin solid #98A5B4;
}
table.AE_highlight_table tr:hover *:last-child {
	border-right: thin solid #98A5B4;
}
table.AE_highlight_table tr, ul.AE_highlight_table li, ol.AE_highlight_table li {
	padding: 20px;
	margin: 0;
	background-color: #DCE9F8;
	border: thin solid #BAC7D6;
	opacity: 1;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}
table.AE_highlight_table:hover tr, ul.AE_highlight_table:hover li, ol.AE_highlight_table:hover li {
	opacity: .3;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}
table.AE_highlight_table tr:hover, ul.AE_highlight_table li:hover, ol.AE_highlight_table li:hover {
	opacity: 1;
	transition: opacity 500ms, transform 500ms;
	-moz-transition: opacity 500ms, -moz-transform 500ms;
	-webkit-transition: opacity 500ms, -webkit-transform 500ms;
	-o-transition: opacity 500ms, -o-transform 500ms;
}
/* Remove borders from child elements to fix hover issues. */
table.AE_highlight_table:hover p, table.AE_highlight_table:hover .mathjax-equation *, table.AE_highlight_table:hover span, table.AE_highlight_table:hover figure, table.AE_highlight_table:hover img {
	border-left: none !important;
	border-right: none !important;
}
/* Paragraph margin fixes. */
.AE_highlight_table p {
	margin-top: 0 !important;
	font-size: 1.1rem !important;
}
/* Paragraph margin fixes. */
.AE_highlight_table p:last-child {
	margin-bottom: 0 !important;
}
/********************
End Highlight Table
********************/

/********************
Figures
********************/
img.lightbox-border {
	width: 100% !important;
}
.lightbox-content figcaption p {
	font-size: 1.1rem !important;
}
figcaption {
	padding: 0 15px;
	margin: 0 auto;
	margin-top: 5px;
	display: flex !important;
	justify-content: center !important;
	max-width: inherit;
	font-size: 0.8rem;
}
figure {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/********************
End Figures
********************/

/********************
Helper Classes
********************/
/*
* 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;
}
/********************
End Helper Classes
********************/

/* ==========================================================================
   Buttons (and links styled as buttons)
   ========================================================================== */
.assignments {
	background-color: #DFE0F2;
	padding: 20px 20px 10px 20px;
	border-radius: 10px;
}
.assignments a {
	background-color: #6365A3;
	margin: 5px 0px;
	width: 96%;
}
.assignments a:hover {
	background-color: #4A4C87;
}
.assignments a .fas {
	font-size: 1.25em;
}
/* Primary Button Styles */
a.btn:not(.flat-btn) {
	margin: 0 0.6rem 0.6rem 0 !important;
	padding: 0.8rem 1rem !important;
	border-width: 1px !important;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	border-style: solid !important;
	border-color: #084268 !important;
	max-width: 100% !important;
	font-size: 1.2rem !important;
	text-decoration: none !important;
	min-width: 80px !important;
	text-align: center !important;
}
/* Default color settings of buttons */
a.btn:not(.flat-btn) {
	display: inline-block !important;
	color: #ffffff !important;
	background-color: #4C7CA9 !important;
	border: 1px solid #4C7CA9 !important;
	font-weight: bold !important;
}
/* Style settings of buttons in hover state */
a.btn:not(.flat-btn):hover {
	background-color: #ffffff !important;
	color: #4C7CA9 !important;
	border-color: #4C7CA9 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0) !important;
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0) !important;
	transition: 0.2s !important;
}
/* Style settings of buttons in focus state */
a.btn:not(.flat-btn):focus {
	background-color: #ffffff !important;
	color: #4C7CA9 !important;
	border-color: #4C7CA9 !important;
	text-decoration: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	outline: 2px solid yellow !important;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0) !important;
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0) !important;
	transition: 0.2s !important;
}
/* Style settings for small buttons */
button.btn-small, input[type="button"].btn-small, input[type="submit"].btn-small, a.btn-small {
	font-size: 1rem !important;
}
/* Style settings for large buttons */
button.btn-large, input[type="button"].btn-large, input[type="submit"].btn-large, a.btn-large {
	font-size: 1.3rem !important;
}
/* Settings for center/middle-aligned buttons.  */
button.btn-middle, input[type="button"].btn-middle, input[type="submit"].btn-middle, a.btn-middle {
	position: relative !important;
	top: 50% !important;
	left: 50% !important;
	margin: 0 !important;
	transform: translate(-50%, -50%) !important;
}
/* Remove inner dotted box from firefox buttons */
button::-moz-focus-inner {
 border: 0 !important;
}
/* Center button.  */
.btn-centered {
	display: block !important;
	margin: auto !important;
}
a.thumb:hover img {
	transform: scale(1.05) !important;
	transition: 0.2s !important;
}
/* ==========================================================================
	FRQ Scrolling - To match FRQ styles.
   ========================================================================== */
.AE-scrollable-FRQ {
	background-color: #F1F2F8 !important;
	padding: 45px 65px !important;
	border-radius: 0px !important;
	border-top: 4px solid #7C7EBF !important;
}
.AE-scrollable-FRQ.general {
	background-color: #f2f2f2 !important;
	border-top: 4px solid #6e97be !important;
}
.AE-scrollable-FRQ .answer-table th {
	text-align: left;
	font-size: 1.2em;
	vertical-align: middle;
	background-color: #2980b9;
	color: #fff;
	padding: 6px 5px;
	border-bottom: 1px solid #888;
}
.AE-scrollable-FRQ .answer-table {
	border-collapse: collapse;
}
.AE-scrollable-FRQ .answer-table td {
	padding: 6px 5px;
	border-bottom: 1px solid #888;
}
.AE-scrollable-FRQ .textfields .response textarea {
	background-color: #EAEAF6;
}
.AE-scrollable-FRQ .answer-table th {
	background-color: #6C70B7;
}
.AE-scrollable-FRQ .qStore {
	background-color: #DBDBED;
}
.AE-scrollable-FRQ.general .textfields .response textarea {
	background-color: #d7e2ed;
}
.AE-scrollable-FRQ.general .answer-table th {
	background-color: #516e8b;
}
.AE-scrollable-FRQ.general .qStore {
	background-color: #d7e2ed;
}
.MTH AE-scrollable-FRQ {
	background-color: transparent;
	border: none;
}
.AE-scrollable-FRQ {
	max-width: 1000px;
}
.AE-scrollable-FRQ .next, .AE-scrollable-FRQ .review {
	margin: 0 auto;
	width: 100%;
	max-width: 400px;
	margin-top: 16px;
	line-height: 39px;
	background-image: none;
	cursor: pointer;
}
/* Border fix for FRQ scrolling.  */
.AE-scrollable-FRQ .summary {
	margin: 0;
}
/* Fix button colors for MC scrolling. */
.AE-scrollable-FRQ button.next, .AE-scrollable-FRQ button.review {
	background-color: #3E477A !important;
}
.AE-scrollable-FRQ button.next:hover, .AE-scrollable-FRQ button.next:focus, .AE-scrollable-FRQ button.review:hover, .AE-scrollable-FRQ button.review:focus {
	background-color: #373F6D !important;
}
.AE-scrollable-FRQ.general button.next, .AE-scrollable-FRQ.general button.review {
	background-color: #4D7193 !important;
}
.AE-scrollable-FRQ.general button.next:hover, .AE-scrollable-FRQ.general button.next:focus, .AE-scrollable-FRQ.general button.review:hover, .AE-scrollable-FRQ.general button.review:focus {
	background-color: #3F5D78 !important;
}
/* ==========================================================================
	END FRQ Scrolling
   ========================================================================== */

/* ==========================================================================
	Rubric Fixes (for adding thead and THs to top table row)
   ========================================================================== */
.MTH_Rubric thead.practice_purple th:first-child {
	background-color: #C6C8E5 !important;
	vertical-align: top !important;
}
.MTH_Rubric thead.practice_purple th:nth-child(2) {
	background-color: #D3D4EC !important;
	vertical-align: top !important;
}
.MTH_Rubric thead.practice_purple th:nth-child(3) {
	background-color: #DFE0F2 !important;
	vertical-align: top !important;
}
.MTH_Rubric thead.practice_purple th:nth-child(4) {
	background-color: #ECEDF9 !important;
	vertical-align: top !important;
}
.MTH_Rubric thead th:nth-child(5) {
	background-color: #BABCDF !important;
}
.MTH_Rubric thead th {
	vertical-align: middle !important;
	font-weight: bold;
	text-align: center;
}
/* ==========================================================================
	End Rubric Fixes (for adding thead and THs to top table row)
   ========================================================================== */

/* ==========================================================================
	Discussion Page
   ========================================================================== */
.story_box li {
	font-weight: bold;
	font-size: 1.1rem;
}
.story_box {
	background-color: #DFE0F2;
}
.MTH_Rubric .explination {
	margin: 15px 0px;
}
.MTH_Rubric .explination tbody tr:first-child td {
	text-align: center !important;
	font-weight: bold;
}
.MTH_Rubric .explination .practice_purple td:first-child {
	background-color: #C6C8E5 !important;
	vertical-align: top !important;
}
.MTH_Rubric .explination .practice_purple td:nth-child(2) {
	background-color: #D3D4EC !important;
	vertical-align: top !important;
}
.MTH_Rubric .explination .practice_purple td:nth-child(3) {
	background-color: #DFE0F2 !important;
	vertical-align: top !important;
}
.MTH_Rubric .explination .practice_purple td:nth-child(4) {
	background-color: #ECEDF9 !important;
	vertical-align: top !important;
}
.MTH_Rubric .explination .practice_purple td:nth-child(5) {
	background-color: #BABCDF !important;
	vertical-align: top !important;
}
/* ==========================================================================
	End Discussion Page
   ========================================================================== */

/* ==========================================================================
   Display Fixes
   ========================================================================== */
/* Add center-wrap capability to new flash cards. */
.NEW_AE-flashcards div.center-wrap p {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
/* Horizontal Tabset width fix.  */
.AE-h_tab {
	min-width: 300px;
}
/* Vertical Tabset normalize example font.  */
.AE-v_tab .example_content {
	font-size: 1rem !important;
}
/* Fix for reveal answer paragraphs.  */
.AE-reveal p {
	margin-bottom: 20px !important;
}
/* Fix for green flat buttons when using A tag.  */
a.flat-btn {
	line-height: 1.5rem !important;
	padding: 1rem 10px !important;
	height: auto !important;
}
/* Fix for question width in slideshow.  */
.slide_content div.AE-reveal {
	width: 100%;
}
/* Image width in slideshow */
.slide-pic .content_img {
	max-width: 450px;
}
/* Remove bigger font from Show Me Button answers. */
.AE-reveal-no-box {
	font-size: inherit !important;
}
/* Fix hidden class for Show Me Button so that display is none rather then invisible. */
.AE-reveal .hidden {
	display: none !important;
}
/* Increase font size in question section of MC interactive. */
.AE-multiple_choice .question .header p, .AE-multiple_choice .question .header blockquote {
	font-size: 1.2rem !important;
}
/* Increase font size and margin for list items in accordion. */
.accordian-drop-down .panel ul, .accordian-drop-down .panel ol {
	font-size: 1.1rem !important;
	margin-top: 1rem !important;
}
/* Fix margins for list items in example box. */
.example_content ul, example_content ol {
	margin-top: 1rem !important;
}
/* Add bold to em tags in FRQ answers since the text is already italicized. */
.FRQv3 .sampleAns em {
	font-weight: bold !important;
}
/* Fix spacing of P tag in example box of vertical tabset. */
.tabcontent .example_content p {
	margin-bottom: 1rem !important;
}
/* Fix bottom padding of side-by-side example boxes. */
.sbs_examples {
	padding-bottom: 1rem;
}
/* Fix uneven side-by-side example boxes. */
.sbs_examples .even-height {
	display: flex !important;
}
.even-height .text-box {
	flex: 1 !important;
}
/* --------------- */
/* Fix side-by-side example boxes in slideshow. */
.AE-slideshow-wrapper .sbs_examples img {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100% !important;
	min-width: 50px !important;
}
.AE-slideshow-wrapper .sbs_examples p {
	margin-bottom: 1rem !important;
}
/* --------------- */
/* Fix ULs in flip boxes. */
.flip-box-back li {
	font-size: 1.1rem;
}
.flip-box-back ul {
	margin: 0 !important;
	padding: 0 1rem !important;
	width: 90%;
	max-width: 380px;
}
/* --------------- */
/* Fix flip boxes in slideshow. */
.AE-slideshow-wrapper .general_flip-box, .AE-slideshow-wrapper .practice_purple_flip-box {
	width: 100% !important;
}
.AE-slideshow-wrapper .flip-box p {
	margin: 0 1rem !important;
	padding: 0 !important;
}
/* --------------- */
/* Re-do Graph Paper Section */
.graph-paper .flat-btn {
	background-color: #4A4D96;
	box-shadow: 0px 3px 3px #666;
	padding: 1rem !important;
	width: 90% !important;
	max-width: 400px !important;
}
.graph-paper {
	background-color: #F2F2F2;
	padding: 1rem 1rem 2rem 1rem !important;
	margin: auto;
	background-color: #f2f2f2;
	border: 2px solid #7C7EBF;
	border-radius: 7px;
}
/* Fix centering for side by side boxes. */
.general .text-box {
	display: flex !important;
	justify-content: center !important;
	text-align: left !important;
}
/* Fix font color of tables in MC Quiz */
.question td, .question th {
	color: #000000 !important;
}
/* Make sure sections fill full width in Show Me container */
.AE-reveal-no-box section.row {
	width: 100%;
}
/* Remove min-height of text-box from default stylesheet. */
.general .text-box {
	min-height: 10px;
}
/* Add focus settings that are missing from main MTH stylesheet. */
.MTH .AE-reveal button:focus, .MTH .AE-reveal input[type='button']:focus, .MTH .AE-reveal input[type='submit']:focus, .MTH .AE-reveal a.btn:focus {
	color: #4978A2;
	border-color: #4978A2;
	background-color: white !important;
}
/* Add focus settings that are missing from main MTH stylesheet. */
.practice_purple .ShowMe-Example .AE-reveal button:focus, .practice_purple .AE-reveal input[type='button']:focus, .practice_purple .AE-reveal input[type='submit']:focus, .practice_purple .AE-reveal a.btn:focus {
	color: #4A4D96;
	border-color: #4A4D96;
	background-color: white;
}
/* Remove top margin for subsequent flipbox paragraphs for appropriate spacing. */
.flip-box-back p:not(:first-child) {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* Fix earlier content affected by center-wrap reconfiguration. */
.ShowMe-Answer.center-wrap div p:first-child {
	text-align: center;
}
/*.center-wrap div[style*="text-align: left;"], .ShowMe-Answer.center-wrap div, .AE-reveal-no-box .center-wrap div {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
*/
/* Fix paragraph spacing issue with the Q/A interactive. */
.AE-reveal .mfix p:last-child {
	margin-bottom: 0 !important;
}
/* Fix H3 width in side by side boxes. */
.even-height .text-box div {
	width: 100%;
}
/* Fix issue where a different font sometimes get inserted by Mathjax */
.MJXp-math {
	font-family: MathJax_Main !important
}
.MJXp-italic {
	font-family: MathJax_Math-italic !important;
	margin-right: 0.05em !important;
	margin-left: inherit !important;
}
/* Fix match game padding issue */
.matchItems button.item, .matchAnswers button.answer {
	padding-bottom: 1em !important;
	padding-top: 1em !important;
}
/* Fix match game padding issue */
.matchUp p {
	margin: 0;
	padding: 0;
}
/* Center images in slideshows. */
.slide_content img {
	margin: auto;
}
/* Align MC answer choice images to top of list item. */
.AE-multiple_choice_wrapper .responses img {
	vertical-align: top;
}
/* Fix for center-wrapped square roots */
.center-wrap .MJXp-surd span {
	font-size: 1.01em !important;
	margin-top: 0 !important;
}
/* Fix for figure images in match game buttons */
.matchItems .item figure, .matchItems .answer figure {
	margin: 0 !important;
}
/* Fix giant font when using sbs box in solution. */
.ShowMe-Example .sbs_examples p:has(> span) {
 font-size: inherit !important;
}
/* Fix issue where mathjax sometimes appears in a different color and font. */
.MathJax_Preview {
	font-family: 'MathJax_Math-italic';
	color: #000000;
	font-size: 1.05em;
}
/* Fix text box P padding */
.text-box p:last-child {
	margin-bottom: 0 !important;
}
/* Fix text box P padding */
.text-box p:first-child {
	margin-top: 0 !important;
}
/* Make all P tags left-aligned. */
.all-left p {
	text-align: left !important;
}
/* Fix for text box height issue */
.text-box.solo {
	min-height: 10px !important;
}
/* Figure margin fixes. */
.content figure {
	margin-inline-start: 0;
	margin-inline-end: 0;
}
/* Fix P size setting so that it is relative to the page rather than the container. */
p {
	font-size: 1.1rem;
}
/* Make table cell font size same as P font size. */
.explination {
	font-size: 1.1rem;
}
/* Make transcript area the exception to style above. */
#transcriptArea p {
	font-size: 1.1em;
}
/* Fix for center-wrap mathjax fraction spacing. */
.center-wrap .MJXp-rule {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/* Fix for center-wrap mathjax fraction spacing. */
.center-wrap .MJXp-math {
	line-height: inherit !important
}
/* Add new class to make Q 'n A work in purple section */
.purple_question {
	margin-top: 2rem;
	border: 1px solid #ccc;
	padding: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/* Center text emphasis when width is reduced.*/
.text-em {
	margin: 1em auto !important;
}
/* Make spans behave like P tags when inside of P tags in quiz feedback. */
span.feedback {
	display: block;
	margin: 1em 0;
}
/* Padding/Margin/Image Fixes for Text Emphasis */
.text-em img.content_img {
	width: 100%;
	max-width: 400px;
}
/* Padding/Margin/Image Fixes for Text Emphasis */
.text_em_def {
	margin-bottom: 1rem;
}
/* Padding/Margin/Image Fixes for Text Emphasis */
.text-em {
	padding-bottom: 1rem;
}
/* Fix margin issues in ordering. */
.AE-ordering-wrapper .AE-ordering.noAccordion header p {
	margin-top: 0 !important;
}
/* Fix margin issues in ordering. */
.AE-ordering-wrapper .AE-ordering.noAccordion header h3 {
	margin-bottom: 1em !important;
}
/* Fix lack of focus ring in Ordering */
.AE-ordering *:focus {
	padding: 4px !important;
}
/* Add enlargement transition to Ordering */
.AE-ordering *:focus, .AE-ordering header:hover {
	transform: scale(1.02) !important;
	transition: 0.2s !important;
}
/* Add space below graph paper box */
.graph-paper {
	margin-bottom: 1rem !important;
}
/* Fix lightbox cross position */
.lightbox-img figure {
	margin: 0 !important;
	padding: 0 !important;
}
/* Fix lightbox cross position */
.lightbox-img figure img {
	margin: 0 !important;
	padding: 0 !important;
}
/* Add some padding inside accordion panels. */
.accordian-drop-down .panel > * {
	margin: 1em !important;
}
/* Compress extra-wide tables */
.compress td, .compress th {
	padding: 1rem 2px !important;
}
/* Compress extra-wide tables */
.compress td p, .compress th p {
	margin: 0 !important;
}
/* Centering fix for nested tables */
.explination .left-please .explination .center-please tr td {
	text-align: center !important;
}
/* Fix for visuallyhidden class display issue inside SBS boxes. */
.visuallyhidden {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}
/* Improve display of left table heads */
th.rowhead {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
/* ==========================================================================
   End Display Fixes
   ========================================================================== */

@media screen and (max-width: 1000px) {
/* two-column layout */
.content .two-columns {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
/* Small table */
.mini-table {
	width: 100%;
	min-width: 200px;
}
/* Make mathjax font smaller. */
.explination .mathjax-equation, .mathjax-equation.shrink, .slide_content h2 .mathjax-equation, .AE-interactive-table .mathjax-equation, .sbs_examples .mathjax-equation {
	font-size: 0.9em !important;
}
/* Remove Even Columns */
.even-width td, .even-width th {
	max-width: fit-content;
}
/* Prevent small formulas from shrinking on small screens. */
.mathjax-equation.no-shrink, .no-shrink .mathjax-equation {
	font-size: inherit !important
}
}
 @media screen and (max-width: 48em) {
/* Make div fill full width for centered images on small screens. */
.content div.center-xs {
	width: 100%;
}
/* Fix answer bg width on small screens */
.practice_purple .ShowMe-Example .AE-reveal .ShowMe-Answer {
	margin: 1rem auto;
}
/* Make mathjax font smaller. */
.explination .mathjax-equation, .mathjax-equation.shrink, .AE-multiple_choice .mathjax-equation, .slide_content h2 .mathjax-equation, .AE-interactive-table .mathjax-equation, .sbs_examples .mathjax-equation {
	font-size: 0.8em !important;
}
/* Prevent small formulas from shrinking on small screens. */
.mathjax-equation.no-shrink, .no-shrink .mathjax-equation {
	font-size: inherit !important
}
/* Remove mathjax indent on tiny screens. */
.mathjax-equation.indent {
	margin-left: 0 !important;
}
/* Remove extra margin from show me button content on small screens. */
.general .ShowMe-Example .AE-reveal .ShowMe-Answer {
	margin: 10px 10px;
}
}

@media screen and (max-width: 1000px) {
/********************
Mathjax
********************/
/* Make mathjax font smaller. */
.shrink th .mathjax-equation:not(.v-math), .shrink td .mathjax-equation:not(.v-math), .mathjax-equation.shrink, .shrink .mathjax-equation {
 font-size: 0.9em !important;
}
/* Class to override above shrinkage. */
.mathjax-equation.no-shrink, .no-shrink .mathjax-equation, .content .no-shrink td .mathjax-equation {
 font-size: inherit !important
}
/* Widen v-math on small screens. */
.v-math {
 width: 90% !important
}
.v-math.wide {
 width: 100% !important
}
/********************
End Mathjax
********************/

}
 @media screen and (max-width: 800px) {
/* Make all elements border box. */
.content div.v-math, .content table.rewrap, .content img, .content figure {
 box-sizing: border-box;
}
/* Make div fill full width for centered images on small screens. */
.content div.center-xs {
 width: 100%;
 box-sizing: border-box;
}
}
/* extra vertical spacing where needed */
.content .spacer {
	margin-top: 1.5em !important;
}

/* Fix font size for mathjax in match game. */
div.matchItems .mathjax-equation, div.matchAnswers .mathjax-equation {
	font-size: 1.2em !important
}
 @media screen and (max-width: 47em) {
/********************
Mathjax
********************/
/* Make mathjax font smaller. */
.shrink th .mathjax-equation:not(.v-math), .shrink td .mathjax-equation:not(.v-math), .mathjax-equation.shrink, .shrink .mathjax-equation, .mathjax-equation.shrink-sm, .shrink-sm .mathjax-equation {
 font-size: 0.8em !important;
}
/* Class to override above shrinkage. */
.mathjax-equation.no-shrink, .no-shrink .mathjax-equation, .content .no-shrink td .mathjax-equation {
 font-size: inherit !important
}
/* Remove mathjax indent on tiny screens and center it. */
.mathjax-equation.indent, .feedback.indent {
 margin-left: auto !important;
 text-align: center;
 display: block;
}
/********************
End Mathjax
********************/
}
 @media screen and (max-width: 650px) {
/* Make mathjax font smaller. */
.mathjax-equation.shrink, .shrink .mathjax-equation, .mathjax-equation.shrink-xs, .shrink-xs .mathjax-equation {
 font-size: 0.7em !important;
}
/* Class to override above shrinkage. */
.mathjax-equation.no-shrink, .no-shrink .mathjax-equation, .content .no-shrink td .mathjax-equation {
 font-size: inherit !important;
}
}
table.text-table {
	border-collapse: collapse !important;
}
table.th-left thead th {
	text-align: left !important;
}
tbody.th-left th {
	text-align: left !important;
}
/* Set minimum height for cells */
table.td-height td, table.td-height th {
	height: 1em;
}
table.td-center tbody td, table.td-center tbody td p {
	text-align: center !important;
}
table.th-center thead th, table.th-center thead th p {
	text-align: center !important;
}
/********************
Table Tweaks
********************/
.text-table {
	box-sizing: border-box;
}
/* Left align option for table headers. */
.text-table thead.th-left th {
	text-align: left;
}
/* Even Columns */
.even-width, .even-width-all {
	display: table;
	width: 100%;
}
/* Even Columns */
.even-width td, .even-width th, .even-width-all td, .even-width-all th {
	display: table-cell;
	max-width: 0;
}
/* Add space above and below table and center it. */
table[class*="text-table"], .FL_Rubric table {
 margin: 1em auto;
}
table caption {
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.4em 0 0.4em 0;
	margin: 0;
	caption-side: top;
	color: #000;
}
/* Compress tables */
.compress td, .compress th {
	padding: 0.5em !important;
}
/* Compress extra-wide tables */
.compress td p, .compress th p {
	margin: 0 !important;
	padding: 0 !important;
}
/* Add ability to center left table cells. */
.FL_Rubric table.center-left td:first-child, table.center-left td:first-child {
	text-align: center;
}
/* Rubric table width.*/
.FL_Rubric table {
	margin: 1em auto;
	width: 100%;
}
/* Center tables */
table.text-table, .FL_Rubric table {
	margin: 1em auto;
}

/********************
End Table Tweaks
********************/
[class*="text-table"] td, [class*="text-table"] th {
 padding: 0.8em;
}
/* Add space to first UL */
[class*="text-table"] td ul:first-of-type {
 padding-top: 0.4em;
}
/* Remove space from last UL */
[class*="text-table"] td ul:last-of-type {
 margin-bottom: 0;
}
/* Auto width and centering for content. */
div.auto-width {
	margin: auto;
	display: inline-block;
	text-align: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 71%;
	box-sizing: border-box;
}
/* Auto width for tables. */
table.auto-width {
	width: auto;
	min-width: 500px;
	box-sizing: border-box;
}
/* Auto width and centering for content. */
div.auto-width {
	margin: auto;
	display: inline-block;
	text-align: left;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 71%;
	box-sizing: border-box;
}
/* Auto width for tables. */
table.auto-width {
	width: auto;
	min-width: 500px;
	box-sizing: border-box;
}
.content ul.hide_bullets {
	list-style-type: none !important;
}
.content ul.bullets {
	list-style-type: disc !important;
}
/* two-column layout */
.content .two-columns {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	box-sizing: border-box;
}
.content .indent, .content table p.indent {
	margin-left: 30px !important;
}
table.th-left thead th {
	text-align: left;
}
tbody.th-left th {
	text-align: left;
}
/* Set minimum height for cells */
table.td-height td, table.td-height th {
	height: 1em;
}
table.td-center tbody td, table.td-center tbody td p {
	text-align: center;
}
table.th-center thead th, table.th-center thead th p {
	text-align: center;
}
/* List item spacing */
.content ul li, .content ol li {
	margin-top: 0.5em
}

/********************
Highlight Colors
********************/
.highlight {
	background-color: yellow !important;
}
.highlight2 {
	background-color: lime !important;
}
.highlight3 {
	background-color: aqua !important;
}
.highlight4 {
	background-color: violet !important;
}
.highlight5 {
	background-color: pink !important;
}
/********************
End Highlight Colors
********************/

/********************
Figure
********************/
figure {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
figure figcaption {
	font-size: 0.85rem;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
figure figcaption p:last-of-type:has(a) {
 font-size: 0.8rem;
}
figure figcaption:not(.lbcaption) p {
 margin: 0;
 padding: 0.2em;
}
/* Lightbox Caption */
figure figcaption.lbcaption {
	font-size: 1.1rem;
}
/* Add padding to first P in lightbox caption. */
.lightbox-content .lbcaption p:first-of-type {
	padding-top: 0.8em;
}
/* SBS Image Spacing */
.sbs-images figure {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
/********************
End Figure
********************/