/* RETINA DISPLAY IMAGES */
a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #dc0028;
  text-decoration: underline; }
  a:hover,
	a:focus {
    color: #b30021;
    text-decoration: none; }
  a.text-red {
    color: #dc0028; }
    a.text-red:hover {
      color: #b30021; }
  a.text-green {
    color: #0f9225; }
    a.text-green:hover {
      color: #0b6d1c; }
  a.text-blue {
    color: #1f81ba; }
    a.text-blue:hover {
      color: #196997; }
  a.text-black {
    color: #000; }
  a.no-underline {
    text-decoration: none; }
    a.no-underline:hover {
      text-decoration: underline; }
	
	
	/* Added by ARJ, 6/28/2021 */
	#skiplink {
		display: block;
		position: absolute;
		top: -2rem;
		left: 0px;
		width: 11rem;
		height: 2rem;
		margin: 0;
		border: 0;
		border-bottom-right-radius: 0.5rem;
		border-bottom-left-radius: 0.5rem;
		padding: 0;
		z-index: 100;
		background: #dc0028;
		color: white;
		text-align: center;
		line-height: 2;
		transition: 0.35s;
		text-decoration: underline;
	}
	
	#skiplink:focus {
		top: 0;
		transition: 0.1s;
	}
	

/* Added by ARJ, 7/30/2021,
 to replace the inappropriate use of an H5 header element 
 as the container for the intro "description" paragraph on 
 individual simulation catalog description pages;
 See also below @media rule min-width: 1200px */
div.simulation-text > p:first-child {
  font-weight: 300;
  font-size: 1.2em;
  margin: 0 0 .875em;
  letter-spacing: 1px;
  line-height: 1.375em; }

div.copyright a {
	color: #eb002b /* Added by ARJ, 6/28/2021, to minimally meet the WCAG AA standard */
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.375em; }
  h1.not-bold, h1.no-bold, h1.unbold, h2.not-bold, h2.no-bold, h2.unbold, h3.not-bold, h3.no-bold, h3.unbold, h4.not-bold, h4.no-bold, h4.unbold, h5.not-bold, h5.no-bold, h5.unbold, h6.not-bold, h6.no-bold, h6.unbold {
    font-weight: 400; }
    h1.not-bold .bold, h1.not-bold .bolded, h1.no-bold .bold, h1.no-bold .bolded, h1.unbold .bold, h1.unbold .bolded, h2.not-bold .bold, h2.not-bold .bolded, h2.no-bold .bold, h2.no-bold .bolded, h2.unbold .bold, h2.unbold .bolded, h3.not-bold .bold, h3.not-bold .bolded, h3.no-bold .bold, h3.no-bold .bolded, h3.unbold .bold, h3.unbold .bolded, h4.not-bold .bold, h4.not-bold .bolded, h4.no-bold .bold, h4.no-bold .bolded, h4.unbold .bold, h4.unbold .bolded, h5.not-bold .bold, h5.not-bold .bolded, h5.no-bold .bold, h5.no-bold .bolded, h5.unbold .bold, h5.unbold .bolded, h6.not-bold .bold, h6.not-bold .bolded, h6.no-bold .bold, h6.no-bold .bolded, h6.unbold .bold, h6.unbold .bolded {
      font-weight: 700; }
  h1.thin, h1.thinner, h2.thin, h2.thinner, h3.thin, h3.thinner, h4.thin, h4.thinner, h5.thin, h5.thinner, h6.thin, h6.thinner {
    font-weight: 300; }
    h1.thin .bold, h1.thin .bolded, h1.thinner .bold, h1.thinner .bolded, h2.thin .bold, h2.thin .bolded, h2.thinner .bold, h2.thinner .bolded, h3.thin .bold, h3.thin .bolded, h3.thinner .bold, h3.thinner .bolded, h4.thin .bold, h4.thin .bolded, h4.thinner .bold, h4.thinner .bolded, h5.thin .bold, h5.thin .bolded, h5.thinner .bold, h5.thinner .bolded, h6.thin .bold, h6.thin .bolded, h6.thinner .bold, h6.thinner .bolded {
      font-weight: 700; }
  h1.red-underline, h2.red-underline, h3.red-underline, h4.red-underline, h5.red-underline, h6.red-underline {
    display: inline-block;
    margin-bottom: 1.375em;
    position: relative; }
    h1.red-underline:after, h2.red-underline:after, h3.red-underline:after, h4.red-underline:after, h5.red-underline:after, h6.red-underline:after {
      background: #dc0028;
      bottom: -0.375em;
      content: "";
      display: block;
      height: 6px;
      position: absolute;
      width: 100%; }
  h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {
    margin: 0; }

h1 {
  font-size: 2em;
  margin: 0 0 .5em; }
  h1.margin-2x {
    margin: 0 0 1em; }

h2 {
  font-size: 1.5em;
  margin: 0 0 .875em; }
  h2.margin-2x {
    margin: 0 0 1.75em; }

h3 {
  font-size: 1.375em;
  margin: 0 0 .5em; }
  h3.margin-2x {
    margin: 0 0 1em; }

h4 {
  font-size: 1.25em;
  margin: 0 0 1em; }
  h4.margin-2x {
    margin: 0 0 2em; }

h5 {
  font-size: 1.125em;
  margin: 0 0 .875em; }
  h5.margin-2x {
    margin: 0 0 1.75em; }

h6 {
  font-size: 1em;
  margin: 0 0 .5em; }
  h6.margin-2x {
    margin: 0 0 1em; }

p {
  margin: 0 0 1.5em; }


/* Added by ARJ, 7/14/2021 */
/* For one paragraph on the homepage */
p.simulations-insights-solutions {
    margin: 0 0 1em;
		font-size: 1.25em;
		font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.375em;
}

@media all and (min-width: 768px) {
	p.simulations-insights-solutions {
			font-size: 1.5em;
	}
}


b, strong {
  font-weight: 700; }

ul, ol {
  line-height: 1.375em;
  margin: 0 0 2em;
  padding: 0 0 0 2em; }
  ul li, ol li {
    margin: 0 0 .5em; }
  ul ul, ul ol, ol ul, ol ol {
    margin: .5em 0 1em 0; }
    ul ul li, ul ol li, ol ul li, ol ol li {
      margin: 0 0 .375em; }

blockquote {
  background: #f8f8f8;
  border-left: 5px solid #dc0028;
  margin: 2.5em 0;
  padding: 2em 1.5em .5em 2em; }
  blockquote p {
    font-style: italic;
    font-weight: 300; }

.text-red {
  color: #dc0028; }

.text-green {
  color: #0f9225; }

.text-blue {
  color: #1f81ba; }

.text-white {
  color: #FFFFFF; }

.very-light-gray-bkgd {
  background: #f8f8f8; }

.light-gray-bkgd {
  background: #e6e6e6; }

.gray-bkgd {
  background: #cecece; }

.medium-gray-bkgd {
  background: #afafaf; }

.dark-gray-bkgd {
  /* background: #7d7d7d; Original color by Canton web designer */
  background: #767676; /* Added by ARJ, 6/28/2021 to minimally meet the  WCAG AA standard */}

.very-dark-gray-bkgd {
  background: #484848; }

.black-bkgd {
  background: #000; }

/*
.hide-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
*/

/* Replacement added by ARJ, 6/28/2021; taken from WebAim's "modern" sr-only class */	
/* updated by ARJ, 3/28/2022 */	
.hide-text,
.pot,	/* added by ARJ, 6/13/2023 */
.sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

hr {
  border: none;
  border-top: 1px solid #000;
  display: block;
  height: 1px;
  margin: 1.5em auto;
  padding: 0; }

.text-align-left {
  text-align: left; }

.text-align-center {
  text-align: center; }

.text-align-right {
  text-align: right; }

@media all and (min-width: 768px) {
  h1 {
    font-size: 2.25em;
    margin: 0 0 .5em; }
    h1.margin-2x {
      margin: 0 0 1em; }

  h2 {
    font-size: 1.875em;
    margin: 0 0 .875em; }
    h2.margin-2x {
      margin: 0 0 1.75em; }

  h3 {
    font-size: 1.5em;
    margin: 0 0 .5em; }
    h3.margin-2x {
      margin: 0 0 1em; }

  h4 {
    font-size: 1.5em;
    margin: 0 0 1em; }
    h4.margin-2x {
      margin: 0 0 2em; }

  h5 {
    font-size: 1.25em;
    margin: 0 0 .875em; }
    h5.margin-2x {
      margin: 0 0 1.75em; }

  h6 {
    font-size: 1.125em;
    margin: 0 0 .5em; }
    h6.margin-2x {
      margin: 0 0 1em; }

  blockquote {
    border-left-width: 8px;
    margin: 3em 0; }
    blockquote p {
      font-size: 1.125em;
      line-height: 1.638em; } }
@media all and (min-width: 1200px) {
  blockquote {
    padding: 2.25em 5em .5em 2.25em; }
    blockquote p {
      font-size: 1.25em;
      line-height: 1.5em; } }
button, .button, .btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #dc0028;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 100%;
  font-weight: 600;
  margin: 0;
  padding: 0.638em 2em;
  position: relative;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle; }
  button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, .btn:hover, .btn:focus, .btn:active {
    background: #000;
    color: #FFFFFF; }
  button.rounded, .button.rounded, .btn.rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px; }
  button.all-caps, .button.all-caps, .btn.all-caps {
    text-transform: uppercase; }
  button.font-weight-thin, button.thin, .button.font-weight-thin, .button.thin, .btn.font-weight-thin, .btn.thin {
    font-weight: 300; }
  button.font-size-14pt, .button.font-size-14pt, .btn.font-size-14pt {
    font-size: .875em; }
  button.font-size-18pt, .button.font-size-18pt, .btn.font-size-18pt {
    font-size: 1.125em; }
  button.font-size-20pt, .button.font-size-20pt, .btn.font-size-20pt {
    font-size: 1.25em; }
  button.padding-less, button.less-padding, .button.padding-less, .button.less-padding, .btn.padding-less, .btn.less-padding {
    padding: 0.5em 1em; }
  button.transparent-bkgd, button.transparent, .button.transparent-bkgd, .button.transparent, .btn.transparent-bkgd, .btn.transparent {
    background: transparent; }
  button.red-text, .button.red-text, .btn.red-text {
    color: #dc0028; }
  button.red-border, .button.red-border, .btn.red-border {
    border: 1px solid #dc0028; }
    button.red-border:hover, .button.red-border:hover, .btn.red-border:hover {
      background: #dc0028;
      color: #FFFFFF; }
  button.green-text, .button.green-text, .btn.green-text {
    color: #0f9225; }
  button.green-border, .button.green-border, .btn.green-border {
    border: 1px solid #0f9225; }
    button.green-border:hover, .button.green-border:hover, .btn.green-border:hover {
      background: #0f9225;
      color: #FFFFFF; }
  button.green-bkgd, .button.green-bkgd, .btn.green-bkgd {
    background: #0f9225;
    border: 1px solid #0f9225;
    color: #FFFFFF; }
    button.green-bkgd:hover, .button.green-bkgd:hover, .btn.green-bkgd:hover {
      background: #FFFFFF;
      color: #0f9225; }
  button.blue-text, .button.blue-text, .btn.blue-text {
    color: #1f81ba; }
  button.blue-border, .button.blue-border, .btn.blue-border {
    border: 1px solid #1f81ba; }
    button.blue-border:hover, .button.blue-border:hover, .btn.blue-border:hover {
      background: #1f81ba;
      color: #FFFFFF; }
  button.blue-bkgd, .button.blue-bkgd, .btn.blue-bkgd {
    background: #1f81ba;
    border: 1px solid #1f81ba;
    color: #FFFFFF; }
    button.blue-bkgd:hover, .button.blue-bkgd:hover, .btn.blue-bkgd:hover {
      background: #FFFFFF;
      color: #1f81ba; }
  button.white-text, .button.white-text, .btn.white-text {
    color: #FFFFFF; }
  button.width-auto, .button.width-auto, .btn.width-auto {
    width: auto; }
  button.width-full, .button.width-full, .btn.width-full {
    text-align: center;
    padding: .638em 6%;
    width: 88%; }
  button.icon-left, .button.icon-left, .btn.icon-left {
    padding: 0.5em 1em; }
    button.icon-left .fa, .button.icon-left .fa, .btn.icon-left .fa {
      margin: 0 .25em 0 0;
      vertical-align: middle; }
  button.icon-right, .button.icon-right, .btn.icon-right {
    padding: 0.5em 1em; }
    button.icon-right .fa, .button.icon-right .fa, .btn.icon-right .fa {
      margin: 0 0 0 .25em;
      vertical-align: middle; }
  button .fa, .button .fa, .btn .fa {
    font-size: 1.5em;
    vertical-align: bottom; }

.style-guide-button-styles button, .style-guide-button-styles .button, .style-guide-button-styles .btn {
  margin-bottom: 1em; }

fieldset {
  background: transparent;
  border: 1px solid #cecece;
  /* margin: 0 0 2.5em; Removed by ARJ */
  margin: 2.5em 0; /* Added by ARJ */
  /* padding: 1em; Removed by ARJ */
  padding: 2.5em 1em 1em; /* Added by ARJ */
  position: relative; }

legend {
  background: #000;
  border: none;
  color: #fbe24f;
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  padding: 0.25em 1.25em;
  width: auto;
  position: absolute;
  top: -1em; }
	
  legend.required::after {
    color: #dc0028;
    color: #fbe24f;
    content: "*";
    font-size: 1.125em;
    position: relative;
    top: 0; }

input,
label,
select {
  color: #000;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 100%; }

label {
  font-size: 100%;
  font-weight: 600;
  line-height: 1.375em;
  margin-bottom: 0.25em; }
  label.required:after {
    color: #dc0028;
    content: "*";
    font-size: 1.125em;
    position: relative;
    top: 0; }
  label abbr {
    display: none; }

.cke_chrome {
  margin-bottom: 1em !important; }

select {
  resize: vertical;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  -ms-transition: border-color;
  -o-transition: border-color;
  transition: border-color;
  width: 100%; }
  select:focus {
    outline: none; }
  select.full-width {
    width: 100%; }

input[type="checkbox"], input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  -ms-transition: border-color;
  -o-transition: border-color;
  transition: border-color;
  background-color: #eee;
  border-radius: 6px;
  border: 1px solid #c1c1c1;
  padding: 0.375em 0.875em;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  resize: vertical;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="password"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="text"]:hover,
  input[type="url"]:hover,
  input[type="color"]:hover,
  input[type="date"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="month"]:hover,
  input[type="time"]:hover,
  input[type="week"]:hover {
    border-color: #adadad; }
  textarea:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus {
    border-color: #adadad;
    -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.15);
    outline: none; }

input[type="file"] {
  margin: 0 0 1em;
  width: 100%; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="submit"] {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  background: #dc0028;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 100%;
  font-weight: 600;
  margin: 0;
  padding: 0.638em 2em;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-appearance: none;
  white-space: nowrap; }
  input[type="submit"]:hover {
    background: #000;
    color: #FFFFFF; }
	/* Added by ARJ, 7/24/2023 */
  input[type="submit"]:disabled,
  input[type="submit"]:disabled:hover {
    background: #eee;
    color: #c0c0c0;
    cursor: not-allowed; }

.form-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between; }

.form-element {
  margin: 0 0 1.5em;
  width: 100%; }
  .form-element.checkbox label, .form-element.checkboxes label, .form-element.radio label, .form-element.radios label {
    /* font-weight: 300; Removed by ARJ */
    font-weight: 500; /* Added by ARJ */
    display: block;
    /* margin: 0 0 0 1.5em; }  Removed by ARJ */
    margin: 0 0 0 .5em; } /* Added by ARJ */
  .form-element.checkbox input, .form-element.checkboxes input, .form-element.radio input, .form-element.radios input {
    float: left;
    /* margin: .125em 0 0; } Removed by ARJ */
    margin: 0 0 0 -1.25em; }

.form-actions {
  zoom: 1;
  margin: 0 1% 2em;
  text-align: right; }
  .form-actions:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .form-actions input, .form-actions button, .form-actions .btn {
    display: inline-block; }

.quantity-fields {
  margin: 0 !important; }
  .quantity-fields input[type="text"] {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
  .quantity-fields button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.125em;
    height: 1.5em;
    line-height: 1;
    margin: 0 1px;
    padding: 0;
    vertical-align: middle;
    width: 1.5em; }
  .quantity-fields #unitCost {
    margin: .5em 0 0; }
    .quantity-fields #unitCost #total {
      font-weight: 600; }

@media all and (min-width: 600px) {
  fieldset {
    /* padding: 1.5em 1em; } Removed by ARJ */
    margin-top: 2em; /* Added by ARJ */
    padding: 2.5em 1em 0 1em; }/* Added by ARJ */

  .form-row {
    padding: 0 1em; }

  .quantity-fields #unitCost {
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: middle; } }
@media all and (min-width: 768px) {
  input[type="submit"] {
    display: inline-block; }

  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: auto; }

  select {
    padding: 0 1em 0 0;
    width: auto; }

  .form-row {
    padding: 0; }

  .form-element.width-25 {
    width: 23%; }
  .form-element.width-33 {
    width: 31%; }
  .form-element.width-50 {
    width: 48%; }
  .form-element.width-66 {
    width: 64%; }
  .form-element.width-75 {
    width: 73%; } }
.flexslider {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: transparent;
  border: none; }
  .flexslider .slides {
    position: relative; }
    .flexslider .slides .slide-image {
      display: none; }
    .flexslider .slides .slide-text {
      display: block;
      padding: 1.5em 1em; }
      .flexslider .slides .slide-text .slide-tag {
        background: #000;
        color: #FFFFFF;
        display: inline-block;
        font-size: .75em;
        letter-spacing: 0.5px;
        line-height: 1;
        margin: 0 0 1.25em;
        padding: .813em 1em;
        text-transform: uppercase; }
      .flexslider .slides .slide-text .slide-title {
        color: #FFFFFF;
        font-size: 1.75em;
        font-weight: 600;
        line-height: 1.25em;
        margin: 0 0 .75em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
      .flexslider .slides .slide-text .slide-teaser {
        color: #FFFFFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
        .flexslider .slides .slide-text .slide-teaser a {
          color: #FFFFFF; }
          .flexslider .slides .slide-text .slide-teaser a.arrow-btn {
            color: #000;
            font-size: .813em;
            position: relative;
            top: -3px; }

.flex-control-nav li {
  margin: 0 .375em; }
  .flex-control-nav li a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    background: transparent;
    border: 2px solid #FFFFFF;
    box-shadow: none;
    height: 18px;
    width: 18px; }
    .flex-control-nav li a:hover {
      background: rgba(0, 0, 0, 0.25); }
    .flex-control-nav li a.flex-active {
      background: #000; }

@media all and (min-width: 768px) {
  .flexslider {
    margin: 0; }
    .flexslider .slides .slide-image {
      display: block; }
    .flexslider .slides .slide-text {
      left: 0;
      position: absolute;
      top: 0;
      width: 60%; }
      .flexslider .slides .slide-text .slide-tag {
        background: #dc0028;
        margin: 0 0 1.5em;
        padding: .875em 1em; }
      .flexslider .slides .slide-text .slide-title {
        font-size: 2.25em;
        line-height: 1.125em;
        margin: 0 0 .375em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
      .flexslider .slides .slide-text .slide-teaser {
        font-size: 1.25em;
        line-height: 1.5em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
        .flexslider .slides .slide-text .slide-teaser a.arrow-btn {
          color: #dc0028;
          font-size: .875em; }
          .flexslider .slides .slide-text .slide-teaser a.arrow-btn .fa-arrow-right {
            text-shadow: none; }

  .flex-control-nav {
    bottom: 1.25em;
    left: 1em;
    text-align: left;
    width: auto;
    z-index: 100; }
    .flex-control-nav li a {
      border: 1px solid #FFFFFF; }
      .flex-control-nav li a.flex-active {
        background: #dc0028; } }
@media all and (min-width: 1024px) {
  .flexslider .slides .slide-text {
    padding: 2.5em 1em 0 1.5em; }
    .flexslider .slides .slide-text .slide-tag {
      font-size: .813em;
      margin: 0 0 2em;
      padding: .875em 1.125em; }
    .flexslider .slides .slide-text .slide-title {
      font-size: 3em;
      line-height: 1.125em;
      margin: 0 0 .5em; }

  .flex-control-nav {
    left: 1.5em; } }
@media all and (min-width: 1200px) {
  .flexslider .slides .slide-image {
    max-height: 75vh;
    overflow: hidden; } }
@media all and (min-width: 1440px) {
  .flexslider .slides .slide-image {
    max-height: 640px; }
  .flexslider .slides .slide-text {
    padding: 3.5em 0 0 1em;
    width: 50%; }
    .flexslider .slides .slide-text .slide-title {
      font-size: 3.75em; }
    .flexslider .slides .slide-text .slide-teaser {
      font-size: 1.375em;
      line-height: 1.638em; }

  .flex-control-nav {
    left: 1.125em; } }
@media all and (min-width: 1460px) {
  .flexslider .slides .slide-text {
    padding: 3.5em 0 0 3em; }

  .flex-control-nav {
    left: 3em; } }
body {
  background: #000 none no-repeat scroll 0 0;
  color: #000;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5em;
  margin: 0;
  padding: 0; }

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  width: auto; }

#content .content-area {
  padding: 1em; }

.sidebar-right {
  margin: 0 0 1.5em;
  padding: 1em; }

@media all and (min-width: 768px) {
  #content .content-area {
    padding: 2em 1.5em; }
  #content.sidebar {
    float: left;
    width: 66.666%; }
    #content.sidebar .content-area {
      padding: 2em 2em 2em 1em; }

  .sidebar-right {
    float: left;
    padding: 2em 2% 2em 0;
    width: 31.333%; } }
@media all and (min-width: 1024px) {
  #content.sidebar {
    width: 75%; }
    #content.sidebar .content-area {
      padding: 2em 3.5em 2em 1em; }

  .sidebar-right {
    width: 23%; } }
@media all and (min-width: 1200px) {
  #content .content-area {
    padding: 2em 1.5em 2em 1em; } }
@media all and (min-width: 1440px) {
  #content .content-area {
    padding: 2em 1.5em 2em .875em; } }
@media all and (min-width: 1460px) {
  #content .content-area {
    padding: 2em 1.5em 2em 0; }
  #content.sidebar .content-area {
    padding: 2em 3.5em 2em 0; }

  .sidebar-right {
    padding: 2em 0 0;
    width: 25%; } }
#header {
  background: #FFFFFF;
  border-bottom: 4px solid #dc0028;
  -webkit-box-shadow: 0 -3px 6px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -3px 6px 4px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 800; }
  #header #header-inner {
    zoom: 1;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0.25em 0.625em;
    position: relative; }
    #header #header-inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #header #header-inner #header-brand {
      width: 140px; }
    #header #header-inner #utility-wrapper {
      position: absolute;
      right: 4em;
      top: .638em; }
      #header #header-inner #utility-wrapper .utility-menu {
        list-style: none;
        margin: 0;
        padding: 0; }
        #header #header-inner #utility-wrapper .utility-menu li {
          display: inline-block;
          margin: 0 .375em;
          vertical-align: middle; }
          #header #header-inner #utility-wrapper .utility-menu li a {
            display: block; }
            #header #header-inner #utility-wrapper .utility-menu li a .fa {
              display: none;
              font-size: 2em; }
          #header #header-inner #utility-wrapper .utility-menu li.search-icon-link a .fa {
            display: inline-block; }
          #header #header-inner #utility-wrapper .utility-menu li.search-icon-link a .btn-text {
            display: none; }
          #header #header-inner #utility-wrapper .utility-menu li.google-search-wrapper {
            display: none; }

.google-search {
  zoom: 1;
  position: relative; }
  .google-search:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .google-search input[type="text"] {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    background: #e6e6e6;
    border: 1px solid #cecece;
    color: #000;
    font-size: .813em;
    padding: .638em 2.5em .638em .875em; }
  .google-search input[type="submit"] {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background: transparent;
    border: none;
    color: #484848;
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 400; }

@media all and (min-width: 768px) {
  #header {
    border-bottom-width: 10px; }
    #header #header-inner {
      padding: 0.5em 1.25em; }
      #header #header-inner #header-brand {
        width: 240px; }
      #header #header-inner #utility-wrapper {
        right: 6em;
        top: 1.75em; }
        #header #header-inner #utility-wrapper .utility-menu li {
          margin: 0 .875em; }
          #header #header-inner #utility-wrapper .utility-menu li a .fa {
            display: inline-block;
            margin: 0 .25em 0 0;
            vertical-align: middle; }
          #header #header-inner #utility-wrapper .utility-menu li a .btn-text {
            display: inline-block;
            vertical-align: middle; }
          #header #header-inner #utility-wrapper .utility-menu li.search-icon-link a .btn-text {
            display: inline-block; } }
@media all and (min-width: 1200px) {
  #header #header-inner {
    padding: 0.875em 1em 0; }
    #header #header-inner #header-brand {
      margin: 0 0 1em;
      width: 300px; }
    #header #header-inner #utility-wrapper {
      right: 1em;
      top: .5em; }
      #header #header-inner #utility-wrapper .utility-menu li a .fa {
        font-size: 1.5em; }
      #header #header-inner #utility-wrapper .utility-menu li.search-icon-link {
        display: none; }
      #header #header-inner #utility-wrapper .utility-menu li.google-search-wrapper {
        display: inline-block; } }
@media all and (min-width: 1440px) {
  #header #header-inner #header-brand {
    width: auto; } }
    
/* TEMP CSS TO SHOW MAIN NAV ACTIVE CLASS ON EDUCATION */
/*
.content-education #navigation #navigation-inner ul.menu li:first-child:hover a.parent:after {
  display: none; }
.content-education #navigation #navigation-inner ul.menu li:first-child a.parent:after {
  bottom: -14px;
  color: #dc0028;
  content: "\f0d8";
  display: block;
  font-family: "FontAwesome";
  font-size: 2em;
  left: 50%;
  margin: 0 0 0 -10px;
  position: absolute; }
.content-education #navigation #navigation-inner ul.menu li:first-child a.parent:hover:after {
  display: none; }
*/
/* END TEMP CODE */

/* ARJ POINTER CSS BASED ON CANTON CSS */
#navigation #navigation-inner ul.menu li a.parent:after {
  content: "\f0d8";
  position: absolute;
  left: 50%;
  bottom: -18px;
  display: block;
  margin: 0 0 0 -10px;
  color: #dc0028;
  font-family: "FontAwesome";
  font-size: 2em;
}

#navigation #navigation-inner ul.menu li:hover a.parent:after {
  display: none;

}

#navigation #navigation-inner ul.menu li a.parent:hover:after {
  display: none;

}
/* END ARJ POINTER CSS */


#navigation {
  background: transparent;
  bottom: 0;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0; }
  #navigation #navigation-inner ul.menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    #navigation #navigation-inner ul.menu li {
      display: inline-block;
      margin: 0;
      padding: 0;
      position: relative;
      vertical-align: middle; }
      #navigation #navigation-inner ul.menu li a {
        background: transparent;
        color: #000;
        display: inline-block;
        font-size: 1.125em;
        font-weight: 700;
        line-height: 1;
        padding: 1em;
        position: relative;
        text-decoration: none; }
        #navigation #navigation-inner ul.menu li a.category {
          font-weight: 600; }
        #navigation #navigation-inner ul.menu li a:hover {
          background: black;
          color: #FFFFFF; }
        /* Removed by ARJ, 7/10/2017 */
        /*
        #navigation #navigation-inner ul.menu li a.parent.active:after {
          bottom: -14px;
          color: #dc0028;
          content: "\f0d8";
          display: block;
          font-family: "FontAwesome";
          font-size: 2em;
          left: 50%;
					margin: 0 0 0 -10px;
          position: absolute; }
        /*
        /* Removed by ARJ, 7/10/2017 */
        /*
        #navigation #navigation-inner ul.menu li a.parent.active:hover:after {
          display: none; }
        */
      #navigation #navigation-inner ul.menu li:hover a {
        background: black;
        color: #FFFFFF; }
        /* Removed by ARJ, 7/10/2017 */
        /*#navigation #navigation-inner ul.menu li:hover a.parent.active:after {
          display: none; }
        */
      #navigation #navigation-inner ul.menu li:hover ul li a {
        background: transparent; }
        #navigation #navigation-inner ul.menu li:hover ul li a:after {
          display: none; }
      #navigation #navigation-inner ul.menu li:hover ul {
        left: 0;
        top: 45px; }
        #navigation #navigation-inner ul.menu li:hover ul li a {
          border: none;
          color: #FFFFFF;
          display: block;
          text-shadow: none; }
      #navigation #navigation-inner ul.menu li:last-child:hover ul {
        left: auto;
        right: 0; }
      #navigation #navigation-inner ul.menu li:last-child ul li {
        text-align: right; }
      #navigation #navigation-inner ul.menu li hr {
        background: rgba(255, 255, 255, 0.35);
        border: none;
        color: rgba(255, 255, 255, 0.35);
        height: 1px;
        margin: 0 4%;
        width: 92%; }
      #navigation #navigation-inner ul.menu li ul {
        /* Secondary */
        background: rgba(0, 0, 0, 0.8);
        border-bottom: 6px solid #dc0028;
        -webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.25);
        left: -999em;
        padding: 0;
        position: absolute;
        width: 250px;
        z-index: 999; }
        #navigation #navigation-inner ul.menu li ul li {
          border: none;
          float: left;
          position: relative;
          margin: 0;
          padding: 0;
          text-align: left;
          width: 250px; }
          #navigation #navigation-inner ul.menu li ul li:last-child {
            border: none; }
          #navigation #navigation-inner ul.menu li ul li a {
            border: none;
            color: #FFFFFF;
            font-family: "Roboto", Helvetica, Arial, sans-serif;
            font-size: 1em;
            font-weight: normal;
            line-height: 1.5em;
            padding: .875em 1.5em;
            text-shadow: none; }
            #navigation #navigation-inner ul.menu li ul li a:hover {
              background: #dc0028;
              color: #FFFFFF;
              text-decoration: underline; }

/* Functionality Styles; No need to change. */
.menu li:hover ul ul,
.menu li:hover ul ul ul,
.menu li.sfHover ul ul,
.menu li.sfHover ul ul ul {
  left: -999em; }

.menu li:hover ul,
.menu li li:hover ul,
.menu li li li:hover ul,
.menu li.sfHover ul,
.menu li li.sfHover ul,
.menu li li li.sfHover ul {
  left: auto; }

#mobile-header {
  margin: 0;
  position: absolute;
  right: .875em;
  top: .5em; }
  #mobile-header a {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    background-image: url("/images/public/mobile-menu.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #dc0028;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 40px;
    text-indent: -9999px;
    width: 40px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      #mobile-header a {
        background-image: url("/images/public/mobile-menu@2x.png");
        background-size: 20px 20px; } }

.sidr {
  background: #dc0028;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.45);
  display: none;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 260px;
  z-index: 999999; }
  .sidr.left {
    left: -260px;
    right: auto; }
  .sidr .sidr-inner {
    padding: 1.5em; }
    .sidr .sidr-inner .sidr-class-wrap {
      position: relative; }
  .sidr .sidr-inner, .sidr ul {
    border: none;
    margin: 0;
    padding: 0; }
    .sidr .sidr-inner li, .sidr ul li {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      border-top: none;
      line-height: inherit;
      list-style: none;
      margin: 0;
      text-align: left; }
      .sidr .sidr-inner li:hover, .sidr ul li:hover {
        box-shadow: none;
        line-height: inherit; }
      .sidr .sidr-inner li a, .sidr ul li a {
        background: transparent;
        color: #FFFFFF;
        display: block;
        padding: 0.75em;
        text-decoration: none; }
        .sidr .sidr-inner li a:hover, .sidr ul li a:hover {
          background: #c80024;
          box-shadow: none;
          line-height: inherit; }
        .sidr .sidr-inner li a.sidr-class-category, .sidr .sidr-inner li a .category, .sidr ul li a.sidr-class-category, .sidr ul li a .category {
          font-weight: 600;
          text-transform: uppercase; }
      .sidr .sidr-inner li hr, .sidr ul li hr {
        background: rgba(255, 255, 255, 0.35);
        border: none;
        color: rgba(255, 255, 255, 0.35);
        height: 1px;
        margin: 0 2%;
        width: 96%; }
      .sidr .sidr-inner li ul, .sidr ul li ul {
        display: none;
        margin: 0 0 1em; }
        .sidr .sidr-inner li ul li, .sidr ul li ul li {
          border: none;
          font-size: 0.75em;
          text-align: left; }
          .sidr .sidr-inner li ul li a, .sidr ul li ul li a {
            color: #e6e6e6;
            padding: 0.375em 1em; }

@media all and (min-width: 768px) {
  #mobile-header {
    right: 1.5em;
    top: 1.375em; }
    #mobile-header a {
      height: 50px;
      width: 50px; }

  .sidr {
    font-size: 1.26563em;
    width: 320px; }
    .sidr.left {
      left: -320px; }
    .sidr .sidr-inner li a, .sidr ul li a {
      padding: 1.125em .75em; } }
@media all and (min-width: 1200px) {
  #mobile-header {
    display: none; }

  #navigation {
    display: block; } }
@media all and (min-width: 1440px) {
  #navigation #navigation-inner ul.menu li a {
    padding: 1em 1.5em; } }
@media all and (min-width: 1700px) {
  #navigation #navigation-inner ul.menu li:last-child:hover ul {
    left: 0;
    right: auto; }
  #navigation #navigation-inner ul.menu li:last-child ul li {
    text-align: left; } }
#superfooter {
  background: #cecece;
  box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5) inset;
  overflow: hidden;
  position: relative; }
  #superfooter #superfooter-inner {
    background: transparent;
    color: #000;
    font-size: 0.875em;
    margin: 0 auto;
    max-width: 1440px;
    padding: 2em 0.625em 0.25em; }

.superfooter-menu {
  zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0; }
  .superfooter-menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .superfooter-menu li {
    display: none; }
    .superfooter-menu li.social {
      display: block;
      line-height: 1;
      margin: 0;
      text-align: center; }
      .superfooter-menu li.social .no-link {
        display: none; }
      .superfooter-menu li.social ul.social-icons li {
        display: inline-block; }
        .superfooter-menu li.social ul.social-icons li a {
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
					color: #7d7d7d;
          text-decoration: none; }
          .superfooter-menu li.social ul.social-icons li a:hover {
            color: #000;
            text-decoration: none; }
						.superfooter-menu li.social ul.social-icons li a span.hide-text,
						.superfooter-menu li.social ul.social-icons li a span.sr-only {
							color: #000; }
        .superfooter-menu li.social ul.social-icons li.address {
          display: block;
          width: 100%; }
          .superfooter-menu li.social ul.social-icons li.address a {
            color: #000;
            display: inline-block; }
    .superfooter-menu li a, .superfooter-menu li .no-link {
      color: #000;
      display: block;
      font-size: 1.125em;
      font-weight: 700;
      line-height: 1.125em;
      margin: 0 0 .75em;
      text-decoration: none; }
			
		/* Added by ARJ, 7/12/2021 */
		.superfooter-menu li span.menu {
			display: block;
			font-size: 1.125rem;
			font-weight: 700;
			margin: 0 0 .75rem; }
			
    .superfooter-menu li ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .superfooter-menu li ul li a {
        font-size: 1em;
        font-weight: 400; }
        .superfooter-menu li ul li a:hover {
          text-decoration: underline; }

@media all and (min-width: 768px) {
  #superfooter #superfooter-inner {
    padding: 3em 2em 1em; }

  .superfooter-menu li {
    display: inline-block;
    margin: 0 1% 2em;
    vertical-align: top;
    width: 31%; }
    .superfooter-menu li.social {
      display: inline-block;
      text-align: left; }
      .superfooter-menu li.social .no-link {
        display: block; }
      .superfooter-menu li.social ul.social-icons li {
        display: inline;
        margin: 0 1%;
        vertical-align: top;
        width: 31%; }
        .superfooter-menu li.social ul.social-icons li a {
          display: inline-block; }
    .superfooter-menu li ul li {
      margin: 0;
      width: 100%; } }
@media all and (min-width: 1024px) {
  #superfooter #superfooter-inner {
    padding: 2em 0.625em 0.25em; } }
@media all and (min-width: 1200px) {
  #superfooter #superfooter-inner {
    padding: 3em .625em 1em; }

  .superfooter-menu li {
    width: 14.25%; }
    .superfooter-menu li a, .superfooter-menu li .no-link {
      font-size: 1.25em; } }
#footer {
  background: transparent;
  overflow: hidden;
  position: relative; }
  #footer #footer-inner {
    zoom: 1;
    background: transparent;
    color: #7d7d7d;
    font-size: 0.875em;
    margin: 0 auto;
    max-width: 1440px;
    padding: 2em 0.625em 1em; }
    #footer #footer-inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

.footer-logo {
  margin: 0 25% 1.5em;
  text-align: center; }

.copyright {
  text-align: center; }

@media all and (min-width: 768px) {
  #footer #footer-inner {
    padding: 2em; }

  .footer-logo {
    float: left;
    margin: 0;
    text-align: left;
    width: 50%; }
    .footer-logo.umd {
      text-align: right; }
    .footer-logo img {
      max-width: 50%; }

  .copyright {
    clear: both; } }
@media all and (min-width: 1024px) {
  .footer-logo img {
    max-width: 100%; } }
@media all and (min-width: 1200px) {
  #footer #footer-inner {
    padding: 2em 0.625em 1em; } }
#preface {
  background: #dc0028; }
  #preface #preface-inner {
    color: #FFFFFF;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0;
    overflow: auto; }

.breadcrumbs {
  border-bottom: 1px solid #cecece;
  color: #000;
  display: none;
  font-size: .813em;
  margin: 0 0 1.875em;
  padding: 1.5em 0 0.75em; }
  .breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .breadcrumbs ul li {
      display: inline-block;
      margin: 0 1.5em 0 0;
      position: relative;
      vertical-align: top; }
      .breadcrumbs ul li:after {
        content: "\f054";
        display: block;
        font-family: "FontAwesome";
        font-size: .75em;
        font-weight: 100;
        margin: -8px 0 0;
        position: absolute;
        right: -1.5em;
        top: 50%; }
      .breadcrumbs ul li:last-child:after {
        display: none; }
      .breadcrumbs ul li a {
        color: #dc0028;
        text-decoration: none; }
        .breadcrumbs ul li a:hover {
          text-decoration: underline; }

.page-title {
  overflow: auto; }
  .page-title h1 {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0;
    padding: .5em 0 .5em .5em; }
  .page-title.education-icon h1 {
    background: transparent url("/images/public/icon-books-white-outline.png") no-repeat scroll 0.25em center/40px auto;
    padding: .5em 0 .5em 2.5em; }
  .page-title.govt-icon h1 {
    background: transparent url("/images/public/icon-govt-white-outline.png") no-repeat scroll 0.25em center/40px auto;
    padding: .5em 0 .5em 2.5em; }
  .page-title.building-icon h1 {
    background: transparent url("/images/public/icon-building-white-outline.png") no-repeat scroll 0.25em center/40px auto;
    padding: .5em 0 .5em 2.5em; }
  .page-title.research-icon h1 {
    background: transparent url("/images/public/icon-research-white-outline.png") no-repeat scroll 0.25em center/40px auto;
    padding: .5em 0 .5em 2.5em; }

@media all and (min-width: 768px) {
  .breadcrumbs {
    display: block;
    margin: 0 1em; }

  .page-title h1 {
    font-size: 2em; }
  .page-title.education-icon h1, .page-title.govt-icon h1, .page-title.building-icon h1, .page-title.research-icon h1 {
    background-position: .5em center;
    padding: .5em 0 .5em 2.25em; } }
@media all and (min-width: 1200px) {
  .page-title h1 {
    font-size: 2.5em;
    padding: .5em 0 .5em .375em; }
  .page-title.education-icon h1, .page-title.govt-icon h1, .page-title.building-icon h1, .page-title.research-icon h1 {
    background-position: .5em center;
    background-size: 70px auto;
    padding: .5em 0 .5em 2.875em; } }
@media all and (min-width: 1440px) {
  #preface.hero {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ececec 98%, #cbcbcb 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 98%, #cbcbcb 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ececec 98%, #cbcbcb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); } }
@media all and (min-width: 1460px) {
  .breadcrumbs {
    margin: 0; }

  .page-title h1 {
    font-size: 2.875em;
    padding: .5em 0 .5em 0; }
  .page-title.education-icon h1, .page-title.govt-icon h1, .page-title.building-icon h1, .page-title.research-icon h1 {
    background-position: .125em center;
    background-size: 80px auto;
    padding: .5em 0 .5em 2.25em; } }
#main {
  background: #FFFFFF;
  position: relative; }
  #main #main-inner {
    zoom: 1;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1440px;
    padding: 0; }
    #main #main-inner:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }

.block {
  margin: 0 0 1.5em; }
  .block h2 {
    font-size: 1.25em;
    margin: .5em 0 1.5em;
    position: relative; }
  .block .block-content {
    padding: 1em; }
    .block .block-content.text-14pt {
      font-size: .875em; }

.media-embed {
  clear: both;
  float: none !important;
  height: 0;
  margin: 0 !important;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  position: relative; }
  .media-embed iframe, .media-embed object, .media-embed embed {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important; }
  .media-embed iframe {
    border: 0;
  }

.simulation-types-cta {
  border-bottom: 4px solid #dc0028;
  padding: 1em 0 0; }
  /* .simulation-types-cta h2 {  Removed by ARJ, 7/14/2021 */
  .simulation-types-cta h1 { /* Added by ARJ, 7/14/2021 */
    color: #dc0028;
    font-size: 1em;
    font-weight: 700;
    margin: 0 0 2em;
    text-align: center;
    text-transform: uppercase; }
  .simulation-types-cta .simulation-cta {
    zoom: 1;
    display: inline-block;
    margin: 0 0 2em 0;
    padding: 0 2%;
    text-align: center;
    vertical-align: top;
    width: 45%; }
    .simulation-types-cta .simulation-cta:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    /* .simulation-types-cta .simulation-cta h3 {  Removed by ARJ, 7/14/2021 */
    .simulation-types-cta .simulation-cta h2 { /* Added by ARJ, 7/14/2021 */
      font-size: 1em;
      font-weight: 400; }
      .simulation-types-cta .simulation-cta h3 a {
        color: #000; }
    .simulation-types-cta .simulation-cta .icon {
      text-align: center; }
      .simulation-types-cta .simulation-cta .icon img {
        width: 80px; }
    .simulation-types-cta .simulation-cta .teaser {
      display: none; }

.homepage-overview {
  zoom: 1; }
  .homepage-overview:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .homepage-overview .overview-left {
    padding: 1.5em 0 0;
    text-align: center; }
  .homepage-overview .overview-right {
    zoom: 1; }
    .homepage-overview .overview-right:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
  .homepage-overview h2.tagline {
    font-size: 4.5vw;
    font-weight: 400;
    margin: 0 0 1.5em; }
  .homepage-overview .overview-list {
    padding: 2em 0 0; }
    .homepage-overview .overview-list .overview {
      zoom: 1;
      margin: 0 0 1em; }
      .homepage-overview .overview-list .overview:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      .homepage-overview .overview-list .overview:last-child {
        margin: 0; }
      .homepage-overview .overview-list .overview .overview-icon {
        float: left;
        width: 50px; }
      .homepage-overview .overview-list .overview .overview-text {
        margin: 0 0 0 65px;
        text-align: left; }
        .homepage-overview .overview-list .overview .overview-text h3, /* Added by ARJ, 7/14/2021 */
        .homepage-overview .overview-list .overview .overview-text h5 {
          margin: 0 0 .25em; }
          .homepage-overview .overview-list .overview .overview-text h3 a, /* Added by ARJ, 7/14/2021 */
          .homepage-overview .overview-list .overview .overview-text h5 a {
            color: #000; }

.spotlight-wrapper {
  -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  margin: 0 0 1.5em; }
  .spotlight-wrapper.homepage {
    box-shadow: none;
    margin: 0 0 2em; }
  .spotlight-wrapper .spotlight {
    padding: 1.5em; }
    .spotlight-wrapper .spotlight.oil {
      background: #000 url("/images/oil-spotlight-bkgd.png") no-repeat scroll 0 0/cover; }
    .spotlight-wrapper .spotlight.whales {
      background: #000 url("/images/whale-spotlight-bkgd.png") no-repeat scroll 35% center/cover; }
    .spotlight-wrapper .spotlight.baltics {
      background: #000 url("/images/education/baltic_security_crisis_1200x500.png") no-repeat scroll 65% center/cover; }
    .spotlight-wrapper .spotlight.crisis {
      background: #000 url("/images/a_study_of_crisis_wallpaper_bw_800x600.png") no-repeat scroll 65% center/cover; }
    .spotlight-wrapper .spotlight.ukraine {
      background: #000 url("/images/ukraine_flag_wallpaper_600x600.png") no-repeat scroll 65% center/cover; }
    .spotlight-wrapper .spotlight.students {
      background: #000 url("/images/education/education_spotlight_01_1662x753.png") no-repeat center 0/cover; }
    .spotlight-wrapper .spotlight.government {
      background: #000 url("/images/government/naval_ships_at_sea_1200x500.png") no-repeat 0 0; }
    .spotlight-wrapper .spotlight.private.corporate {
      background: #000 url("/images/private/chess_pieces_1366x911.png") no-repeat left bottom; }
    .spotlight-wrapper .spotlight.private.nonprofit {
      background: #000 url("/images/private/crowded_conference_table_1417x768.png") no-repeat 0 0; }
    .spotlight-wrapper .spotlight.research {
      background: #000 url("/images/research/puzzle_pieces_960x637.png") no-repeat scroll 35% center/cover; }
    .spotlight-wrapper .spotlight .spotlight-text {
      background: rgba(0, 0, 0, 0.8);
      color: #FFFFFF;
			border: 1px solid #999; /* Added by ARJ, 6/22/2022 */
      padding: 3em 1em 1em;
      position: relative; }
      .spotlight-wrapper .spotlight .spotlight-text .tag {
        background: #dc0028;
        color: #FFFFFF;
        display: inline-block;
        font-size: .75em;
        left: 0;
        letter-spacing: 0.5px;
        line-height: 1;
        margin: 0 0 1.25em;
        padding: .813em 1em;
        position: absolute;
        text-transform: uppercase;
        top: 0; }
      .spotlight-wrapper .spotlight .spotlight-text .spotlight-title {
        font-size: 1.25em;
        font-weight: 600;
        margin: 0 0 .875em; }
        .spotlight-wrapper .spotlight .spotlight-text .spotlight-title a {
          color: #FFFFFF; }
      .spotlight-wrapper .spotlight .spotlight-text .spotlight-teaser a {
        color: #FFFFFF; }
        .spotlight-wrapper .spotlight .spotlight-text .spotlight-teaser a.arrow-btn {
          color: #dc0028;
          font-size: .813em;
          position: relative;
          top: -3px;
          /* Next two rules aded by ARJ, 8/15/17 */
          display: inline-block;
          margin-left: .35em;
          }

.callout {
  -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  background: #dc0028 none repeat scroll 0 0;
  color: #FFFFFF;
  display: block;
  font-size: 1.125em;
  margin: 0 0 1.5em;
  padding: 1.5em .875em;
  text-align: center; }

.news-blocks-wrapper {
  text-align: center; }
  .news-blocks-wrapper h2, .news-blocks-wrapper h3 {
    display: inline-block;
    text-align: center; }

.news-blocks .news-block {
  border-bottom: 1px solid #afafaf;
  margin: 0 0 1.25em;
  padding: 0 0 1.25em; }
  .news-blocks .news-block .news-image {
    display: none; }
  .news-blocks .news-block .news-title {
    text-align: left; }
    .news-blocks .news-block .news-title a {
      color: #000;
      text-decoration: none; }
      .news-blocks .news-block .news-title a:hover {
        color: #dc0028; }
  .news-blocks .news-block:hover .news-title a {
    color: #dc0028; }

/* CATALOG */
.catalog-header {
  zoom: 1; }
  .catalog-header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .catalog-header .intro-video {
    margin: 0 0 1.5em; }

.catalog-filter {
  margin: 0 0 .5em; }

.show-hide-filter {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background: #e6e6e6;
  border: 1px solid #cecece;
  color: #000;
  display: inline-block;
  padding: .75em 1em .75em 2.5em;
  position: relative;
  text-transform: uppercase; }
  .show-hide-filter:hover {
    background: gainsboro;
    color: #000; }
  .show-hide-filter:before {
    font-family: "FontAwesome";
    font-size: 1.25em;
    font-weight: 100;
    left: .6em;
    position: absolute;
    top: .7em; }
  .show-hide-filter.show:before {
    content: "\f06e"; }
  .show-hide-filter.hide:before {
    content: "\f070"; }

.filters {
  background: #e6e6e6;
  border: 1px solid #cecece;
  display: none;
  padding: 1em;
  position: relative;
  top: -1px; }
  .filters h4 {
    font-size: .75em;
    font-weight: 700;
    margin: 0 0 1em;
    text-transform: uppercase; }
  .filters h5 {
  margin-top: 2em; } /* Added by ARJ, 8/15/17 */
  .filters .form-element {
    display: inline-block;
    font-size: .875em;
    margin: 0 0 .5em;
    vertical-align: top; }

.catalog-stats {
  border-bottom: 1px solid #000;
  color: #7d7d7d;
  font-size: .813em;
  margin: 0 0 1em;
  padding: 0 0 .375em; }

.catalog-item {
  zoom: 1;
  border-bottom: 1px solid #000;
  margin: 0 0 1em;
  padding: 0 0 1em; }
  .catalog-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .catalog-item .catalog-img {
    display: none; }
  .catalog-item .catalog-title {
    font-size: 1.125em;
    font-weight: 500;
    margin: 0 0 .375em; }
  .catalog-item .catalog-teaser {
    font-size: .875em;
    line-height: 1.375em;
    margin: 0 0 1.5em; }
  .catalog-item .catalog-actions {
    font-size: .875em;
    font-weight: 500;
    line-height: 1.25em; }
    .catalog-item .catalog-actions a {
      display: inline-block;
      margin: 0;
      text-align: center;
      width: 32%; }
      .catalog-item .catalog-actions a .fa {
        display: block;
        font-size: 1.5em;
        margin: 0 0 .5em; }
      .catalog-item .catalog-actions a .text {
        display: block; }
      .catalog-item .catalog-actions a:hover {
        text-decoration: none; }

/* SIMULATION */
.simulation-img {
  margin: 0 0 1em; }
  .simulation-img img {
    -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25); }

.simulation-details {
  zoom: 1;
  position: relative; }
  .simulation-details:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.simulation-actions {
  font-size: .688em;
  margin: 0 0 1.5em;
  text-align: center; }

.simulation-register-btn,
.simulation-request-btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle; }

/* STAFF */
.staff-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly; }
  .staff-list .staffer {
    flex: 0 0 48%;
    text-align: center; }
    .staff-list .staffer .staff-img {
      margin: 0 0 .25em; }
    .staff-list .staffer .staff-name {
      font-weight: 500; }
    .staff-list .staffer .staff-position {
      margin: 0 0 .75em; }
    .staff-list .staffer .staff-actions {
      margin: 0 0 1.5em; }
      .staff-list .staffer .staff-actions .fa {
        font-size: 1.5em;
        margin: 0 .25em; }

.flex-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; }
  .flex-wrapper.margin-bottom {
    margin: 0 0 1.5em; }
  .flex-wrapper .flex-box {
    flex: 1 1 100%; }
    .flex-wrapper .flex-box .flex-box-inner {
      padding: .625em; }

.section {
  zoom: 1;
  margin: 0;
  padding: 0; }
  .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .section.group {
    zoom: 1; }
    .section.group:before, .section.group:after {
      zoom: 1;
      content: "";
      display: table; }
      .section.group:before:after, .section.group:after:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
  .section .col {
    display: block;
    float: left;
    margin: 1% 0 1% 0%; }
    .section .col:first-child {
      margin-left: 0; }
  .section .span_1_of_12,
  .section .span_2_of_12,
  .section .span_3_of_12,
  .section .span_4_of_12,
  .section .span_5_of_12,
  .section .span_6_of_12,
  .section .span_7_of_12,
  .section .span_8_of_12,
  .section .span_9_of_12,
  .section .span_10_of_12,
  .section .span_11_of_12,
  .section .span_12_of_12 {
    width: 100%; }

@media all and (min-width: 375px) {
  .filters .form-element {
    width: 48%; }

  .simulation-actions {
    font-size: .75em; }

  .simulation-register-btn,
  .simulation-request-btn {
    margin: 0 .5em; } }
@media all and (min-width: 480px) {
  .filters .form-element {
    width: 32%; }

  .catalog-item {
    margin: 0 0 1.75em;
    padding: 0 0 1.75em; }

  .simulation-actions {
    font-size: .938em; } }
@media all and (min-width: 768px) {
  .flex-wrapper .flex-box.width-50 {
    flex: 0 0 50%; }

  .section .col {
    margin: 1% 0 1% 1.6%; }
  .section .span_1_of_12 {
    width: 6.866%; }
  .section .span_2_of_12 {
    width: 15.33%; }
  .section .span_3_of_12 {
    width: 23.8%; }
  .section .span_4_of_12 {
    width: 32.26%; }
  .section .span_5_of_12 {
    width: 40.73%; }
  .section .span_6_of_12 {
    width: 49.2%; }
  .section .span_7_of_12 {
    width: 57.66%; }
  .section .span_8_of_12 {
    width: 66.13%; }
  .section .span_9_of_12 {
    width: 74.6%; }
  .section .span_10_of_12 {
    width: 83.06%; }
  .section .span_11_of_12 {
    width: 91.53%; }
  .section .span_12_of_12 {
    width: 100%; }

  .simulation-types-cta {
    padding: 0; }
    /* .simulation-types-cta h2 {  Removed by ARJ, 7/14/2021 */
    .simulation-types-cta h1 {  /* Added by ARJ, 7/14/2021 */
      font-size: 1.375em;
      margin: 0 0 2.5em;
      text-align: left; }
    .simulation-types-cta .simulation-cta {
      text-align: left; }
      /* .simulation-types-cta .simulation-cta h3 {  Removed by ARJ, 7/14/2021 */
      .simulation-types-cta .simulation-cta h2 {  /* Added by ARJ, 7/14/2021 */
        font-size: 1.25em;
        margin: 0 0 1em; }
      .simulation-types-cta .simulation-cta .icon {
        float: left;
        width: 90px; }
      .simulation-types-cta .simulation-cta .teaser {
        display: block;
        font-size: .875em;
        line-height: 1.5em;
        margin: 0 0 0 105px;
        padding: 0 1.5em 0 0; }
        .simulation-types-cta .simulation-cta .teaser .fa {
          margin: 0 0 0 .25em;
          vertical-align: middle; }

  .homepage-overview .overview-left {
    padding: 2.5em 1.5em 0;
    text-align: left; }
  .homepage-overview .overview-right {
    padding: 2em 10%; }
  .homepage-overview h2.tagline {
    font-size: 2.125em;
    margin: 0 0 .875em; }
  .homepage-overview .overview-list {
    padding: 1em 0 0; }
    .homepage-overview .overview-list .overview {
      margin: 0 0 2em; }
      .homepage-overview .overview-list .overview .overview-icon {
        width: 80px; }
      .homepage-overview .overview-list .overview .overview-text {
        font-size: 1.125em;
        margin: 0 0 0 110px; }
        .homepage-overview .overview-list .overview .overview-text h3, /* Added by ARJ, 7/14/2021 */
        .homepage-overview .overview-list .overview .overview-text h5 {
          margin: 0 0 .5em; }

  .spotlight-wrapper.homepage {
    margin: 0 0 3em; }
    .spotlight-wrapper.homepage .spotlight {
      padding: 3.5em 2em 3.5em 25%; }
  .spotlight-wrapper .spotlight .spotlight-text {
    padding: 3.5em 1.5em 1.5em; }
    .spotlight-wrapper .spotlight .spotlight-text .spotlight-title {
      font-size: 1.375em; }

  .callout {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0 0 2.5em;
    padding: 1.5em .625em; }

  .news-blocks .news-block {
    -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid #afafaf;
    margin: 0 0 1.5em;
    padding: 0; }
    .news-blocks .news-block .news-image-wrap {
      display: inline-block;
      vertical-align: middle;
      width: 25%; }
    .news-blocks .news-block .news-image {
      display: block;
      height: 0;
      overflow: hidden;
      padding-bottom: 66.666%;
      position: relative;
      vertical-align: middle;
      width: 100%; }
      .news-blocks .news-block .news-image img {
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%; }
    .news-blocks .news-block:hover .news-image img {
      transform: scale(1.1); }
    .news-blocks .news-block .news-title {
      display: inline-block;
      padding: 0 1% 0 2%;
      vertical-align: middle;
      width: 71%; }

  .show-hide-filter {
    display: none; }

  .filters {
    display: none; } /* Changed default value for filters from "block" to "none" by ARJ, 8/15/2017 */

  .catalog-filter {
    margin: 0 0 1.5em; }

  .catalog-stats {
    margin: 0 0 1.75em;
    text-align: center; }

  .catalog-item {
    margin: 0 0 1.75em;
    padding: 0 0 .875em; }
    .catalog-item .catalog-title {
      font-size: 1.25em; }
    .catalog-item .catalog-teaser {
      font-size: 1em; }
    .catalog-item .catalog-actions a {
      text-align: left; }
      .catalog-item .catalog-actions a .fa {
        display: inline-block;
        font-size: 1.125em;
        margin: 0 .5em 0 0;
        vertical-align: middle; }
      .catalog-item .catalog-actions a .text {
        display: inline-block;
        vertical-align: middle; }

  .staff-list .staffer {
    flex: 0 0 28%;
    margin: 0 2% 0 0; }
    .staff-list .staffer .staff-actions {
      margin: 0 0 2.25em; } }
@media all and (min-width: 1024px) {
  .flex-wrapper .flex-box.width-25 {
    flex: 0 0 25%; }
  .flex-wrapper .flex-box.width-33 {
    flex: 0 0 33.3333%; }
  .flex-wrapper .flex-box.width-66 {
    flex: 0 0 66.6666%; }

  .homepage-overview .overview-right {
    padding: 2em 0; }

  .spotlight-wrapper.homepage {
    float: left;
    margin: 0;
    width: 48%; }
    .spotlight-wrapper.homepage .spotlight {
      padding: 1.5em; }

  .video-wrapper {
    float: right;
    width: 48%; }

  .callout {
    padding: 1.5em 2em; }

  .catalog-item {
    margin: 0 0 1.75em;
    padding: 0 0 .875em; }
    .catalog-item .catalog-img {
      display: block;
      float: left;
      width: 180px; }
    .catalog-item .catalog-details {
      margin: 0 0 0 200px; }
    .catalog-item .catalog-title {
      font-size: 1.375em; }
    .catalog-item .catalog-teaser {
      font-size: 1em; }
    .catalog-item .catalog-actions {
      font-size: inherit;
      line-height: inherit; }
      .catalog-item .catalog-actions a {
        margin: 0 1.5em 0 0;
        width: auto; }
        .catalog-item .catalog-actions a:last-child {
          margin: 0; }
        .catalog-item .catalog-actions a .fa {
          font-size: 1.375em; }

  .staff-list .staffer .staff-name {
    font-size: 1.125em; } }
@media all and (min-width: 1200px) {
  .spotlight-wrapper .spotlight {
    padding: 2.5em 47% 2.5em 3%; }
    .spotlight-wrapper .spotlight.whales {
      background-position: 10% -260px;
      background-size: auto; }
    .spotlight-wrapper .spotlight.students {
      /* background-position: right top; */
      /* background-size: auto; */
      }
  .spotlight-wrapper.homepage .spotlight {
    padding: 3.5em 2em; }

  .callout {
    font-size: 1.375em; }

  .news-blocks {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    .news-blocks .news-block.quarter-width {
      flex: 0 0 24%; } /* Added by ARJ, 1/20/2023 */
    .news-blocks .news-block {
      flex: 0 0 32%; }
    .news-blocks .news-block.half-width {
      flex: 0 0 48%; } /* Added by ARJ, 8/17/2017 */
      .news-blocks .news-block .news-image-wrap {
        display: block;
        width: 100%; }
      .news-blocks .news-block .news-title {
        display: block;
        padding: .5em 4%;
        width: 92%; }

  .catalog-header {
    margin: 0 0 1.5em; }
    .catalog-header .intro-video {
      float: right;
      margin: 0;
      width: 40%; }
    .catalog-header .intro-text {
      float: left;
      margin: 0;
      padding: 0 5% 0 0;
      width: 55%; }

  .filters .form-element {
    width: 25%; }

  .catalog-item {
    margin: 0 0 1.75em;
    padding: 0 0 1.75em; }
    .catalog-item .catalog-img {
      width: 220px; }
    .catalog-item .catalog-details {
      margin: 0 0 0 250px;
      padding: 1em 1em 0 0; }

  .simulation-details {
    position: relative; }

  .simulation-actions {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    top: .625em; }

  .simulation-register-btn,
  .simulation-request-btn {
    display: block;
    margin: 0 0 1.25em;
    text-align: left; }

  .simulation-text {
    float: right;
    margin: 0;
    width: 70%; }
	
  div.simulation-text > p:first-child {
    font-size: 1.25em; }

  .simulation-left-col {
    float: left;
    margin: 0;
    padding: 9em 5% 0 0;
    width: 25%; }

  .staff-list .staffer {
    flex: 0 0 23%;
    margin: 0 1%; }
    .staff-list .staffer .staff-actions {
      margin: 0 0 4em; } }
@media all and (min-width: 1440px) {
  .simulation-types-cta h2 {
    margin: 0 0 2em .25em; }
  .simulation-types-cta .simulation-cta {
    padding: 0 0.5%;
    width: 23.5%; }
    .simulation-types-cta .simulation-cta .teaser {
      padding: 0; }

  .homepage-overview .overview-left {
    float: left;
    padding: 2.5em 0 0 1%;
    width: 49%; }
  .homepage-overview .overview-right {
    float: left;
    padding: 2.5em 2% 0 8%;
    width: 40%; }
  .homepage-overview .overview-list {
    padding: 2em 0 0; }
    .homepage-overview .overview-list .overview .overview-text {
      font-size: 1.25em;
      line-height: 1.375em; }
      .homepage-overview .overview-list .overview .overview-text h5 {
        font-size: 1.375em; }

  .spotlight-wrapper.homepage {
    float: none;
    margin: 0 0 2em;
    width: 100%; }
    .spotlight-wrapper.homepage .spotlight {
      padding: 3.5em 2em 3.5em 20%; }
  .spotlight-wrapper .spotlight.whales {
    background-position: 0 -310px; }
  .spotlight-wrapper .spotlight.students {
    /* background-position: right top; */
    }

  .video-wrapper {
    float: none;
    margin: 0 0 2em;
    width: 100%; }

  .callout {
    font-size: 1.75em;
    padding: 1.5em; }

  .news-blocks .news-block {
    flex: 0 0 30%;
    margin: 0 0 3em; }
    .news-blocks .news-block .news-title {
      font-size: 1.125em;
      padding: .5em 4%;
      width: 92%; }

  .filters .form-element {
    width: 19%; }

  .catalog-item .catalog-img {
    width: 250px; }
  .catalog-item .catalog-details {
    margin: 0 0 0 280px;
    padding: 1.25em 2em 0 0; }
  .catalog-item .catalog-title {
    font-size: 1.5em;
    margin: 0 0 .75em; }
  .catalog-item .catalog-teaser {
    margin: 0 0 2em; }
  .catalog-item .catalog-actions a {
    margin: 0 2.5em 0 0; }

  .simulation-img {
    margin: 0 0 2em; }

  .simulation-register-btn a.button.icon-left,
  .simulation-request-btn a.button.icon-left {
    padding: .638em 1.875em; }

  .simulation-text {
    width: 75%; }

  .simulation-left-col {
    width: 20%; } }
.sidebar-right .block {
  -webkit-box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.25);
  background: #e6e6e6; }
  .sidebar-right .block h2.block-title, .sidebar-right .block .block-title {
    background: #000;
    color: #FFFFFF;
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    margin: 0;
    padding: .5em .875em; }
  .sidebar-right .block.stay-informed {
    background: #dc0028;
    overflow: hidden;
    position: relative; }
    .sidebar-right .block.stay-informed:after {
      color: #c80024;
      content: "\f1ea";
      display: block;
      font-family: "FontAwesome";
      font-size: 15em;
      left: -5px;
      position: absolute;
      top: 100px;
      z-index: 1; }
    .sidebar-right .block.stay-informed h2.block-title, .sidebar-right .block.stay-informed .block-title {
      background: transparent;
      position: relative;
      z-index: 2; }
    .sidebar-right .block.stay-informed .block-content {
      position: relative;
      z-index: 3; }
      .sidebar-right .block.stay-informed .block-content.icon-link a {
        color: #FFFFFF; }
  .sidebar-right .block .block-content.icon-link {
    zoom: 1; }
    .sidebar-right .block .block-content.icon-link:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .sidebar-right .block .block-content.icon-link a {
      text-decoration: none;
			color: #d10026 /* Added by ARJ, 6/28/2021, to minimally meet the WCAG AA standard */ }
    .sidebar-right .block .block-content.icon-link .link-text {
      float: left;
      font-size: 1.25em;
      font-weight: 300;
      padding: .375em 2% 0 0;
      width: 63%; }
    .sidebar-right .block .block-content.icon-link .fa {
      display: inline-block;
      float: right;
      font-size: 4em;
      text-align: center;
      vertical-align: middle;
      width: 35%; }

.submenu-block .submenu-title {
  background: #000;
  color: #FFFFFF;
  display: block;
  font-size: 1.25em;
  font-weight: 700;
  padding: .5em .875em; }
.submenu-block ul {
  margin: 0;
  padding: 0; }
  .submenu-block ul li {
    border-bottom: #afafaf 1px solid;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1;
    list-style: none;
    margin: 0; }
    .submenu-block ul li:last-child {
      border: none; }
    .submenu-block ul li a {
      color: #000;
      display: block;
      padding: .75em 1.125em;
      text-decoration: none; }
      .submenu-block ul li a:hover {
        background: #e1e1e1;
        color: #dc0028; }
      .submenu-block ul li a.active {
        /* color: #dc0028; Original color by Canton web designer */ 
				color: #d10026 /* Added by ARJ, 6/28/2021, to minimally meet the WCAG AA standard */ }
        .submenu-block ul li a.active:hover {
          background: transparent; }
    .submenu-block ul li ul {
      margin: 0 0 1em; }
      .submenu-block ul li ul li {
        border: none;
        font-size: .875em;
        font-weight: 500; }
        .submenu-block ul li ul li a {
          padding: .5em .5em .5em 2.5em; }

@media all and (min-width: 375px) {
  .sidebar-right .block .block-content.icon-link .link-text {
    font-size: 1.5em;
    line-height: 1.25em; }
  .sidebar-right .block .block-content.icon-link .fa {
    font-size: 5em; } }
@media all and (min-width: 768px) {
  .sidebar-right .block h2.block-title, .sidebar-right .block .block-title {
    font-size: 1.125em; }
  .sidebar-right .block.stay-informed:after {
    left: -35px; }
  .sidebar-right .block .block-content.icon-link {
    text-align: center; }
    .sidebar-right .block .block-content.icon-link .link-text {
      float: none;
      font-size: 1.25em;
      padding: 0;
      width: 100%; }
    .sidebar-right .block .block-content.icon-link .fa {
      float: none;
      font-size: 4em;
      margin: 0 0 .125em;
      width: 100%; } }
@media all and (min-width: 1200px) {
  .sidebar-right .block h2.block-title, .sidebar-right .block .block-title {
    font-size: 1.25em; }
  .sidebar-right .block.stay-informed:after {
    left: -5px; }
  .sidebar-right .block .block-content.icon-link {
    text-align: left; }
    .sidebar-right .block .block-content.icon-link .link-text {
      float: left;
      padding: .375em 2% 0 0;
      width: 63%; }
    .sidebar-right .block .block-content.icon-link .fa {
      float: right;
      margin: 0;
      width: 35%; } }
@media all and (min-width: 1440px) {
  .sidebar-right .block.stay-informed:after {
    font-size: 18em;
    top: 120px; }
  .sidebar-right .block .block-content.icon-link .link-text {
    font-size: 1.375em;
    padding: .375em 2% 0;
    width: 60%; }
  .sidebar-right .block .block-content.icon-link .fa {
    font-size: 5em; } }

/*# sourceMappingURL=style.css.map */


/* ARJ for the ICONS Project */

.no-margin {
  margin: 0;
}

.no-border {
  border: 0;
}

.no-padding {
  padding: 0;
}

.float-left {
  float: left;
}

.margin-top-bottom-1em {
  margin: 1em 0;
}

.float-right {
  float: right;
}

img.float-left,
img.float-right {
  width: 100%;
  height: auto;
  margin: 0 0 1em 0;
}

img.book-cover {
  float: left;
  margin: 0 1em 1em 0;
}

.img-container {
  width: 100%;
  margin: 2em auto;
}

.float-container {
  clear: both;
  overflow: auto;
  }

.float-container  img {
  width: 100%;
  height: auto;
}

.clearfix::after {
  content: '';
  display: block;
  clear: both;
}

div.form-element {
  position: relative;
}

.errMsg {
  font-size: 85%;
  font-weight: bold;
  color: #DC0028; /* A shade of red used throughout the site */
}

p.login-error {
  font-weight: bold;
}

span.fa-warning {
  margin-right: 0.5rem;
}

 style="margin-right: .5rem; color: #dc0028;"

/* 
 * Hides server-side validation error messages on valid form inputs
 */

input + span.errMsg {
  display: none;
}

/* 
 * Shows server-side validation error messages on invalid form inputs
 */

input.validated:invalid + span.errMsg {
  display: inline;
}

/* 
 * Turns border color red on invalid form inputs that have gone through server-side validation;
 * also ensures that the input border will change back to its original color once it's been made valid
 */

input.validated:invalid {
  border-color: #dc0028;
}

@media all and (min-width: 600px) {
  
  .float-container {
    margin-bottom: 2em;
  }

  .float-container  img {
    float: left;
    max-width: 360px;
    width: 25%;
    margin: 0 1em .5em 0;
  }
  
  .img-container {
    width: max-width: 500px;
    width: 65%;
  }
  
  .intro {
    margin-bottom: 3em;
  }
  
  .rotate-12deg {
    float: left;
    margin: 1em 3em !important;
    box-shadow: -7px 10px 15px #d0d0d0;
    transform: rotate(-12deg);
  }
  
  /*
  div.form-element {
    position: relative;
  }

  .errMsg {
    position: absolute;
    bottom: .5em;
    left: 102%;
  }
  */

}

.img-container img {
    width: max-width: 500px;
    width: 65%;
}
 
.bold {
  font-weight: bold;
}

.italics {
  font-style: italic;
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.margin-bottom-2em {
  margin-bottom: 2em;
}

.margin-top-2em {
  margin-top: 2em;
}

.margin-bottom-3em {
  margin-bottom: 3em;
}

.margin-top-3em {
  margin-top: 3em;
}

.margin-bottom-4em {
  margin-bottom: 4em;
}

.margin-top-4em {
  margin-top: 4em;
}

.margin-bottom-5em {
  margin-bottom: 5em;
}

.margin-top-5em {
  margin-top: 5em;
}

.slug {
  font-size: 1.5em;
  font-size: 1.75em;
  margin: 0 0 .875em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.375em;
  color: #000;
}

@media all and (min-width: 768px) {
  .slug {
    font-size: 1.875em;
    font-size: 2.25em;
}


ol,
ul {
  list-style-position: inside;
}

.unbulleted {
  margin: 0;
  padding: 0;
  list-style: none;
}

.unbulleted > li > span:first-child {
  display: inline-block;
  width: 6em;
  font-weight: bold;
}

.small {
  font-size: 85%;
}

h2.large {
  font-size: 110%;
}

h2 span.normal {
  font-weight: 400;
}

/* EDUCATION
-------------*/

/* Next two rules specifically for scenario excerpt selection form, ARJ, 7/19/2023 */
form fieldset label.disabled {
	color: #C0C0C0;
	cursor: not-allowed;
}

form fieldset input[type='checkbox']::disabled {
	cursor: not-allowed;
}

/* Next rule specifically for Research > Escalation Management in the Gray Zone page, ARJ, 4/10/2023 */
a > span.fa-caret-up + span,
a > span.fa-file + span {
	margin-left: .35rem;
}


#iconsnetFeatures,
#simStories {
  margin-bottom: 3em;
}

#iconsnetFeatures dd,
#simStories dd {
  margin: 0;
  margin-bottom: 1em;
}

#faqs {
  padding-left: 0;
  counter-reset: item;
}

#faqs li {
  display: block;
  margin-bottom: 3em;
}

#faqs li::before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
}

@media all and (min-width: 600px) {
  img.float-left,
  img.float-right {
    width: 25%;
  }
    img.float-left {
    margin: 0 1em 1em 0;
    }
    img.float-right {
    margin: 0 0 1em 1em;
    }
}

.methodology-slug {
  font-weight: bold;
}

.methodology-slug > .fa-caret-right {
  display: inline-block;
  margin: 0 .5em;
}

/*
@media all and (orientation: portrait) {
	.methodology-slug { font-size: 100%; }
}

@media all and (orientation: portrait) and (min-width: 360px) {
	.methodology-slug { font-size: 125%; }
}

@media all and (orientation: portrait) and (min-width: 412px) {
	.methodology-slug { font-size: 150%; }
}

@media all and (orientation: portrait) and (min-width: 768px) {
	.methodology-slug { font-size: 200%; }
}

@media all and (orientation: landscape) {
	.methodology-slug { font-size: 125%; }
}

@media all and (orientation: landscape) and (min-width: 480px) {
	.methodology-slug { font-size: 200%; }
}

@media all and (orientation: landscape) and (min-width: 732px) {
	.methodology-slug { font-size: 250%; }
}
*/