.content_img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #ccc;
	border: 1px solid #333;
	margin: 1em auto;
	max-width: 600px;
}
/* uniform image height */
img.u-height {
	width: auto;
	max-height: 275px;
	max-width: 100%;
}
/* new limit image height */
img.v-height {
	width: auto;
	max-height: 70vh;
	max-width: 100%;
	min-height: 300px;
	object-fit: contain;
}
/* Limit Image Height */
img.shrink:not(.crop) {
 box-sizing: border-box;
 width: auto !important;
 max-height: 70vh !important;
 max-width: 71% !important;
 min-height: 115px;
 height: 500px;
}
/* Limit Image Height */
img.shrink-td:not(.crop) {
 box-sizing: border-box;
 width: auto !important;
 max-height: 70vh !important;
 max-width: 96% !important;
 min-height: 115px;
 height: 500px;
}
/* Image Crop */
img.crop {
	object-fit: cover;
	height: auto;
	max-height: 200px;
	max-width: 400px;
	box-sizing: border-box;
	min-width: auto;
}
img.crop.ctop {
	object-position: 50% 100%;
}
img.crop.cbot {
	object-position: 50% 0%;
}
img.crop.cright {
	object-position: 0% 50%;
}
img.crop.cleft {
	object-position: 100% 50%;
}
/* END Image Crop */

/* Normalize lightbox image size */
img.crop-lb {
	object-fit: cover;
	aspect-ratio: 3/2;
}
/* callout box */
.content .callout, .content .practicePage img, td .content_img, th .content_img {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #777;
}
/* Add padding to images */
img.pad {
	background-color: #ffffff;
	padding: 1em;
	box-sizing: border-box;
}
/* image center */
.content img.centered {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0;
}
/* Set max-width of images in table cells. */
td .content_img, th .content_img {
	max-width: 89%;
}
/* Fix box sizing issues */
.content_img, .example-callout div, [class*="story_box"] div {
 box-sizing: border-box;
}
@media screen and (max-width: 1000px) {
/* Set wider max-width of images in table cells on small screens. */
td .content_img, th .content_img {
 width: 92%;
}
/********************
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;
}
/********************
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
********************/

/* 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.text-table th, table.alt-text-table tbody tr th {
	background-color: #BDC3C7 !important;
	color: 000000 !important;
	text-align: center;
}
table.text-table tbody tr td {
	text-align: left;
	border: 1px solid #666 !important;
}
table.text-table tr th {
	border: 1px solid #666 !important;
}
/* Text-table with Row Headers */
.underline {
	text-decoration: underline;
}
table.text-table td, table.alt-text-table tbody tr th {
	background-color: #FFFFAA !important;
	color: #000000 !important;
	text-align: center;
}
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
}
/* Table Stripes */
.striped tr:nth-child(even) td {
background-color: #FFFFD2 !important;
}
/* rubric */
table.text-table.rubric tr td:first-of-type {
	background-color: #ECF0F1 !important;
	font-weight: bold !important;
}
/* rubric */
table.text-table.rubric tr td, table.text-table.rubric tr th {
	border: 2px solid #444 !important;
}
section div.instructions {
	background-color: #3c6382;
	cursor: pointer;
	border-radius: 10px;
	padding: 2px 20px;
	font-weight: bold;
	width: 300px;
	margin: 10px;
}
section div.instructions:hover {
	background-color: #0a3d62;
	border-radius: 20px;
 transition: .5s;
}
section div.instructions a {
	text-decoration: none;
	color: white;
}
div.whExcerpt.prompt-box {
	background-color: #f2f2f2;
	border-color: #6d97b9;
}
/* Blank Line */
.blankline {
	border-bottom: 1px solid black;
	width: 75px;
	display: inline-block;
}
/********************
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
********************/