.content_img {
	width: 100%;
	max-width: 400px;
}
/* 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;
}
/* 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;
}
/* Fix box sizing issues */
.content_img, .example-callout div, [class*="story_box"] div {
 box-sizing: border-box;
}
 @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;
}
/* Text-table with Row Headers */
.underline {
	text-decoration: underline;
}
/********************
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
}
/* 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
********************/
/* Center content and left align it when it wraps. */
.center-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.center-wrap * {
  text-align: left;
}
