/* msuwds version: 2.5.5 */
/* $footer-background-image: url(../images/2015/template/footerbg.jpg); */
/* breakpoints */
/* not sure about the - 1 ? -- VDC 12623 -- 
@mixin phone {
  @media screen and (max-width: $medium-screen - 1) {
    @content;
  }
}

@mixin laptop {
  @media screen and (max-width: $laptop-screen - 1) {
    @content;
  }
}

@mixin desktop {
  @media screen and (max-width: $large-screen - 1) {
    @content;
  }
}

@mixin desktop-v2 {
  @media screen and (max-width: $large-screen-v2 - 1) {
    @content;
  }
}
*/
/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
@import url("https://use.typekit.net/oxj1tbw.css");

body,
html {
  background-color: #fff;
  color: #0a0a0a;
  line-height: 1.5;
  margin: 0; }

body {
  position: relative;
  z-index: -2;
  background-color: #f7f7f7; }
  @media print {
    body {
      color: black;
      background-color: white; } }

a,
label {
  cursor: pointer; }

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px dotted #949494;
  outline-offset: 3px;
  z-index: 1000; }

img {
  border: none; }

hr {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #c2c2c2;
  margin: 0 0 1.5rem;
  padding: 0; }

/* -- hr as divider lines within section, above container, above col -- VDC 5/16/24 -- */
section > hr {
  border-top: 12px solid #c2c2c2;
  clear: both;
  margin: 0 0 2rem; }

iframe {
  border: 0; }

body hr:first-child {
  margin-top: 0; }

body hr:last-child {
  margin-bottom: 0; }

/* -- removed section from this list -- conflicting with flex grids -- VDC 5/15/24 -- */
address,
article,
audio,
embed,
footer,
header,
nav,
object {
  display: block;
  margin: 0;
  padding: 0; }

embed:active,
embed:focus,
object:active,
object:focus {
  outline: 0; }

audio {
  box-sizing: border-box;
  width: 100%; }

figure {
  margin-left: 0;
  margin-right: 0; }

body.mlp,
body.campus {
  background-image: url("https://missouristate.info/images/template/diagonal.svg");
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: top center; }
  @media screen and (max-width: 768px) {
    body.mlp,
    body.campus {
      background-image: url("https://missouristate.info/images/template/diagonal-mobile.svg");
      background-position: top calc((100vw * 0.56) + 50px) left; } }
  @media print {
    body.mlp,
    body.campus {
      background-image: none; } }

@media screen and (-ms-high-contrast: none) {
  html {
    height: 0; } }

html {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-size: 1rem; }

body {
  font-size: 1rem; }

p {
  line-height: 1.5;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding: 0; }
  @media print {
    p a[href]::after {
      display: inline;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }

a {
  text-decoration: underline; }
  a:link {
    color: #5e0009; }
  a:visited, a.visited {
    color: #420006; }
  a:hover, a.hover {
    color: #d40027;
    text-decoration: underline; }
  a:active, a.active {
    color: #420006; }

h2,
h3,
h4,
h5,
h6 {
  color: #0a0a0a;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  /* margin-bottom: 2rem; /* decreased margin-top from 1.5em to 0 -- increased margin-bottom from .5rem to 2rem -- switched 81325 */
  margin-bottom: 0.5rem;
  margin-top: 1.5rem; }

h1 {
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  font-size: 2.98598rem;
  line-height: 1.2; }

h2 {
  font-size: 2.0736rem; }

h3 {
  font-size: 1.728rem; }

h4 {
  font-size: 1.44rem; }

h5 {
  font-size: 1.2rem; }

h6 {
  font-size: 1rem; }

blockquote {
  font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: 1.728rem;
  margin: 1rem 0;
  padding: 0;
  text-transform: uppercase;
  line-height: 1.2; }

figcaption {
  font-size: 0.83333rem; }

body blockquote:first-child {
  margin-top: 0; }

body blockquote:last-child {
  margin-bottom: 0; }

body p:first-child {
  margin-top: 0; }

body p:last-child {
  margin-bottom: 0; }

abbr {
  text-decoration: none;
  border-bottom: dotted 1px; }

.no-underline a {
  text-decoration: none; }

.eyebrow {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.83333rem;
  letter-spacing: 0.2rem;
  margin: 1rem 0; }

.headline {
  font-size: 3.58318rem;
  font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 1rem 0; }

.description {
  font-size: 1rem; }

/* eliminate extra bold on headings when viewed in Safari */
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  text-rendering: optimizeLegibility; }

ul,
ol,
dl {
  font-size: 1rem;
  margin: 1rem 0; }
  ul:first-child,
  ol:first-child,
  dl:first-child {
    margin-top: 0; }
  ul:last-child,
  ol:last-child,
  dl:last-child {
    margin-bottom: 0; }

ul,
ol,
dl dl {
  padding-left: 2rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin: 0; }

ol ol {
  list-style-type: lower-alpha; }

ol ol ol {
  list-style-type: lower-roman; }

li,
dd,
dt {
  line-height: 1.5; }

dd,
dt {
  margin-bottom: 0.5rem; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 0; }
  table:first-child {
    margin-top: 0; }
  table:last-child {
    margin-bottom: 0; }

caption {
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: left; }

th,
td {
  border: 1px solid #c2c2c2;
  empty-cells: show;
  font-size: 0.83333rem;
  line-height: 1.5;
  min-height: 0.25rem;
  padding: 0.75rem;
  text-align: left;
  vertical-align: top; }
  th p,
  td p {
    margin-bottom: 0.5rem; }
    th p:first-child,
    td p:first-child {
      margin-top: 0; }
    th p:last-child,
    td p:last-child {
      margin-bottom: 0; }

th,
thead td {
  background-color: #f0f0f0;
  font-weight: 700;
  padding-bottom: 0.75rem; }

tfoot {
  font-weight: 700; }
  tfoot td,
  tfoot th {
    border-top: 3px solid #c2c2c2; }

@media screen and (max-width: 768px) {
  table:not(.TableOverride) caption {
    text-align: center; }
  table:not(.TableOverride) thead {
    display: none; }
  table:not(.TableOverride) tr {
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2; }
  table:not(.TableOverride) tfoot > tr {
    border-top: 3px solid #c2c2c2; }
  table:not(.TableOverride) tr:last-child {
    border-bottom: 1px solid #c2c2c2; }
  table:not(.TableOverride) td,
  table:not(.TableOverride) tfoot td,
  table:not(.TableOverride) th {
    border: 0; }
  table:not(.TableOverride) tbody td,
  table:not(.TableOverride) tbody th,
  table:not(.TableOverride) tfoot td,
  table:not(.TableOverride) tfoot th {
    display: block;
    overflow: auto;
    text-align: left !important; }
  table:not(.TableOverride) td::before {
    content: attr(data-th);
    display: block;
    font-weight: 700;
    text-align: left; } }

form {
  margin: 0;
  padding: 0; }

form .unstyled {
  margin-top: 0; }

fieldset {
  border: 1px solid #c2c2c2;
  clear: both;
  margin: 0 0 1.5rem;
  padding: 0.75rem; }
  fieldset > *:last-child {
    margin-bottom: 0; }

legend {
  color: #0a0a0a;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5; }

input,
optgroup,
select,
textarea,
button {
  font: inherit; }

input::placeholder,
textarea::placeholder {
  color: #666; }

input,
select,
textarea {
  padding: 0.25rem;
  width: 100%;
  border: 1px solid #c2c2c2;
  box-sizing: border-box; }

textarea {
  height: 6.75rem; }

input[type='button'],
input[type='checkbox'],
input[type='radio'],
input[type='reset'],
input[type='submit'] {
  width: auto; }

input[type='color'] {
  box-sizing: content-box;
  width: 44px; }

input[type='checkbox'] + label,
input[type='radio'] + label {
  margin-left: 0.5rem; }

[type='checkbox']:disabled + label,
[type='radio']:disabled + label {
  color: #949494; }

.form-control {
  margin-bottom: 1.5rem; }

.form .description {
  color: #666;
  font-size: 0.83333rem;
  line-height: 1.5;
  margin-bottom: 0.5rem; }

.horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .horizontal label {
    margin-right: 1.5rem; }
  .horizontal li {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto; }

.required {
  text-decoration: none;
  color: #c61236; }

.character-count {
  font-size: 0.83333rem; }

.captcha__image {
  display: block;
  max-width: 220px;
  width: 100%;
  height: auto;
  margin-bottom: 0.75rem; }

.captcha__buttons {
  display: flex;
  margin-bottom: 1rem; }

.captcha__button {
  margin-right: 0.5rem; }
  .captcha__button:last-child {
    margin-left: 0; }
  .captcha__button img {
    display: block; }

ul.unstyled li label {
  font-weight: normal; }

.ou-ldp-form-element fieldset {
  border: 1px solid #c2c2c2 !important;
  clear: both !important;
  margin: 0 0 1.5rem !important;
  padding: 0.75rem !important; }

.ou-ldp-form-element fieldset legend {
  color: #0a0a0a;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  border-bottom: none;
  width: auto;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-weight: 700; }

.ou-form fieldset > *:last-child {
  margin-bottom: 0; }

.ou-form .form-group .form-control {
  border-radius: 0px; }

.ou-form button.btn.btn-primary.ldp-hide-on-submit {
  background-color: transparent;
  border: 1px solid #c2c2c2;
  border-width: 2px;
  border-color: #eb002b;
  color: #0a0a0a;
  cursor: pointer;
  display: inline-flex;
  border-radius: 0px;
  justify-content: center;
  align-items: center;
  font-family: alternate-gothic-no-3-d, 'Helvetica Neue Condensed', 'Arial Narrow', Impact, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem; }

.ou-form button.btn.btn-primary:hover {
  background-color: #eb002b;
  border-color: #eb002b;
  color: #fff;
  text-decoration: none; }

.ou-form button.btn.btn-primary:focus {
  color: #fff;
  background-color: #eb002b;
  border-color: #eb002b; }

.ou-form button.btn.btn-primary:active {
  color: #fff;
  background-color: #eb002b;
  border-color: #eb002b; }

.ou-form button.btn.btn-primary:active:focus {
  outline: 2px dotted #949494;
  outline-offset: 3px;
  z-index: 1000;
  border-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none; }

.tiles .ContentBlock {
  margin-bottom: 0; }

.ou-form .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

abbr {
  text-decoration: none;
  border-bottom: none; }

.ou-ldp-form-element fieldset div.checkbox label input[type='checkbox'] {
  margin-right: 0.25rem; }

/*
@media screen and (min-width: 1024px) {
  .form-control.Page1 {
    margin-right: 15px;
  }
  .form-control.Page2 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .form-control.Page3 {
    margin-right: 15px;
    margin-left: 15px;
  }
  .form-control.Page4 {
    margin-left: 15px;
  }
}*/
/* add for two column checkbox VDB 81225 */
@media screen and (max-width: 768px) {
  ul.unstyled,
  ul.unstyled > li {
    flex: 1 1 calc(50% - 0.375rem); } }

.swatch .color {
  min-height: 2rem;
  width: 100%;
  margin-right: 20px;
  display: flex; }

.swatch .name {
  font-weight: 700; }

.swatch table {
  table-layout: fixed; }

.swatch .text-sample {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 0.75rem;
  text-align: center;
  font-size: 1.728rem;
  line-height: 1;
  align-self: center; }

.swatch .text-sample-black {
  color: #000; }

.swatch .text-sample-white {
  color: #fff; }

.swatch .contrast {
  width: 100%;
  display: flex; }

.PrintOnly {
  display: none !important; }
  @media print {
    .PrintOnly {
      display: block !important; } }

.ElementListV,
.ElementListV > li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

.ElementListH > li {
  display: inline-block;
  list-style-type: none;
  padding: 0 1.5rem 0 0; }

ul.NoBullet,
ul.NoBullet > li {
  list-style-type: none;
  padding-left: 0; }

ul.unstyled,
ul.unstyled > li {
  list-style-type: none;
  padding-left: 0; }

ol.Outline {
  list-style-type: upper-roman; }

ol.Outline ol {
  list-style-type: upper-alpha; }

ol.OutlineAlpha ol {
  list-style-type: decimal; }

ol.Outline ol ol {
  list-style-type: decimal; }

ol.OutlineAlpha ol ol {
  list-style-type: lower-alpha; }

ol.Outline ol ol ol {
  list-style-type: lower-alpha; }

ol.OutlineAlpha ol ol ol {
  list-style-type: decimal; }

ol.Outline ol ol ol ol {
  list-style-type: lower-roman; }

ol.OutlineAlpha ol ol ol ol {
  list-style-type: lower-alpha; }

ol.OutlineAlpha {
  list-style-type: upper-alpha; }

.ElementListH {
  margin: 0;
  padding-left: 0; }

section,
div {
  /*
  &.Bordered > .grid_col,
  &.Shaded > .grid_col {
    margin-left: 0;
    margin-right: 0;
  }*/ }
  section.Inset,
  div.Inset {
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px; }
  section.Inset .Rowstart.grid_fourth > .grid_col, section.Inset .Rowstart.grid_half > .grid_col, section.Inset .Rowstart.grid_third > .grid_col, section.Inset .Rowstart.grid_threefourths > .grid_col, section.Inset .Rowstart.grid_twothirds > .grid_col, section.Inset .Rowstart.grid_whole > .grid_col,
  div.Inset .Rowstart.grid_fourth > .grid_col,
  div.Inset .Rowstart.grid_half > .grid_col,
  div.Inset .Rowstart.grid_third > .grid_col,
  div.Inset .Rowstart.grid_threefourths > .grid_col,
  div.Inset .Rowstart.grid_twothirds > .grid_col,
  div.Inset .Rowstart.grid_whole > .grid_col {
    margin-left: 0; }
  section.Inset .grid_fourth:last-of-type > .grid_col,
  section.Inset .grid_half:last-of-type > .grid_col,
  section.Inset .grid_third:last-of-type > .grid_col,
  section.Inset .grid_threefourths:last-of-type > .grid_col,
  section.Inset .grid_twothirds:last-of-type > .grid_col,
  section.Inset .grid_whole:last-of-type > .grid_col,
  div.Inset .grid_fourth:last-of-type > .grid_col,
  div.Inset .grid_half:last-of-type > .grid_col,
  div.Inset .grid_third:last-of-type > .grid_col,
  div.Inset .grid_threefourths:last-of-type > .grid_col,
  div.Inset .grid_twothirds:last-of-type > .grid_col,
  div.Inset .grid_whole:last-of-type > .grid_col {
    margin-right: 0; }
  @media screen and (max-width: 1024px) {
    section.Inset .grid_fourth > .grid_col,
    section.Inset .grid_half > .grid_col,
    section.Inset .grid_third > .grid_col,
    section.Inset .grid_threefourths > .grid_col,
    section.Inset .grid_twothirds > .grid_col,
    section.Inset .grid_whole > .grid_col,
    div.Inset .grid_fourth > .grid_col,
    div.Inset .grid_half > .grid_col,
    div.Inset .grid_third > .grid_col,
    div.Inset .grid_threefourths > .grid_col,
    div.Inset .grid_twothirds > .grid_col,
    div.Inset .grid_whole > .grid_col {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (max-width: 768px) {
    section.Inset .grid_fourth > .grid_col,
    section.Inset .grid_half > .grid_col,
    section.Inset .grid_third > .grid_col,
    section.Inset .grid_threefourths > .grid_col,
    section.Inset .grid_twothirds > .grid_col,
    section.Inset .grid_whole > .grid_col,
    div.Inset .grid_fourth > .grid_col,
    div.Inset .grid_half > .grid_col,
    div.Inset .grid_third > .grid_col,
    div.Inset .grid_threefourths > .grid_col,
    div.Inset .grid_twothirds > .grid_col,
    div.Inset .grid_whole > .grid_col {
      margin-left: 0;
      margin-right: 0; } }
  section.Shaded, section.Bordered, section.Shaded.Bordered,
  div.Shaded,
  div.Bordered,
  div.Shaded.Bordered {
    padding: 2rem;
    /* margin-left: 30px;
    margin-right: 30px; */ }
  section.Bordered, section.Shaded.Bordered,
  div.Bordered,
  div.Shaded.Bordered {
    border: 1px solid #c2c2c2;
    /* margin-left: 30px;
    margin-right: 30px; */ }

.grid_whole.Inset:last-child {
  margin-bottom: 0; }

.Shaded {
  background-color: #f0f0f0; }

.shadow {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }

.ErrorIcon {
  border: none;
  margin: 0;
  padding: 0; }

.ErrorIcon img,
img.ErrorIcon {
  float: right; }

.content_icon_sprites {
  background-image: url(../img/content_icon_sprites.png);
  background-repeat: no-repeat;
  background-size: 38px 63px;
  display: inline-block;
  overflow: hidden; }

.Columns2,
.Columns3 {
  column-gap: 2em; }
  @media screen and (max-width: 768px) {
    .Columns2,
    .Columns3 {
      column-gap: 0; } }
  .Columns2 div,
  .Columns2 li,
  .Columns2 ol,
  .Columns2 ul,
  .Columns3 div,
  .Columns3 li,
  .Columns3 ol,
  .Columns3 ul {
    break-inside: avoid;
    page-break-inside: avoid; }
  .Columns2 div,
  .Columns2 ol,
  .Columns2 ul,
  .Columns3 div,
  .Columns3 ol,
  .Columns3 ul {
    margin-top: 0;
    margin-bottom: 2rem; }
  .Columns2 .alt h1,
  .Columns2 .alt h2,
  .Columns2 .alt h3,
  .Columns2 .alt h4,
  .Columns2 .alt h5,
  .Columns2 .alt h6,
  .Columns3 .alt h1,
  .Columns3 .alt h2,
  .Columns3 .alt h3,
  .Columns3 .alt h4,
  .Columns3 .alt h5,
  .Columns3 .alt h6 {
    column-span: all; }
    @media screen and (max-width: 768px) {
      .Columns2 .alt h1,
      .Columns2 .alt h2,
      .Columns2 .alt h3,
      .Columns2 .alt h4,
      .Columns2 .alt h5,
      .Columns2 .alt h6,
      .Columns3 .alt h1,
      .Columns3 .alt h2,
      .Columns3 .alt h3,
      .Columns3 .alt h4,
      .Columns3 .alt h5,
      .Columns3 .alt h6 {
        column-span: none; } }

.Columns2 {
  column-count: 2; }
  @media screen and (max-width: 768px) {
    .Columns2 {
      column-count: 1; } }

.Columns3 {
  column-count: 3; }
  @media screen and (max-width: 768px) {
    .Columns3 {
      column-count: 1; } }

ul.Columns2,
ul.Columns3 {
  padding-left: 0; }
  ul.Columns2 li,
  ul.Columns3 li {
    list-style-type: none; }

dl.inline dt,
dl.inline dd {
  display: inline; }

dl.inline dt::before {
  content: '';
  display: block; }

dl.inline dt::after {
  content: ': '; }

dl.inline dd::after {
  content: '';
  display: block;
  margin-bottom: 0.5rem; }

.screen-reader {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.assistive-text {
  display: none; }

/* -- new flex grids css -- */
/* hr that applies to a section */
hr:has(+ section) {
  border-top: 12px solid #c2c2c2;
  clear: both;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0; }

/* hr that applies to a row */
section hr {
  border-top: 12px solid #c2c2c2;
  clear: both;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: 0;
  margin-right: 0; }

div.grid_container hr {
  border-top: 12px solid #c2c2c2;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 2rem;
  width: 100%;
  display: block; }

* {
  box-sizing: border-box; }

body {
  position: relative;
  z-index: -2;
  background-color: #f7f7f7; }

/* -- user agent stylesheet for h2 -- causing top margin for h2 when within a Shaded block -- 

h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
  unicode-bidi: isolate;
}
*/
main#ContentColumn {
  margin-left: 30px;
  margin-right: 30px;
  min-width: 0;
  max-width: calc(100% - 60px); }

nav.navigation-side {
  margin-left: 30px;
  margin-right: 30px; }

/* -- not needed VDB 12/10/25 -- 
.grid_container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2em;
  max-width: 100%;

  margin-top: 2rem;
  margin-bottom: 3rem; 
} */
.grid_container.MainContent {
  flex-wrap: nowrap;
  /* Prevents wrapping */ }

/* grid_third and grid_twothirds must flex-shrink to 1 to stay within mainContentColumn boundaries */
.grid_third {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
  flex-shrink: 1; }

.grid_twothirds {
  flex: 0 0 66.6667%;
  max-width: 66.6667%;
  flex-shrink: 1;
  /* margin: auto; */ }

.grid_half {
  width: 50%; }

.grid_fourth {
  width: 25%; }

.grid_threefourths {
  width: 75%; }

section.Inset,
div.Inset {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em; }

section {
  margin-top: 6rem;
  margin-bottom: 6rem; }

/* if the page starts with a section remove margin top from section VDB 22726 */
.main_grid_container > .ContentColumn.grid_whole > section {
  margin-top: 0; }

.grid_container .grid_row {
  gap: 2rem;
  display: flex;
  margin-bottom: 2rem;
  /* -- flex-direction: row; -- */ }

/* -- if there is only one .grid_whole within the .grid_container there should be no gap -- VDB 12/14/26 -- */
.grid_row > .grid_whole:only-child {
	flex: 0 0 100%;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* -- if there is only one grid row within a section the margin is removed -- */
.grid_container .grid_row:last-of-type {
  margin-bottom: 0; }

/* -- changed .grid_container when associated with MainContent to main_grid_container -- */
/* -- adjust .main_grid_container from 270px to 210px -- VDB 5/28/26 -- */
.main_grid_container {
  max-width: calc(1440px - 210px);
  margin: 0 auto;
  width: 100%;
  display: flex;
  padding: 6rem 0; 
}

.grid_container.Shaded {
  background-color: #f0f0f0; }

/* -- resize images placed within col from toolbar -- */
.grid_row p > img {
  width: 100%; }

/* -- eliminate the top margin on the first section within the content area -- not needed -- VDB 6625

.grid_twothirds.ContentColumn.grid_whole > section:first-of-type {
  margin-top: 0;
}
*/
/* -- eliminate the top margin on the first grid_container within a section -- not needed - VDB 6625

section > .grid_container:first-of-type {
  margin-top: 0;
} */
/* -- add margin for elements first on the page not within a section -- */
.main_grid_container.MainContent > h2,
.main_grid_container.MainContent > h3,
.main_grid_container.MainContent > h4,
.main_grid_container.MainContent > p {
  margin-top: 4rem; }

/* -- Divider class no longer needed but updated and retained in case of residual instances VDB 12/10/25 

.Divider {
  border-top: $border-thickest;
  clear: both;
  margin: 0 $spacing-inner-v2 $layout-md;
} -- */
.Divider {
  border-top: 12px solid #c2c2c2;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
  display: block; }

/* -- Ensure columns stack vertically under 1023px -- */
@media (max-width: 1023px) {
  .grid_container .grid_row {
    width: 100%;
    flex-direction: column;
    row-gap: 2rem;
    /* margin-bottom: 0; */ }
  .main_grid_container {
    width: 100%;
    flex-direction: column; }
  .grid_row > .grid_third {
    width: 100%; }
/* -- the last child of every Shaded and/or Bordered section has 0 margin-bottom -- */
  .grid_container.Shaded :last-child,
  .grid_container.Bordered :last-child,
  .grid_container.Bordered.Shaded :last-child,
  .grid_container.Shaded.Bordered :last-child {
    margin-bottom: 0; } 

	
  /* -- the last child of every Shaded and/or Bordered row has a 0 margin-bottom -- This is conflicting with touts VDB 6426
  section.Shaded .grid_container :last-child,
  section.Bordered .grid_container :last-child,
  section.Bordered.Shaded .grid_container :last-child,
  section.Shaded.Bordered .grid_container :last-child {
    margin-bottom: 0; }
	
	
  /* -- the last child of every Shaded and/or Bordered row has a 0 margin-bottom -- This is conflicting with touts VDB 6426
  .grid_row.Shaded :last-child,
  .grid_row.Bordered :last-child,
  .grid_row.Bordered.Shaded :last-child,
  .grid_row.Shaded.Bordered :last-child {
    margin-bottom: 0; }
	*/
	
  /* -- ensures grid_third and grid_twothirds col expands full width -- */
  .grid_third {
    min-width: 100%; }
  .grid_twothirds {
    min-width: 100%; }
  /* if grid_row is stacked the last of type has no bottom margin -- */
  .grid_row:last-of-type {
    margin-bottom: 0; }
  /* if grid_row is stacked the last child has no bottom margin -- the margin is on the section VDB 2426 - causing issues with touts
  section .grid_container .grid_row :last-child {
    margin-bottom: 0; } */
}

/* -- end -- */
#PageOuterWrapper {
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    #PageOuterWrapper {
      overflow-x: scroll;
      width: 100%; } }

/*
#PageInnerWrapper {
  @include desktop {
    margin-top: 50px;
  }
  @include phone {
    width: 100%;
    margin-top: 50px;
  }
}
*/
@media screen and (max-width: 960px) {
  #ContentColumn {
    width: 100%; } }

@media screen and (max-width: 768px) {
  #ContentColumn {
    width: 100%; } }

@media print {
  #ContentColumn {
    width: 100%; } }

.grid_container {
  /* --
  margin: 0 auto;
  width: 100%;
  position: relative;
  @include desktop-tablet {
    max-width: calc(1440px - 270px);
  } -- */
  /* -- no longer needed with flex -- VDC 5/16/24 --
  @include laptop {
    max-width: calc(100% - 60px * 2);
  } -- */
  /* no longer needed with flex -- VDC 5/28/24 -- 
  @include desktop {
    max-width: 720px;
  } 
  */
  /* phone is 481px */
  /* -- not needed with flex grids -- 
#PageInnerWrapper,
.ContentColumn,
.clearfix,
.grid_container,
.grid_fourth,
.grid_half,
.grid_third,
.grid_threefourths,
.grid_twothirds,
.grid_whole,
form dd,
section.Bordered,
section.Shaded,
div.Bordered,
div.Shaded,
.ContentBlock {
  &::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
  }
}
*/
  /*
  @media screen and (max-width: 1024px) {
    .grid_col {
      + .grid_whole,
      + .grid_threefourths,
      + .grid_fourth,
      + .grid_twothirds,
      + .grid_twothirds + .grid_third,
      + .grid_half,
      + .grid_half + .grid_half,
      + .grid_third,
      + .grid_third + .grid_third,
      + .grid_third + .grid_third + .grid_third,
      + .grid_third,
      + .grid_third + .grid_twothirds,
      + .grid_fourth,
      + .grid_fourth + .grid_fourth,
      + .grid_fourth + .grid_fourth + .grid_fourth,
      + .grid_fourth + .grid_fourth + .grid_fourth + .grid_fourth,
      + .grid_threefourths + .grid_fourth,
      + .grid_fourth + .grid_threefourths {
        margin-top: 30px;
      }
    } */ }
  @media screen and (max-width: 768px) {
    .grid_container {
      max-width: none; } }
  .grid_container .grid_fourth {
    width: 25%; }
  .grid_container .grid_third {
    width: 33.3333%; }
  .grid_container .grid_half {
    width: 50%; }
  .grid_container .grid_twothirds {
    width: 66.6666%; }
  .grid_container .grid_threefourths {
    width: 75%; }
  .grid_container .grid_whole {
    width: 100%;
    position: relative; }
  .grid_container .grid_fourth,
  .grid_container .grid_half,
  .grid_container .grid_third,
  .grid_container .grid_threefourths,
  .grid_container .grid_twothirds,
  .grid_container .grid_whole {
    float: left;
    overflow-x: visible;
    overflow-y: visible;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .grid_container .grid_fourth,
      .grid_container .grid_half,
      .grid_container .grid_third,
      .grid_container .grid_threefourths,
      .grid_container .grid_twothirds,
      .grid_container .grid_whole {
        min-width: 100%; } }
    @media screen and (max-width: 768px) {
      .grid_container .grid_fourth,
      .grid_container .grid_half,
      .grid_container .grid_third,
      .grid_container .grid_threefourths,
      .grid_container .grid_twothirds,
      .grid_container .grid_whole {
        min-width: 100%; } }
    .grid_container .grid_fourth > hr,
    .grid_container .grid_half > hr,
    .grid_container .grid_third > hr,
    .grid_container .grid_threefourths > hr,
    .grid_container .grid_twothirds > hr,
    .grid_container .grid_whole > hr {
      border-top: 12px solid #c2c2c2;
      clear: both;
      margin-bottom: 2rem;
      margin-left: 0; }
    .grid_container .grid_fourth.Inset > hr,
    .grid_container .grid_half.Inset > hr,
    .grid_container .grid_third.Inset > hr,
    .grid_container .grid_threefourths.Inset > hr,
    .grid_container .grid_twothirds.Inset > hr,
    .grid_container .grid_whole.Inset > hr {
      margin-left: 0;
      margin-right: 0; }
    .grid_container .grid_fourth .expand,
    .grid_container .grid_half .expand,
    .grid_container .grid_third .expand,
    .grid_container .grid_threefourths .expand,
    .grid_container .grid_twothirds .expand,
    .grid_container .grid_whole .expand {
      width: 100vw;
      margin-left: calc(50% - 50vw) !important;
      margin-right: calc(50% - 50vw) !important; }
      .grid_container .grid_fourth .expand .grid_col,
      .grid_container .grid_half .expand .grid_col,
      .grid_container .grid_third .expand .grid_col,
      .grid_container .grid_threefourths .expand .grid_col,
      .grid_container .grid_twothirds .expand .grid_col,
      .grid_container .grid_whole .expand .grid_col {
        margin: 0 auto;
        max-width: calc(1440px - 270px); }
  .grid_container .clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0; }
  .grid_container .Rowstart {
    clear: left; }
  .grid_container .MainContent {
    padding: 6rem 0;
    position: static; }
    .grid_container .MainContent > .grid_whole,
    .grid_container .MainContent > .grid_half,
    .grid_container .MainContent > .grid_third,
    .grid_container .MainContent > .grid_fourth,
    .grid_container .MainContent > .grid_twothirds,
    .grid_container .MainContent > .grid_threefourths {
      margin-bottom: 6rem; }
      @media screen and (max-width: 1024px) {
        .grid_container .MainContent > .grid_whole,
        .grid_container .MainContent > .grid_half,
        .grid_container .MainContent > .grid_third,
        .grid_container .MainContent > .grid_fourth,
        .grid_container .MainContent > .grid_twothirds,
        .grid_container .MainContent > .grid_threefourths {
          margin-bottom: 4rem; } }
      @media screen and (max-width: 768px) {
        .grid_container .MainContent > .grid_whole,
        .grid_container .MainContent > .grid_half,
        .grid_container .MainContent > .grid_third,
        .grid_container .MainContent > .grid_fourth,
        .grid_container .MainContent > .grid_twothirds,
        .grid_container .MainContent > .grid_threefourths {
          margin-bottom: 30px; } }
      .grid_container .MainContent > .grid_whole:last-child,
      .grid_container .MainContent > .grid_half:last-child,
      .grid_container .MainContent > .grid_third:last-child,
      .grid_container .MainContent > .grid_fourth:last-child,
      .grid_container .MainContent > .grid_twothirds:last-child,
      .grid_container .MainContent > .grid_threefourths:last-child {
        margin-bottom: 0; }
    @media print {
      .grid_container .MainContent > .grid_third {
        display: none; } }
  @media screen and (min-width: 768px) {
    .grid_container .alpha,
    .grid_container .alpha > .grid_col {
      margin-left: 0; }
    .grid_container .omega,
    .grid_container .omega > .grid_col {
      margin-right: 0; } }
  .grid_container .PageTitle h1 {
    margin: 0; }
  .grid_container .grid_whole,
  .grid_container .grid_half,
  .grid_container .grid_third,
  .grid_container .grid_fourth,
  .grid_container .grid_twothirds,
  .grid_container .grid_threefourths {
    margin-bottom: 0; }
  .grid_container .ContentColumn > .grid_whole,
  .grid_container .ContentColumn > .grid_half,
  .grid_container .ContentColumn > .grid_third,
  .grid_container .ContentColumn > .grid_fourth,
  .grid_container .ContentColumn > .grid_twothirds,
  .grid_container .ContentColumn > .grid_threefourths {
    margin-bottom: 6rem;
    /*
    .grid_whole,
    .grid_half,
    .grid_third,
    .grid_fourth,
    .grid_twothirds,
    .grid_threefourths {
      margin-bottom: $layout-md;
    }
    */ }
    @media screen and (max-width: 1024px) {
      .grid_container .ContentColumn > .grid_whole,
      .grid_container .ContentColumn > .grid_half,
      .grid_container .ContentColumn > .grid_third,
      .grid_container .ContentColumn > .grid_fourth,
      .grid_container .ContentColumn > .grid_twothirds,
      .grid_container .ContentColumn > .grid_threefourths {
        margin-bottom: 4rem; } }
    @media screen and (max-width: 768px) {
      .grid_container .ContentColumn > .grid_whole,
      .grid_container .ContentColumn > .grid_half,
      .grid_container .ContentColumn > .grid_third,
      .grid_container .ContentColumn > .grid_fourth,
      .grid_container .ContentColumn > .grid_twothirds,
      .grid_container .ContentColumn > .grid_threefourths {
        margin-bottom: 2rem; } }
    .grid_container .ContentColumn > .grid_whole:last-child,
    .grid_container .ContentColumn > .grid_half:last-child,
    .grid_container .ContentColumn > .grid_third:last-child,
    .grid_container .ContentColumn > .grid_fourth:last-child,
    .grid_container .ContentColumn > .grid_twothirds:last-child,
    .grid_container .ContentColumn > .grid_threefourths:last-child {
      margin-bottom: 0; }
  .grid_container .ContentColumn section > .Rowstart:nth-last-child(1), .grid_container .ContentColumn section > .Rowstart.grid_threefourths:nth-last-child(2), .grid_container .ContentColumn section > .Rowstart.grid_twothirds:nth-last-child(2), .grid_container .ContentColumn section > .Rowstart.grid_half:nth-last-child(2), .grid_container .ContentColumn section > .Rowstart.grid_third:nth-last-child(2), .grid_container .ContentColumn section > .Rowstart.grid_fourth:nth-last-child(2), .grid_container .ContentColumn section > .Rowstart.grid_third:nth-last-child(3), .grid_container .ContentColumn section > .Rowstart.grid_fourth:nth-last-child(4),
  .grid_container .ContentColumn div > .Rowstart:nth-last-child(1),
  .grid_container .ContentColumn div > .Rowstart.grid_threefourths:nth-last-child(2),
  .grid_container .ContentColumn div > .Rowstart.grid_twothirds:nth-last-child(2),
  .grid_container .ContentColumn div > .Rowstart.grid_half:nth-last-child(2),
  .grid_container .ContentColumn div > .Rowstart.grid_third:nth-last-child(2),
  .grid_container .ContentColumn div > .Rowstart.grid_fourth:nth-last-child(2),
  .grid_container .ContentColumn div > .Rowstart.grid_third:nth-last-child(3),
  .grid_container .ContentColumn div > .Rowstart.grid_fourth:nth-last-child(4) {
    margin-bottom: 0; }
  .grid_container section > .Rowstart:nth-last-child(1),
  .grid_container section > .Rowstart.grid_threefourths:nth-last-child(2) + .grid_fourth,
  .grid_container section > .Rowstart.grid_twothirds:nth-last-child(2) + .grid_third,
  .grid_container section > .Rowstart.grid_half:nth-last-child(2) + .grid_half,
  .grid_container section > .Rowstart.grid_third:nth-last-child(2) + .grid_twothirds,
  .grid_container section > .Rowstart.grid_fourth:nth-last-child(2) + .grid_threefourths,
  .grid_container section > .Rowstart.grid_third:nth-last-child(3) + .grid_third + .grid_third,
  .grid_container section > .Rowstart.grid_fourth:nth-last-child(4) + .grid_fourth + .grid_fourth + .grid_fourth,
  .grid_container div > .Rowstart:nth-last-child(1),
  .grid_container div > .Rowstart.grid_threefourths:nth-last-child(2) + .grid_fourth,
  .grid_container div > .Rowstart.grid_twothirds:nth-last-child(2) + .grid_third,
  .grid_container div > .Rowstart.grid_half:nth-last-child(2) + .grid_half,
  .grid_container div > .Rowstart.grid_third:nth-last-child(2) + .grid_twothirds,
  .grid_container div > .Rowstart.grid_fourth:nth-last-child(2) + .grid_threefourths,
  .grid_container div > .Rowstart.grid_third:nth-last-child(3) + .grid_third + .grid_third,
  .grid_container div > .Rowstart.grid_fourth:nth-last-child(4) + .grid_fourth + .grid_fourth + .grid_fourth {
    margin-bottom: 0; }

@page {
  margin: 1in; }

/* -- eliminate top double margin -- first section within the main_grid_container -- VDC 52224 -- no longer needed VDB 6625

.main_grid_container.MainContent section:first-of-type { 
  margin-top: 0;
}*/
/* this no longer needed for flex grids with section 
.grid_container > .grid_col > :not(.grid_col):not(.Shaded):not(.Bordered),
.grid_container
  > .grid_col
  > .grid_col
  > :not(.grid_col):not(.Shaded):not(.Bordered):not(.expand),
.grid_container > #ContentColumn.grid_col > .grid_col > .Shaded,
.grid_container > #ContentColumn.grid_col > .grid_col > .Bordered,
.grid_container
  > .grid_col
  > .grid_col
  > .grid_col
  > :not(.grid_col):not(.Shaded):not(.Bordered),
.grid_container
  > .grid_col
  > .grid_col
  > .grid_col
  > .grid_col
  > :not(.grid_col):not(.Shaded):not(.Bordered) {
  margin-left: 30px;
  margin-right: 30px;
  clear: both;
}

*/
.grid_container .grid_col > hr,
.grid_container .Shaded .grid_col > hr,
.grid_container .Bordered .grid_col > hr,
.grid_container #ContentColumn.grid_col .grid_col.Inset > hr {
  margin-left: 0;
  margin-right: 0; }

.grid_container .grid_col .grid_col > hr,
.grid_container .Shaded .grid_col .grid_col > hr,
.grid_container .Bordered .grid_col .grid_col > hr {
  margin-left: 30px;
  margin-right: 30px; }

.grid_container .grid_col > :first-child {
  margin-top: 0; }

/* no longer needed 
.grid_container .grid_col > :last-child {
  margin-bottom: 0;
}
*/
.grid_container > .grid_col .Inset .Shaded > :not(.grid_col):not(.Shaded):not(.Bordered),
.grid_container > .grid_col .Inset .Bordered > :not(.grid_col):not(.Shaded):not(.Bordered) {
  padding: 0;
  margin-right: 30px; }

.grid_container > #ContentColumn.grid_col > .grid_col.Inset > .Shaded > .Inset {
  margin-bottom: 0; }

/*
  .grid_container > .grid_col > .grid_col > .grid_col > .Inset > .Shaded,
  .grid_container
    > .grid_col
    > .grid_col
    > .Bordered
    > .grid_col
    > .grid_col
    > .Inset
    > .Shaded {
    margin-bottom: 1rem;
  }*/
.grid_container > .grid_col > .grid_col .Inset .Shaded {
  margin-bottom: 0rem; }

.Rowstart.grid_whole.Inset.Shaded {
  margin-left: 30px;
  margin-right: 30px; }

/* -- one grid column -- */
.grid_container .grid_col > hr,
.grid_container .Shaded .grid_col > hr,
.grid_container .Bordered .grid_col > hr,
.grid_container #ContentColumn.grid_col .grid_col.Inset > hr {
  margin-left: 0;
  margin-right: 0; }

.grid_container .grid_col .grid_col > hr,
.grid_container .Shaded .grid_col .grid_col > hr,
.grid_container .Bordered .grid_col .grid_col > hr {
  margin-left: 30px;
  margin-right: 30px; }

/* -- styles conflicting with the new grid styles for main#ContentColumn.grid_twothirds.ContentColumn.grid_col -- */
.grid_container .grid_fourth .expand,
.grid_container .grid_half .expand,
.grid_container .grid_third .expand,
.grid_container .grid_threefourths .expand,
.grid_container .grid_twothirds .expand,
.grid_container .grid_whole .expand {
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important; }

/* -- Nested Grids -- all updated VDC 8/2/23 ------------------------------------ */
/* -- remove main#ContentColumn.grid_twothirds so examples will extend full screen -- VDC 9/19/23 -- */
/* -- 25 25 25 25 -- */
/* -- 25 25 25 25 nested in 1 grid no .Bordered or .Shaded bottom margin -- main sgf not catching the rowstart -- in mobile view -- */
@media screen and (max-width: 1023px) {
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_fourth,
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_fourth + .grid_fourth,
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_fourth + .grid_fourth + .grid_fourth,
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_fourth + .grid_fourth + .grid_fourth + .grid_fourth {
    /* 
    margin-bottom: 3rem;
    */
    width: 100%; } }

/* -- 25 25 25 25 nested in 1 grid col each col -- */
/* -- .Bordered -- */
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col > .Bordered,
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered,
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered,
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered {
  max-width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px; }

/* -- .Shaded -- */
.Rowstart.grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded {
  max-width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px; }

/* -- 25 25 25 25 add bottom margin in mobile view in full width column .Shaded or .Bordered -- */
/* -- .Shaded -- */
@media screen and (max-width: 1023px) {
  /* #ContentColumn .Shaded .Rowstart.grid_fourth.grid_col,
  #ContentColumn .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col,
  #ContentColumn
    .Shaded
    .Rowstart.grid_fourth.grid_col
    + .grid_fourth.grid_col
    + .grid_fourth.grid_col,
  #ContentColumn
    .Shaded
    .Rowstart.grid_fourth.grid_col
    + .grid_fourth.grid_col
    + .grid_fourth.grid_col {
    margin-bottom: 3rem;
  } */
  /* -- .Bordered -- 
  #ContentColumn .Bordered .Rowstart.grid_fourth.grid_col,
  #ContentColumn
    .Bordered
    .Rowstart.grid_fourth.grid_col
    + .grid_fourth.grid_col,
  #ContentColumn
    .Bordered
    .Rowstart.grid_fourth.grid_col
    + .grid_fourth.grid_col
    + .grid_fourth.grid_col,
  #ContentColumn
    .Bordered
    .Rowstart.grid_fourth.grid_col
    + .grid_fourth.grid_col
    + .grid_fourth.grid_col {
    margin-bottom: 3rem;
  }
  */
  /* -- 25 25 25 25 remove bottom margin in desktop view when cols are within .Shaded or .Bordered -- VDC 8/2/23 -- */
  /* -- .Shaded -- */
  .Shaded .Rowstart.grid_fourth.grid_col,
  .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col,
  .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col,
  .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    margin-bottom: 0; }
  /* -- .Bordered -- */
  .Bordered .Rowstart.grid_fourth.grid_col,
  .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col,
  .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col,
  .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    margin-bottom: 0; } }

/* -- 25 25 25 25 remove bottom margins from .Shaded or .Bordered individual cols in desktop view -- */
/* -- .Shaded -- */
.Rowstart.grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Shaded {
  margin-bottom: 0; }

/* -- .Bordered -- */
.Rowstart.grid_fourth.grid_col > .Bordered,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered,
.Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > .Bordered {
  margin-bottom: 0; }

.ContentColumn > .grid_whole .grid_fourth .Bordered {
  margin-bottom: 0; }

/* -- resolve display issues within 1 col .Shaded and .Bordered -- only temporary until new grid system can be developed -- */
@media screen and (min-width: 1024px) {
  .Rowstart.grid_whole.grid_col > .Bordered {
    max-width: calc(100% - 2rem);
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col > p {
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-top: 0;
    margin-left: 10px;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > p {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered > .Rowstart.grid_fourth + .grid_fourth + .grid_fourth > p {
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered > .Rowstart.grid_fourth + .grid_fourth + .grid_fourth > :not(.grid_col):not(.Shaded):not(.Bordered):not(p) {
    margin-right: 15px;
    margin-left: 15px;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    float: right;
    position: relative;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > p {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box; }
  .Rowstart.grid_whole.grid_col > .Bordered {
    max-width: calc(100% - 2rem);
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col > p {
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col > p {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded > .Rowstart.grid_fourth + .grid_fourth + .grid_fourth > p {
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded > .Rowstart.grid_fourth + .grid_fourth + .grid_fourth > :not(.grid_col):not(.Shaded):not(.Bordered):not(p) {
    margin-right: 15px;
    margin-left: 15px;
    box-sizing: border-box; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col {
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    float: right;
    position: relative;
    margin-top: 0;
    margin-bottom: 0; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col + .grid_fourth.grid_col > p {
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box; } }

/* -- 100 col -- resolve issue with .expand style not applying -- VDC32724 -- */
.ContentBlock.featured-content.expand.shaded {
  width: 100vw;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important; }

/* -- 25 75 -- */
/* -- 25 75 nested in 1 grid col, each col -- */
/* -- .Shaded -- */
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col > div.Shaded {
  max-width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px; }

.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col > div.Shaded {
  max-width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px; }

/* -- .Bordered -- */
.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col > div.Bordered {
  max-width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px; }

.ContentColumn.grid_col .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col > div.Bordered {
  max-width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px; }

/* -- 25 75 add bottom margin in mobile view -- */
/* -- .Shaded -- */
@media screen and (max-width: 1023px) {
  /*#ContentColumn .Shaded .Rowstart.grid_fourth.grid_col {
    margin-bottom: 3rem;
  }*/ }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: -15px;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- .Bordered -- 
#ContentColumn .Bordered .Rowstart.grid_fourth.grid_col {
  margin-bottom: 3rem;
}
*/
.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: -15px;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- 25 75 shaded stacked -- */
@media screen and (max-width: 1023px) {
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 0;
    width: 100%; }
  .ContentColumn.grid_col .grid_whole.grid_col .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
    width: 100%; } }

/* -- 25 75 remove bottom margin in desktop view when cols are within .Shaded or .Bordered -- VDC 8/2/23 */
/* -- .Shaded -- */
.Shaded .Rowstart.grid_fourth.grid_col,
.Shaded .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
  margin-bottom: 0; }

/* -- .Bordered -- */
.Bordered .Rowstart.grid_fourth.grid_col,
.Bordered .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
  margin-bottom: 0; }

/* -- 75 25 -- */
/* -- 75 25 nested in 1 grid col, each col Shaded and Bordered -- */
/* -- .Shaded -- */
.ContentColumn.grid_col .Rowstart.grid_threefourths.grid_col > div.Shaded,
.ContentColumn.grid_col .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col > div.Shaded {
  max-width: calc(100% - 60px);
  margin-right: 30px;
  margin-left: 30px; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col {
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  float: right;
  position: relative;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- .Bordered -- */
.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col {
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  float: right;
  position: relative;
  margin-top: 0;
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- .Bordered stacked -- */
@media screen and (max-width: 1023px) {
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_fourth.grid_col + .grid_threefourths.grid_col {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    margin-top: 30px;
    margin-bottom: 0;
    width: 100%; } }

/*
.grid_whole.grid_col .Rowstart.grid_threefourths.grid_col {
  margin-bottom: 3rem;
}
*/
/* -- 75 25 -- add bottom margin when cols are within .Shaded and .Bordered block in mobile view -- */
/* -- .Shaded -- */
@media screen and (max-width: 1023px) {
  .ContentColumn .Shaded .Rowstart.grid_threefourths.grid_col {
    margin-bottom: 3rem; } }

/* -- .Bordered -- */
@media screen and (max-width: 1023px) {
  .ContentColumn .Bordered .Rowstart.grid_threefourths.grid_col {
    margin-bottom: 3rem; } }

/* -- 75 25 -- add bottom margin when cols are within .Shaded and .Bordered block  -- */
/* -- .Shaded -- */
@media screen and (max-width: 1023px) {
  .Rowstart.grid_whole.grid-col > .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col > div.Shaded {
    margin-bottom: 3rem; } }

/* -- .Bordered -- */
@media screen and (max-width: 1023px) {
  .Rowstart.grid_whole.grid-col .Rowstart.grid_threefourths.grid_col > div.Bordered,
  .Rowstart.grid_whole.grid-col .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col > div.Bordered {
    margin-bottom: 3rem; } }

/* -- 75 25 .Bordered stacked -- */
@media screen and (max-width: 1023px) {
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col {
    min-width: 100%; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col {
    min-width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-top: 30px; } }

/* -- 75 25 .Shaded stacked -- */
@media screen and (max-width: 1023px) {
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col {
    min-width: 100%; }
  .ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col {
    min-width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-top: 30px; } }

/* -- 75 25 No treatment stacked -- */
@media screen and (max-width: 1023px) {
  .grid_whole.grid_col .Rowstart.grid_threefourths.grid_col {
    margin-left: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col {
    margin-left: 0;
    min-width: 100%; } }

/* -- 50 50 -- */
/* -- 50 50 nested in 1 grid col Shaded and Bordered -- */
/* -- .Shaded -- */
.ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Shaded,
.ContentColumn.grid_col .Rowstart.grid_half.grid_col + .grid_half.grid_col > div.Shaded {
  margin-left: 30px;
  margin-right: 30px; }

/* -- .Bordered -- */
.ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Bordered,
.ContentColumn.grid_col .Rowstart.grid_half.grid_col + .grid_half.grid_col > div.Bordered {
  margin-left: 30px;
  margin-right: 30px; }

/* -- 50 50 -- resolve problem with bordered 50/50 columns appearing without gutter -- */
#ContentColumn .Rowstart.grid_half.grid_col {
  max-width: calc(50% - 15px);
  margin-right: 15px; }

#ContentColumn .Rowstart.grid_half.grid_col + .grid_half.grid_col {
  max-width: calc(50% - 15px);
  margin-left: 15px;
  margin-bottom: 0; }

/* -- 50 50 .Bordered stacked -- */
@media screen and (max-width: 1023px) {
  #ContentColumn .Bordered .Rowstart.grid_half.grid_col {
    min-width: 100%;
    margin-right: 15px; }
  #ContentColumn .Bordered .Rowstart.grid_half.grid_col + .grid_half.grid_col {
    min-width: 100%;
    margin-left: 0; } }

/* -- 50 50 .Shaded stacked -- */
@media screen and (max-width: 1023px) {
  #ContentColumn .Shaded .Rowstart.grid_half.grid_col {
    min-width: 100%;
    margin-right: 15px; }
  #ContentColumn .Shaded .Rowstart.grid_half.grid_col + .grid_half.grid_col {
    min-width: 100%;
    margin-left: 0; } }

/* -- 50 50 No treatment stacked -- */
@media screen and (max-width: 1023px) {
  #ContentColumn .Rowstart.grid_half.grid_col {
    min-width: 100%;
    margin-right: 0; }
  #ContentColumn .Rowstart.grid_half.grid_col + .grid_half.grid_col {
    min-width: 100%;
    margin-left: 0; } }

/* -- 50 50 -- remove bottom margin when nested in 1 column bordered or shaded -- */
.ContentColumn.grid_col > div.Bordered .Rowstart.grid_half.grid_col,
.ContentColumn.grid_col > div.Shaded .Rowstart.grid_half.grid_col {
  margin-bottom: 0; }

/* -- 50 50 -- fix bottom margin between stacked bordered or shaded cols -- */
@media screen and (max-width: 1023px) {
  .ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Bordered,
  .ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Shaded {
    margin-bottom: 3rem; } }

/* -- 33 33 33 nested in 1 grid col each col -- */
/* -- .Shaded -- */
.ContentColumn.grid_col .Rowstart.grid_third.grid_col > div.Shaded,
.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col > div.Shaded,
.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col > div.Shaded {
  margin-right: 30px;
  margin-left: 30px; }

/* -- 33 33 33 nested in 1 grid col each col -- */
/* -- .Bordered -- */
.ContentColumn.grid_col .Rowstart.grid_third.grid_col > div.Bordered,
.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col > div.Bordered,
.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col > div.Bordered {
  margin-right: 30px;
  margin-left: 30px; }

/* -- 33 33 33 add bottom margin in mobile view -- */
/* -- .Shaded -- 
@media screen and (max-width: 1023px) {
  .Shaded .Rowstart.grid_third.grid_col,
  .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .Shaded
    .Rowstart.grid_third.grid_col
    + .grid_third.grid_col
    + .grid_third.grid_col {
    margin-bottom: 3rem;
  }
}*/
/* -- .Bordered -- 
@media screen and (max-width: 1023px) {
  .Bordered .Rowstart.grid_third.grid_col,
  .Bordered .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .Bordered
    .Rowstart.grid_third.grid_col
    + .grid_third.grid_col
    + .grid_third.grid_col {
    margin-bottom: 3rem;
  }
}*/
/*
@media screen and (max-width: 1023px) {
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_third,
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_third + .grid_third {
    margin-bottom: 3rem;
  }
}*/
/* -- 33 33 33 remove bottom margin from each col within .grid_whole.grid_col if .Bordered or .Shaded in desktop view */
/* -- .Shaded -- */
@media screen and (min-width: 1023px) {
  .grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col,
  .grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0; } }

/* -- .Bordered -- */
@media screen and (min-width: 1023px) {
  .grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col,
  .grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0; } }

/* -- 33 33 33 remove bottom margin from each .Bordered col within .grid_whole.grid_col in desktop view */
@media screen and (min-width: 1023px) {
  .ContentColumn > .grid_whole .grid_third > .Bordered {
    margin-bottom: 0; } }

/* -- 33 33 33 remove bottom margin from last child (.grid_third.grid_col) when stacked in mobile view -- */
/* -- .Shaded -- */
@media screen and (max-width: 1023px) {
  .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0; } }

/* -- .Bordered -- */
@media screen and (max-width: 1023px) {
  .Bordered .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0; } }

/* -- fix issue with three column grid not expanding to 100% when below 480px -- caused by css above -- add to pattern library -- VDC 33123 -- */
@media screen and (max-width: 480px) {
  .ContentColumn.grid_col .Rowstart.grid_whole.grid_col .Rowstart.grid_third.grid_col,
  .ContentColumn.grid_col .Rowstart.grid_whole.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0; } }

/* -- fix issue with three column grid rowstart not expanding to 100% when below 480px without a .Rowstart.grid_whole.grid_col wrapper -- add to pattern library -- VDC 42423 -- */
@media screen and (max-width: 480px) {
  .ContentColumn.grid_col .Rowstart.grid_third.grid_col,
  .ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0; } }

/* -- fix issue with three column column grid -- conflict with sgf main css -- .ContentColumn div>.Rowstart.grid_third:nth-last-child(3) margin: 0 -- Add to pattern library -- VDC 42423 -- */
@media screen and (max-width: 480px) {
  .ContentColumn div > .Rowstart.grid_third:nth-last-child(3) {
    margin-bottom: 3rem; } }

/* -- fix conflict with three column grid conflicting with sgf main css .ContentColumn div>.Rowstart.grid_third:nth-last-child(3) margin: 0 -- */
@media screen and (max-width: 480px) {
  .Rowstart.grid_third.grid_col:nth-of-type(3),
  .Rowstart.grid_third.grid_col:nth-of-type(4),
  .Rowstart.grid_third.grid_col:nth-of-type(5),
  .Rowstart.grid_third.grid_col:nth-of-type(6),
  .Rowstart.grid_third.grid_col:nth-of-type(7),
  .Rowstart.grid_third.grid_col:nth-of-type(8) {
    margin-bottom: 3rem !important; } }

@media screen and (max-width: 480px) {
  main#ContentColumn.grid_twothirds.ContentColumn.grid_col .Rowstart.grid_whole.grid_col .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0 !important;
    margin-right: 0; } }

/* -- 33 33 33 -- .Bordered override default styles to achieve even margins and columns -- VDC 8/8/23 -- */
/* -- no longer needed with flexbox -- VDC 52224 -- 
.Rowstart.grid_whole.grid_col .Bordered {
  box-sizing: border-box;
  max-width: calc(100% - 20px);
}
.ContentColumn
  .Rowstart.grid_whole.grid_col
  > .Bordered
  > .Rowstart.grid_third.grid_col {
  margin-right: 20px;
  max-width: calc(33.3333% - 20px);
}
.ContentColumn
  .Rowstart.grid_whole.grid_col
  > .Bordered
  > .Rowstart.grid_third.grid_col
  > p {
  margin-right: 0;
}
.ContentColumn
  .Rowstart.grid_whole.grid_col
  .Bordered
  .Rowstart.grid_third.grid_col
  + .grid_third.grid_col {
  margin-right: 10px;
  margin-left: 10px;
  max-width: calc(33.3333% - 20px);
}
.ContentColumn
  .Rowstart.grid_whole.grid_col
  > .Bordered
  > .Rowstart.grid_third.grid_col
  + .grid_third.grid_col
  + .grid_third.grid_col {
  margin-left: 20px;
  max-width: calc(33.3333% - 20px);
}
.ContentColumn
  .Rowstart.grid_whole.grid_col
  > .Bordered
  > .Rowstart.grid_third.grid_col
  + .grid_third.grid_col
  + .grid_third.grid_col
  > p {
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    > .Bordered
    > .Rowstart.grid_third.grid_col,
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    .Bordered
    .Rowstart.grid_third.grid_col
    + .grid_third.grid_col,
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    > .Bordered
    > .Rowstart.grid_third.grid_col
    + .grid_third.grid_col
    + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .ContentColumn .Rowstart.grid_whole.grid_col .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    > .Bordered
    > .Rowstart.grid_third.grid_col {
    margin-bottom: 0;
  }
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    > .Bordered
    .Rowstart.grid_third.grid_col
    + .grid_third.grid_col,
  .ContentColumn
    .Rowstart.grid_whole.grid_col
    > .Bordered
    > .Rowstart.grid_third.grid_col
    + .grid_third.grid_col
    + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
}

*/
/* -- 33 33 33 .Shaded override default styles to achieve even margins and columns -- VDC 8/8/23 -- no longer needed -- VDB 529026
.Rowstart.grid_whole.grid_col .Shaded {
  box-sizing: border-box;
  max-width: calc(100% - 20px); }
*/

.ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col {
  margin-right: 20px;
  max-width: calc(33.3333% - 20px); }

.ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col > p {
  margin-right: 0; }

.ContentColumn .Rowstart.grid_whole.grid_col > .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col {
  margin-right: 10px;
  margin-left: 10px;
  max-width: calc(33.3333% - 20px); }

.ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
  margin-left: 20px;
  max-width: calc(33.3333% - 20px); }

.ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col > p {
  margin-left: 0; }

@media screen and (max-width: 1023px) {
  .ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col {
    margin-top: 0; }
  .ContentColumn .Rowstart.grid_whole.grid_col > .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col,
  .ContentColumn .Rowstart.grid_whole.grid_col > .Shaded > .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0;
    margin-top: 30px; } }

/* -- 33 66 -- */
/* -- 33 66 nested in 1 grid col -- */
/* -- .Shaded -- */
main#ContentColumn.grid_twothirds.ContentColumn.grid_col .Rowstart.grid_third.grid_col > div.Shaded,
main#ContentColumn.grid_twothirds.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col > div.Shaded {
  margin-left: 30px;
  margin-right: 30px; }

/* -- .Bordered -- */
main#ContentColumn.grid_twothirds.ContentColumn.grid_col .Rowstart.grid_third.grid_col > div.Bordered,
main#ContentColumn.grid_twothirds.ContentColumn.grid_col .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col > div.Bordered {
  margin-left: 30px;
  margin-right: 30px; }

/* -- 33 66 add bottom margin within 1 grid col .Shaded and .Bordered in mobile view  -- */
/* -- .Shaded -- 
@media screen and (max-width: 1023px) {
  #ContentColumn .Shaded .Rowstart.grid_third.grid_col {
    margin-bottom: 3rem;
  }
}*/
/* -- .Bordered -- 
@media screen and (max-width: 1023px) {
  #ContentColumn .Bordered .Rowstart.grid_third.grid_col {
    margin-bottom: 3rem;
  }
}*/
/* -- 33 66 nested in 1 grid no .Bordered or .Shaded bottom margin -- main sgf not catching the rowstart -- in mobile view -- */
/*@media screen and (max-width: 1023px) {
  .ContentColumn .grid_whole.grid_col .Rowstart.grid_third {
    margin-bottom: 3rem;
  }
}*/
/* -- 33 66 in 1 grid col .Shaded second col not getting left margin in desktop view -- conflict with other migration styles -- .grid_container>.grid_col .Shaded .grid_col>:not(.grid_col):not(.Shaded) -- VDC 8/4/23 -- */
.grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col {
  margin-left: 30px;
  max-width: calc(66.6666% - 30px); }

/* -- 33 66 in 1 grid col .Bordered second col not getting left margin in desktop view -- VDC 9/18/23 -- */
.grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col {
  margin-left: 30px;
  max-width: calc(66.6666% - 30px); }

/* -- 33 66 in 1 grid col .Shaded second col remove left margin in mobile view  -- VDC 8/4/23 -- */
@media screen and (max-width: 1023px) {
  .grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col {
    margin-left: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Shaded .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col {
    margin-left: 0;
    min-width: 100%; } }

/* -- 33 66 .Bordered stacked -- */
@media screen and (max-width: 1023px) {
  .grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col {
    margin-left: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Bordered .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col {
    margin-left: 0;
    min-width: 100%; } }

/* -- 33 66 No treatment stacked -- */
@media screen and (max-width: 1023px) {
  .grid_whole.grid_col .Rowstart.grid_third.grid_col {
    margin-left: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Rowstart.grid_third.grid_col + .grid_twothirds.grid_col {
    margin-left: 0;
    min-width: 100%; } }

/* -- 66 33 -- */
/* -- 66 33 nested in 1 grid col -- */
/* -- .Shaded -- */
/*
.ContentColumn.grid_col .Rowstart.grid_twothirds.grid_col > div.Shaded,
.ContentColumn.grid_col
  .Rowstart.grid_twothirds.grid_col
  + .grid_third.grid_col
  > div.Shaded {
  margin-left: 30px;
  margin-right: 30px;
}*/
.grid_whole.grid_col .Shaded .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col {
  margin-left: 30px;
  max-width: calc(33.3333% - 30px);
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Shaded .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- .Bordered -- */
.ContentColumn.grid_col .Rowstart.grid_twothirds.grid_col > div.Bordered,
.ContentColumn.grid_col .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col > div.Bordered {
  margin-left: 30px;
  margin-right: 30px; }

.grid_whole.grid_col .Bordered .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col {
  margin-left: 30px;
  max-width: calc(33.3333% - 30px);
  margin-bottom: 0; }

.ContentColumn.grid_col .grid_whole.grid_col > .Bordered .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col p {
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box; }

/* -- 66 33 -- remove double margin from last child when stacked -- */
@media screen and (max-width: 1023px) {
  div.Bordered .Rowstart.grid_twothirds.grid_col + .grid_third {
    margin-bottom: 0; }
  div.Shaded .Rowstart.grid_twothirds.grid_col + .grid_third {
    margin-bottom: 0; } }

/* -- 66 33 -- fix margin between col when stacked within 1 col shade, bordered and no treatment -- */
@media screen and (max-width: 1024px) {
  .Rowstart.grid_whole.grid_col .Shaded > .Rowstart.grid_twothirds.grid_col + .grid_third {
    margin-bottom: 0; }
  .grid_whole.grid_col .Bordered .Rowstart.grid_twothirds.grid_col {
    margin-right: 0;
    margin-bottom: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Bordered .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col {
    margin-left: 0;
    max-width: calc(33.3333% - 30px);
    margin-bottom: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Shaded .Rowstart.grid_twothirds.grid_col {
    margin-right: 0;
    margin-bottom: 0;
    min-width: 100%; }
  .grid_whole.grid_col .Shaded .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col {
    margin-left: 0;
    max-width: calc(33.3333% - 30px);
    margin-bottom: 0;
    min-width: 100%; }
  #ContentColumn .Rowstart.grid_twothirds.grid_col {
    min-width: 100%;
    margin-right: 0; }
  #ContentColumn .Rowstart.grid_twothirds.grid_col + .grid_third.grid_col {
    min-width: 100%;
    margin-left: 0; }
  /*
  .Rowstart.grid_whole.grid_col .Bordered > .Rowstart.grid_twothirds.grid_col {
    margin-bottom: 3rem;
  }

   -- 66 33 -- fix margin between divs when stacked -- 
  .Rowstart.grid_whole .Rowstart.grid_twothirds.grid_col {
    margin-bottom: 3rem;
  } */ }

.breadcrumb-new {
  background-color: white;
  margin: 0;
  padding: 0;
  border-top: 1px solid #c2c2c2; }
  @media print {
    .breadcrumb-new {
      display: none; } }
  @media screen and (min-width: 768px) {
    .breadcrumb-new {
      margin: 0; } }
  @media screen and (max-width: 960px) {
    .breadcrumb-new {
      min-width: 1px; } }
  .breadcrumb-new .ancestor::after {
    content: '/';
    margin: 0 0.5rem; }
  .breadcrumb-new .current-page {
    font-weight: 700; }

@media screen and (min-width: 768px) {
  #Breadcrumb {
    color: #5e0009;
    display: block;
    float: none;
    font-size: 0.83333rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width: calc(1440px - 270px);
    padding: 0.75rem 30px;
    text-align: left; }
    #Breadcrumb a {
      color: #5e0009;
      text-decoration: none; }
      #Breadcrumb a:hover {
        text-decoration: underline; } }

@media screen and (max-width: 960px) {
  #Breadcrumb {
    box-sizing: border-box; } }

@media screen and (max-width: 768px) {
  #Breadcrumb {
    display: none; } }

.UnitMastheadWrapper + .breadcrumb-new {
  border-top: 1px solid #c2c2c2; }
  @media screen and (max-width: 768px) {
    .UnitMastheadWrapper + .breadcrumb-new {
      border-top: none; } }

.top-level #Breadcrumb,
.top-level #Breadcrumb a {
  color: #fff; }

.top-level .Breadcrumb {
  border-top-color: #9e666b; }

#Breadcrumb ol {
  list-style: none;
  padding-left: 0; }

#Breadcrumb ol li {
  display: inline-block; }

.footer {
  background-color: #425563;
  color: white; }
  @media print {
    .footer {
      background-color: transparent;
      color: black;
      border-top: 1px solid #c2c2c2;
      border-top-color: #425563; } }
  .footer h2 {
    color: white;
    font-size: 1rem;
    margin-top: 0; }
    @media screen and (max-width: 1024px) {
      .footer h2 {
        text-align: center; } }
    @media print {
      .footer h2 {
        color: black; } }
  .footer a {
    color: white; }
    @media print {
      .footer a {
        color: black; } }
  .footer li {
    font-size: 0.83333rem; }
  .footer .grounding-bars {
    display: block;
    width: 8rem;
    margin: 0 auto 2rem;
    fill: white; }
    @media screen and (max-width: 768px) {
      .footer .grounding-bars {
        width: 4rem; } }
    @media print {
      .footer .grounding-bars {
        fill: #425563; } }
  .footer .wordmark-straight {
    fill: white;
    width: 100%; }
    @media print {
      .footer .wordmark-straight {
        fill: #5e0009; } }
  .footer .headline {
    color: #fff;
    text-transform: none;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 2rem auto;
    text-align: center; }
  .footer .unit-name {
    font-weight: 700; }
  .footer .contact,
  .footer .hashtag,
  .footer .headline,
  .footer .branding,
  .footer .legal {
    padding-left: 30px;
    padding-right: 30px; }
  .footer .branding.default {
    padding: 0;
    height: 1rem;
    background-color: #5e0009; }
    @media print {
      .footer .branding.default {
        display: none; } }
  .footer .branding.MYMS {
    background-color: #5e0009;
    padding: 1rem 0;
    width: 100%; }
    @media print {
      .footer .branding.MYMS {
        background: transparent; } }
    .footer .branding.MYMS img,
    .footer .branding.MYMS a {
      display: block;
      margin: 0 auto;
      max-width: 98%;
      width: 570px; }
    @media print {
      .footer .branding.MYMS .DisplayOnly {
        display: none; } }
  .footer .legal {
    padding: 1rem; }
    .footer .legal span {
      white-space: nowrap; }
    .footer .legal ul {
      margin: 0;
      padding: 0;
      text-align: center;
      vertical-align: top; }
    .footer .legal li {
      display: inline-block;
      margin: 0;
      margin-left: 0.75rem; }
    .footer .legal li:first-child {
      margin-left: 0; }
  .footer .contact {
    display: flex;
    max-width: calc(1440px - 270px);
    margin: 2rem auto; }
    @media screen and (max-width: 1024px) {
      .footer .contact {
        flex-direction: column;
        align-items: center; } }
    .footer .contact .col {
      margin-right: 60px; }
      @media screen and (max-width: 1024px) {
        .footer .contact .col {
          margin-right: 0;
          margin-bottom: 2rem; } }
      .footer .contact .col:last-child {
        margin-right: 0; }
        @media screen and (max-width: 1024px) {
          .footer .contact .col:last-child {
            margin-bottom: 0; } }
  .footer .col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0; }
    @media screen and (max-width: 1024px) {
      .footer .col {
        flex-basis: auto; } }
  .footer .logo {
    display: flex;
    align-items: center; }
    .footer .logo a {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: auto;
      margin: 0 auto; }
    .footer .logo svg {
      display: block;
      width: 16rem; }
  .footer .connect ul,
  .footer .campuses ul {
    list-style-type: none;
    padding-left: 0; }
  .footer .connect li,
  .footer .campuses li {
    margin-bottom: 0.5rem; }
    .footer .connect li:last-child,
    .footer .campuses li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .footer .campuses {
      text-align: center; } }
  .footer .connect li {
    display: flex; }
  .footer .connect .icon {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    width: 16px;
    height: 16px;
    margin-right: 0.75rem; }
  .footer .connect .icon svg {
    display: block;
    fill: white; }
    @media print {
      .footer .connect .icon svg {
        fill: black; } }
  .footer .icon-group {
    display: flex;
    list-style-type: none;
    justify-content: flex-end;
    padding: 0;
    flex-wrap: wrap;
    margin: -1rem; }
    @media screen and (max-width: 1024px) {
      .footer .icon-group {
        justify-content: center; } }
  .footer .social .icon {
    padding: 0;
    margin: 1rem; }
  .footer .social .icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid #c2c2c2;
    border-color: white;
    height: 48px;
    width: 48px;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all 0.2s; }
    @media print {
      .footer .social .icon a {
        border-color: #425563; } }
    .footer .social .icon a:hover {
      background-color: white; }
    .footer .social .icon a:hover svg {
      fill: #425563; }
  .footer .social .icon svg {
    display: block;
    fill: white;
    fill-rule: evenodd; }
    @media print {
      .footer .social .icon svg {
        fill: #425563; } }
  .footer .hashtag {
    font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
    font-size: 1.44rem;
    line-height: 1.5;
    text-align: center;
    margin-top: 2rem; }
  .footer .hashtag a {
    text-decoration: none;
    color: #fff; }
    @media print {
      .footer .hashtag a {
        color: black; } }
    .footer .hashtag a:hover {
      text-decoration: underline; }
    @media print {
      .footer .hashtag a::after {
        content: ''; } }
  @media screen and (-ms-high-contrast: none) {
    .footer .svg-wrapper {
      position: relative;
      height: 0;
      margin: 0 auto; }
    .footer .svg-wrapper svg {
      position: absolute;
      top: 0;
      left: 0; }
    .footer .grounding-bar.svg-wrapper {
      margin-bottom: 2rem; } }
  @media screen and (-ms-high-contrast: none) and (min-width: 768px) {
    .footer .grounding-bar.svg-wrapper {
      width: 8rem;
      padding-bottom: 2.66rem; } }
  @media screen and (-ms-high-contrast: none) and (max-width: 768px) {
    .footer .grounding-bar.svg-wrapper {
      width: 4rem;
      padding-bottom: 1.33rem; } }
  @media screen and (-ms-high-contrast: none) {
    .footer .logo.svg-wrapper {
      width: 16rem;
      padding-bottom: 3.18rem; }
    .footer .social {
      width: 100%; } }
  .footer .PrintOnly ul {
    padding: 0 30px; }

/* css for svg WP footer logo -- VDB 8525 */
.st0 {
  fill: #fff; }

.GlobalNav {
  border-top: 6px solid #c2c2c2;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem; }
  .GlobalNav > :first-child {
    margin-top: 0; }
  .GlobalNav > :last-child {
    margin-bottom: 0; }

.LocalNav {
  margin-bottom: 1.5rem; }
  .LocalNav > :first-child {
    margin-top: 0; }
  .LocalNav > :last-child {
    margin-bottom: 0; }

.MainNav {
  margin-bottom: 0;
  min-height: 10px;
  background-color: #fff;
  /* not needed VDC 32823 // test replacement .grid_inner

  > .grid_col {
    position: relative;
  }

  */ }
  .MainNav h2 {
    font-size: 1rem;
    margin-bottom: 0.5rem; }
  .MainNav ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0.5rem; }
  .MainNav li {
    list-style-type: none;
    margin-bottom: 0.5rem; }
  .MainNav li > a {
    text-decoration: none; }
    .MainNav li > a:hover {
      text-decoration: underline; }
  .MainNav > .SkipNav + .grid_col {
    margin-top: 0; }
  .MainNav .skip-nav .item {
    display: inline-block;
    margin: 0.5rem 0 1rem 0; }
  @media print {
    .MainNav {
      display: none; } }

@media screen and (max-width: 960px) {
  .grid_container .MainNav {
    bottom: 0;
    box-sizing: border-box;
    left: -240px;
    overflow-x: auto;
    padding: 0 0 3rem 0;
    position: absolute;
    top: 50px;
    transition: left 0.6s ease;
    width: 240px;
    z-index: 102; }
    .grid_container .MainNav.Shown {
      left: 0; }
    .grid_container .MainNav > .grid_col {
      z-index: 0; } }

@media screen and (max-width: 768px) {
  .grid_container .MainNav {
    box-sizing: border-box;
    height: 100%;
    left: -240px;
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    top: 0;
    transition: left 0.6s ease;
    width: 240px;
    z-index: 102;
    /* not needed VDC 32823 // test replacement of .grid_inner

    > .grid_col {
      margin: $layout-md $spacing-inner;
      z-index: 0;
    } */ }
    .grid_container .MainNav.Shown {
      left: 0; } }

/*
.Phone #Masthead #MastheadInner > .Logo {
  width: auto;
}
*/
/*
.Phone #Masthead #MastheadInner > .Logo a {
  width: 250px;
}
*/
@media screen and (max-width: 1023px) {
  #Masthead #MastheadInner > .Logo {
    left: 40px;
    position: absolute;
    z-index: 104; } }

/*
.Phone {
  #Masthead #MastheadInner > .Logo {
    width: auto;
    a {
      width: 250px;
      margin-left: 0px;
    }
  }
}
*/
/*
@media screen and (min-width: $large-screen) {
  #Masthead #MastheadInner > .Logo {
    a {
      width: 360px;
    }
  }
}
*/
@media screen and (max-width: 960px) {
  #Masthead #MastheadInner > .Logo a {
    width: 250px; } }

@media print {
  #Masthead,
  #MastheadInner {
    background-color: transparent; } }

.MainNav > .SkipNav {
  margin-top: 0; }

.MainNav > .NavWrapper {
  max-width: calc(1440px - 270px);
  margin: 0 auto;
  padding: 0 2rem 0;
  position: relative; }

#Masthead {
  background-image: none;
  background-color: #5e0009;
  width: 100%;
  color: #fff;
  z-index: 103;
  min-width: 1px;
  /* -- add to move hamburger from left over at breakpoint -- VDC 10/12/23 
  padding-left: 15px;
  position: fixed; -- */ }
  @media print {
    #Masthead {
      background-color: transparent;
      margin-bottom: 3rem; } }
  #Masthead a {
    text-decoration: none;
    /* display: block;
    position: relative; */ }
  #Masthead .utility {
    float: right;
    height: 50px; }
  #Masthead .utility nav {
    float: left;
    margin-left: 0.75rem;
    height: 50px; }
  #Masthead .SkipNav {
    display: block;
    height: 1px;
    left: -1000px;
    outline: 0;
    position: absolute;
    width: 1px; }
  #Masthead .skip-nav,
  #Masthead .skip-nav .item {
    float: left; }
  #Masthead .skip-nav .item {
    color: #fff;
    font-size: 0.83333rem; }
  #Masthead .Logo div {
    margin-left: -25px; }
  #Masthead #MastheadInner > .Logo {
    position: absolute;
    z-index: 104; }
  #Masthead img {
    position: absolute; }

#Masthead #MastheadInner .Logo h1 {
  margin: 13px 10px 13px 10px;
  height: 24px;
  display: block;
  overflow: hidden;
  position: relative; }

@media screen and (max-width: 960px) {
  #Masthead #MastheadInner .Logo h1 {
    position: absolute;
    margin: 13px 10px 13px 10px;
    height: 24px; } }

/* SGF campus masthead - adjust logo container below 481px -- specific width within individual css files*/
@media screen and (max-width: 481px) {
  #Masthead #MastheadInner .Logo h1 {
    position: absolute;
    margin: 13px 10px 13px 10px;
    height: 20px; } }

/* SGF campus masthead - adjust image size within container below 481px */
@media screen and (max-width: 481px) {
  #Masthead #MastheadInner .Logo h1 > img {
    margin-left: -15px;
    width: 150px;
    top: -20px; } }

/* SGF campus masthead - adjust search container below 767 -- change search form to img with dropdown */
@media screen and (max-width: 480px) {
  .SearchMenuDropDown {
    display: inline-block;
    border-left: 1px solid #9e666b;
    overflow: hidden;
    width: 50px;
    height: 50px; }
  /* -- label.magnifyicon is to override forms css -- */
  input[type='checkbox'] + label.magnifyicon {
    margin-left: 0;
    height: 50px;
    width: 50px;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    cursor: pointer; }
  #MastheadControls .Search form {
    margin-top: 50px; }
  #MastheadControls .SearchMenuDropDown input {
    height: 50px;
    position: absolute;
    width: 50px;
    /* visibility: hidden; */
    top: 0;
    border: none; }
  .SearchMenuDropDown span {
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    /*clip-path: inset(10px 3px 15px 10px);*/
    z-index: 1; }
  /* SGF campus masthead siteindex not visible on navbar below 480px */
  nav.Masthead.Navbar #MastheadControls .SiteIndex {
    display: none; }
  /* SGF campus masthead search form not visible on navbar below 480px */
  #MastheadControls .Search {
    display: none !important; } }

/* SGF campus masthead - search menu drop down not visible before screen min 767px */
@media screen and (min-width: 767px) {
  .SearchMenuDropDown {
    display: none; }
  .Search label {
    display: none; } }

/* FND masthead give button and magnify search not visible on screen smaller than 375px */
@media screen and (max-width: 385px) {
  #MastheadControls .NavMenu {
    display: none; } }

/* -- 1024px media screen -- hover only allowed on desktop for BearPassLogin and SiteIndex dropdowns -- additional css within _search-container.scss */
@media screen and (min-width: 1024px) {
  #MastheadControls .BearPass label.keyicon:hover,
  #MastheadControls .SiteIndex label:hover,
  #MastheadControls .NavMenu button:hover {
    color: #fff;
    background-color: #425563;
    height: 50px; }
  #Masthead a:hover {
    text-decoration: underline; } }

/*
@media screen and (max-width: $large-screen) {
  #Masthead #MastheadInner {
    .Logo {
      h1 {
        margin: 13px 10px 13px 10px;
        height: 24px;
        width: 400px;
      }
    }
  }
}
*/
/* -- add back in for sprite logo -- VDC 10/12/23 -- adjust for SPF homepage masthead -- */
#Masthead #MastheadInner .Logo a {
  margin: 13px 10px 13px 10px;
  height: 24px;
  /* width: 201px; causing issues with foundation masthead*/
  display: block;
  overflow: hidden;
  position: relative; }

@media screen and (max-width: 768px) {
  #Masthead .Logo h1 {
    margin: 17px 0 18px 0;
    height: 15px;
    width: 148px; } }

@media (max-width: 767px) {
  #Masthead #MastheadInner .Logo img {
    margin-left: -25px; } }

.Search input[type='image'] {
  border: none; }

/* -- causing issues with UnitMasthead at 1024px -- VDC 10/13/23 -- */
/*
.Phone {
  #Masthead {
    position: fixed;
    ~ #PageInnerWrapper {
      margin-top: 50px;
    }
  }
}
*/
#MastheadControls {
  display: flex;
  margin-left: auto;
  height: 50px;
  /* optional pressed/active -- bearpass login */
  /*
  .NavMenu {
    padding: 0 0.75rem;
  }
  */
  /*
  .BearPass button:hover,
  .SiteIndex button:hover,
  .NavMenu button:hover {
    color: $color-text-invert;
    background-color: $color-neutral;
    height: 50px;
  }
  */
  /*
  .BearPass button.Selected,
  .Search a.Selected,
  .SiteIndex button.Selected,
  .NavMenu button.Selected {
    background-color: $color-neutral;
    color: $color-white;
  } */
  /*
  .Search label {
    text-indent: -500em;
    height: 0;
    position: fixed;
  } */
  /* Troubleshoot SiteIndex and BearPass login buttons at 767px */
  /*

  .Search form {
    box-sizing: border-box;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: $spacing-inner $spacing-inner $spacing-inner $spacing-sm;
    position: relative;
    vertical-align: middle;
    width: 100%;
  }
  */
  /* label {
    color: $color-white;
    height: 0;
    position: absolute;
    width: 0;
  } */
  /* troubleshooting site index and BearPass login button under 767px */
  /*
  .BearPass button,
  .Search a,
  .SiteIndex button,
  .NavMenu button {
    display: block;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
  } */
  /*
  .BearPass button,
  .SiteIndex button,
  .NavMenu button {
    display: table-cell;
    line-height: 20px;
    white-space: nowrap;
    height: 50px;
  } */
  /*
  .Search {
    width: auto;
  } */
  /* .BearPass img {
    @include sprite(
      $sprite-bearpass-top,
      $sprite-bearpass-right,
      $sprite-bearpass-bottom,
      $sprite-bearpass-left
    )
  .SiteIndex img {
    @include sprite(
      $sprite-index-top,
      $sprite-index-right,
      $sprite-index-bottom,
      $sprite-index-left
    );
  } */
  /* adding sprite */
  /* .SearchMenuDropDown img {
    @include sprite(
      $sprite-search-top,
      $sprite-search-right,
      $sprite-search-bottom,
      $sprite-search-left
    );
  }
  .SiteIndex span {
    height: 17px;
    width: 30px;
  } */
  /* -- not working as expected
  .Search > form {
    height: 50px;
    visibility: hidden;
    width: 50px;
  } -- */ }
  #MastheadControls a {
    color: #dfccce;
    display: inline-flex;
    font-size: 0.83333rem;
    padding: 0 0.75rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    align-items: center;
    height: 50px; }
  #MastheadControls:hover {
    color: #fff; }
  #MastheadControls button {
    font: inherit;
    margin: inherit; }
  #MastheadControls .BearPass,
  #MastheadControls .Search,
  #MastheadControls .SiteIndex {
    display: table-cell;
    vertical-align: middle;
    border-color: #9e666b; }
  #MastheadControls .SiteIndex label,
  #MastheadControls .BearPass label.keyicon {
    background-color: #5e0009;
    border: none;
    color: #dfccce;
    cursor: pointer;
    display: block;
    font-size: 0.83333rem;
    font-weight: 400;
    padding: 0 0.75rem;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0;
    align-items: center;
    display: flex;
    height: 50px;
    overflow: hidden; }
  #MastheadControls #bearpass-toggle:checked + label.keyicon {
    background-color: #425563;
    visibility: visible; }
  #MastheadControls .BearPassLogin input {
    /* color: $color-white; */
    /* font-size: $small-font-size; */
    height: 50px;
    /* line-height: $base-line-height; */
    /* padding: 0; */
    position: absolute;
    width: 60px;
    visibility: hidden; }
  #MastheadControls .SiteIndexDropDown input {
    height: 50px;
    position: absolute;
    width: 45px;
    visibility: hidden; }
  #MastheadControls .Search {
    transition: width 0.25s ease-out;
    width: 175px; }
  #MastheadControls .Search.Focus {
    width: 300px; }
  #MastheadControls #Keywords,
  #MastheadControls #KeywordsDropDown {
    border-radius: 2px;
    border-width: 0;
    box-sizing: border-box;
    color: #0a0a0a;
    font-size: 0.83333rem;
    height: 1.5rem;
    line-height: 1.5;
    margin: 0;
    padding: 0.25rem;
    position: static;
    vertical-align: middle;
    min-width: 100%;
    margin: 10px 10px 10px 0px; }
  #MastheadControls #Keywords:-ms-input-placeholder,
  #MastheadControls #KeywordsDropDown:-ms-input-placeholder {
    color: #666; }
  #MastheadControls .ac-row {
    cursor: pointer;
    padding: 0.75rem; }
  #MastheadControls .ac-highlighted {
    font-weight: 700; }
  #MastheadControls .ac-active {
    background-color: #f0f0f0; }
  @media screen and (max-width: 960px) {
    #MastheadControls {
      /*span {
      display: block;
      height: 20px;
      overflow: hidden;
      position: relative;
      width: 20px;
    } */
      /* img {
      opacity: 0.75;
      position: absolute;
    } */ }
      #MastheadControls .Selected img {
        opacity: 1; } }
  #MastheadControls .BearPass a,
  #MastheadControls .Search a,
  #MastheadControls .SiteIndex a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    width: 100%;
    color: #fff; }
  #MastheadControls .SiteIndex a {
    width: 30px; }
  #MastheadControls .Search a {
    padding: 15px 14px;
    width: 20px; }
  @media screen and (max-width: 768px) {
    #MastheadControls .ac-renderer {
      background: #fff;
      border: 1px solid #c2c2c2;
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
      color: #0a0a0a;
      left: 10px;
      margin-top: 1px;
      position: absolute;
      right: 10px;
      z-index: 999; } }

@media screen and (max-width: 768px) {
  .Search input#Keywords {
    display: inline-block;
    padding: 0 0.75rem;
    margin-left: 0.5rem; } }

#MastheadInner {
  margin: 0 auto;
  position: relative;
  padding: 0 calc(30px - 10px);
  height: 50px; }
  #MastheadInner > .Logo {
    width: auto; }
  @media screen and (min-width: 768px) {
    #MastheadInner {
      max-width: calc(1440px - 250px); } }
  @media screen and (max-width: 960px) {
    #MastheadInner {
      padding: 0; } }
  @media print {
    #MastheadInner {
      padding: 0 30px; }
      #MastheadInner nav {
        display: none; } }

/*
@include phone {
  #MastheadControls a {
    display: none;
  }
}
*/
@media screen and (max-width: 768px) {
  /* .utility {
    width: 50%;
  } */
  #MastheadControls .ac-renderer {
    background: #fff;
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: 0 0 2px;
    rgb: 0, 0, 0/30%;
    box-shadow: 0 0 2px;
    rgb: 0, 0, 0/30%;
    color: #0a0a0a;
    font-size: 0.85rem;
    margin-top: -50px;
    padding: 0.25rem;
    position: absolute;
    right: 0;
    z-index: 999; }
  .ac-active {
    background-color: #f0f0f0; } }

/* troubleshooting Search field at 767px -- updated this from phone */
@media (min-width: 768px) {
  .Search input#Keywords,
  .Search input#KeywordsDropDown {
    display: inline-block;
    padding: 0 0.75rem;
    margin-left: 0.5rem;
    height: 50px; } }

.Search form {
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  align-items: center;
  display: flex; }

@media (max-width: 1023px) {
  #MastheadControls .BearPass,
  #MastheadControls .Search,
  #MastheadControls .SiteIndex {
    vertical-align: top; } }

@media (min-width: 768px) {
  #Masthead .Logo img {
    top: 0;
    left: -25px; } }

.Logo div h1 img {
  width: 100%; }

/*
#Masthead .Logo {
  width: 100%;
} */
/*
#Masthead a:hover {
  text-decoration: underline;
}
*/
/* updated from #Masthead .Logo h1 a */
@media screen and (min-width: 1024px) {
  #Masthead #MastheadInner .Logo h1 a {
    /* margin: 13px 10px 13px 0px;
    height: 24;
    width: 100%;
    position: absolute; */
    left: 0;
    margin-left: 0;
    overflow: visible; } }

#MastheadControls .BearPass,
#MastheadControls .SiteIndex,
#MastheadControls .Search {
  height: 50px;
  display: table-cell; }

#Masthead .Logo {
  top: 0; }

/* -- 645px media screen -- */
/*
@media screen and (max-width: 645px) {
  #MastheadControls .BearPass,
  #MastheadControls .SiteIndex,
  #MastheadControls .Search {
    visibility: hidden;
  }
} */
/* -- 425px media screen -- 
@media screen and (max-width: 425px) {
  #Masthead .Logo img {
    display: none;
  }
} */
/* -- 767px media screen -- */
@media screen and (max-width: 767px) {
  /* #Masthead .Logo img {
    /* had to adjust 10/3/23 -- 
    top: 10px;
    left: 45px;
  } */
  input#Keywords,
  input#KeywordsDropDown {
    height: 55px; }
  .hero:first-child {
    margin-top: 0 rem; }
  /*
  #Masthead .utility {
    float: right;
    margin-top: -55px;
  }
  */
  ul li.drop-down:first-child {
    margin-top: 0; } }

/* -- 767px media screen -- */
@media screen and (max-width: 767px) {
  .grid_container.MainContent {
    margin-top: 0; } }

/* -- 768px media screen -- */
@media screen and (min-width: 768px) {
  /*
  #Masthead .Logo img {
    left: 0px;
  } */
  #Masthead .Logo > h1 > a > img {
    top: -2px;
    left: 0; } }

/* -- hide hamburger until 1023px breakpoint */
@media screen and (min-width: 1023px) {
  .menu-button-container {
    display: none; } }

/* -- hide logo when screen is below 320px -- */
@media screen and (max-width: 320px) {
  #Masthead #MastheadInner > .Logo {
    display: none; } }

/*
@media screen and (min-width: 768px) {
  #Masthead .Logo {
    width: 217px;
  }
} */
/* added this below to hide the search box at breakpoint*/
@media screen and (max-width: 1023px) {
  #Masthead .Logo h1 a {
    margin: 13px 10px 13px 0px;
    height: 24;
    width: 100%;
    position: absolute;
    /* altered left for smaller hamburger */
    left: 45px;
    overflow: visible; } }

/* BearPass image at 590px */
@media screen and (max-width: 590px) {
  #MastheadControls .BearPass label.keyicon img {
    height: 160px;
    width: auto;
    top: -56px;
    left: -25px;
    display: inline-block;
    opacity: 0.75;
    z-index: 15;
    clip-path: inset(70px 20px 68px 0px); }
  #MastheadControls .BearPass label.keyicon p.BPLogin {
    visibility: hidden;
    margin-bottom: 0; } }

/* hide key image once reach 590px */
@media screen and (min-width: 590px) {
  #MastheadControls .BearPass label.keyicon img {
    visibility: hidden; } }

/* hide log in content until reach 591px */
@media screen and (max-width: 591px) {
  div.BPlogin {
    visibility: hidden; } }

.SearchContainer {
  background-color: #425563;
  height: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 50px;
  right: 0;
  /* text-align: justify; */ }

#Keywords {
  margin: 0 0.75rem 0 auto; }

/* -- restructure .SearchContainer is AFTER .BearPassLogin and .SiteIndex -- VDC 12/13/23 -- */
/* desktop tablet = min-width: 768px */
@media screen and (min-width: 768px) {
  .SearchContainer {
    top: 50px; }
  .SiteIndex .SearchContainer #SiteIndexMenu,
  .BearPassLogin .SearchContainer #BearPassMenu {
    margin: 0 auto;
    /* width: calc(1440px - 246px); if width is on container, text won't wrap -- desktop tablet is 768px */ } }

/* desktop = max-width: 960px */
@media screen and (max-width: 960px) {
  .SiteIndex .SearchContainer,
  .BearPassLogin .SearchContainer {
    display: block;
    margin: 0 auto;
    right: auto;
    width: 100%;
    top: 50px; } }

/* laptop = max-width: 1024px */
/*
@include laptop {
  .SearchContainer {
    position: fixed;
  }
  .BearPassLogin .SearchContainer a,
  .SiteIndex .SearchContainer a {
    color: $color-text-invert;
    text-decoration: none;
    font-size: $small-font-size;
    display: inline-block;
    padding: $spacing-sm;
    &:hover {
      text-decoration: underline;
    }
  }
  .BearPassLogin .SearchContainer ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .BearPassLogin .SearchContainer li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .SiteIndex .SearchContainer {
    display: block;
  }
  .SiteIndex::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
  }
  .SiteIndex .SearchContainer a {
    text-align: center;
    text-transform: uppercase;
    width: 0.5em;
  }
}
*/
/* -- added this for login buttons added to HTML -- VDC 12/12/23-- */
.BearPassLogin .SearchContainer a,
.SiteIndex .SearchContainer a {
  color: #fff;
  text-decoration: none;
  font-size: 0.83333rem;
  display: inline-block;
  /* padding: 0.75rem; */
  width: 100%; }

.SearchContainer #BearPassMenu a:hover,
.SearchContainer #SiteIndexMenu a:hover {
  text-decoration: underline; }

.BearPassLogin .SearchContainer ul,
.SiteIndexDropDown .SearchContainer ul {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.BearPassLogin .SearchContainer li,
.SiteIndexDropDown .SearchContainer li {
  display: inline-block;
  margin: 0;
  padding: 0; }

.SiteIndex .SearchContainer #SiteIndexMenu,
.BearPassLogin .SearchContainer #BearPassMenu {
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: calc(1440px - 246px); }

.SiteIndex .SearchContainer,
.BearPassLogin .SearchContainer {
  display: block;
  margin: 0 auto;
  /* right: auto;
  width: 100%; */ }

/* -- .SiteIndex button -- */
.SiteIndex {
  display: table-cell;
  vertical-align: middle;
  border-color: #9e666b; }

.SiteIndex .SearchContainer a {
  text-align: center;
  text-transform: uppercase;
  width: 0.5em; }

.SiteIndex::after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  width: 0; }

/* optional pressed/active look when open -- search */
#searchmenu-toggle:checked + label.magnifyicon {
  background-color: #425563;
  display: inline-block;
  visibility: visible; }

/* -- style dropdown container -- */
/* .BearPassLogin {
  position: relative;
  display: inline-block;
} */
/* -- style the checkbox for dropdown -- */
/*
.BearPassLogin label + .SearchContainer,
.SiteIndexDropDown label + .SearchContainer {
  visibility: hidden;
} */
/*
button.IndexControl:active,
button.IndexControl:focus,
button.IndexControl:visited {
  background-color: #425563;
  color: #ffffff;
  height: 50px;
} */
/*
.BearPassLogin input:checked + label + .SearchContainer,
.BearPassLogin label:active + .SearchContainer {
  display: block;
} */
/*
@media screen and (min-width: 1023px) {
  .BearPassLogin label:focus + .SearchContainer,
  .BearPassLogin label:active + .SearchContainer {
    display: block;
    transition: height 1s ease-out, visibility 1s linear;
    visibility: visible;
    height: 50px;
    overflow: visible;
  }
}
*/
/* adjust height of .SearchContainer for BearPassLogin on 480px screen */
/*
@media screen and (max-width: 480px) {
  .BearPassLogin label:focus + .SearchContainer,
  .BearPassLogin label:active + .SearchContainer {
    height: 100px;
  }
}
*/
/* .SiteIndexDropDown {
  position: relative;
  display: inline-block;
} */
/*
.SiteIndexDropDown input:checked + label + .SearchContainer,
.SiteIndexDropDown label:active + .SearchContainer {
  display: block;
} */
/* 1023px media screen -- Sgf campus masthead -- BearPassLogin and SiteIndex button role for mobile 
@media screen and (max-width: 1023px) {
  .drop-down > label,
  .drop-down > a[role='button'] {
    display: inline-block;
  }
  .drop-down > input[type='checkbox']:checked ~ ul.sub-menu {
    display: contents;
  }
} */
/* 1023px media screen -- Sgf campus masthead -- BearPassLogin and SiteIndex button role for mobile */
/* when checked on mobile - .SearchContainer and #BearPassMenu will be visible */
@media screen and (max-width: 1023px) {
  /* checkbox hack by default */
  input#bearpass-toggle ~ .SearchContainer,
  input#siteindex-toggle ~ .SearchContainer,
  input#searchmenu-toggle ~ .SearchContainer {
    display: none; }
  /* checkbox hack when label is clicked */
  #MastheadControls input#bearpass-toggle:checked ~ .SearchContainer,
  #MastheadControls input#siteindex-toggle:checked ~ .SearchContainer,
  #MastheadControls input#searchmenu-toggle:checked ~ .SearchContainer {
    display: flex;
    transition: transform 400ms;
    visibility: visible;
    height: auto;
    overflow: visible;
    z-index: 7;
    /* check this */ }
  input#searchmenu-toggle {
    visibility: hidden;
    width: 50px;
    height: 50px; }
  #MastheadControls input#searchmenu-toggle:checked .Search ~ .SearchContainer {
    height: 50px;
    display: contents; }
  input#siteindex-toggle:checked + label,
  input#bearpass-toggle:checked + label,
  #searchmenu-toggle:checked + label.magnifyicon {
    background-color: #425563;
    color: #fff;
    /* height: 50px;
    width: 50px; */
    display: flex;
    align-items: center; }
  /* enlarge checkbox */
  input#checkbox_toggle {
    height: 50px;
    width: 60px; }
  .SearchMenuDropDown .SearchContainer form {
    margin-left: 10px;
    margin-right: 10px;
    width: 100%; }
  /* Search button -- positioning of img (magnifyglass) 
  .SearchMenuDropDown span {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    overflow: hidden;
  } */
  /*
  .BearPassLogin > input[type='checkbox']:checked ~ .SearchContainer {
    display: contents;
    visibility: visible;
  }
  .BearPassLogin > input[type='checkbox']:checked .SearchContainer {
    display: contents;
    visibility: visible;
  } */
  /* input#bearpassToggle label:checked ~ .SearchContainer {
    display: contents;
    display: block;
    visibility: visible;
  }
  #bearpassToggle:checked ~ .SearchContainer {
    display: block;
    display: contents;
    visibility: visible;
  } */ }

@media screen and (max-width: 1023) {
  .SiteIndex .SearchContainer #SiteIndexMenu,
  .BearPassLogin .SearchContainer #BearPassMenu {
    padding-right: 20px;
    padding-left: 20px; } }

/* -- magnify glass appears under 590px -- */
@media screen and (max-width: 590px) {
  #Masthead .SearchMenuDropDown img {
    height: 160px;
    width: auto;
    top: -56px;
    left: -140px;
    display: inline-block;
    opacity: 0.75;
    z-index: 15;
    clip-path: inset(70px 20px 68px 0px); }
  .SearchContainer form label {
    display: none; } }

/* -- magnify glass disappears between 481px and 767px -- */
@media screen and (min-width: 481px) and (max-width: 767px) {
  #Masthead .SearchMenuDropDown img {
    display: none; }
  .SearchMenuDropDown {
    display: none; }
  /* will need to make sure this is accessible */
  .Search label {
    display: none; } }

/* -- magnify glass sizing -- */
@media screen and (max-width: 480px) {
  .SearchMenuDropDown span {
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    clip-path: inset(10px 3px 15px 10px);
    z-index: 1; } }

/* -- 1024px media screen -- hover only allowed on desktop for BearPassLogin and SiteIndex dropdowns -- additional css within _masthead.scss */
@media screen and (min-width: 1024px) {
  #MastheadControls .BearPass label:hover .SearchContainer,
  #MastheadControls .SiteIndex label:hover .SearchContainer,
  #MastheadControls .NavMenu button:hover .SearchContainer {
    display: block; }
  .BearPassLogin label:hover + .SearchContainer,
  .SiteIndexDropDown label:hover + .SearchContainer,
  .SearchContainer:hover {
    display: block;
    transition: transform 400ms;
    visibility: visible;
    height: auto;
    overflow: visible;
    z-index: 5; }
  button.IndexControl:hover {
    background-color: #425563;
    color: #fff;
    height: 50px; }
  .BearPassLogin .SearchContainer a:hover,
  .SiteIndex .SearchContainer a:hover {
    text-decoration: underline; }
  /* .SearchContainer #BearPassMenu:hover {
    display: contents;
  } */ }

/* 
.SiteIndexDropDown label:focus + .SearchContainer,
.SiteIndexDropDown label:active + .SearchContainer {
  display: block;
  transition: height 0.25s ease-out, visibility 0s linear;
  visibility: visible;
  height: 50px;
  overflow: visible;
}
*/
/* adjust height of .SearchContainer for SiteIndexDropDown on 768px screen */
/*
@media screen and (max-width: 768px) {
  .SiteIndexDropDown label:focus + .SearchContainer,
  .SiteIndexDropDown label:active + .SearchContainer {
    height: 100px;
  }
}
*/
input[type='checkbox'] {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0; }

/*
@media screen and (min-width: 768px) {
  .SiteIndex .SearchContainer ul,
  .BearPassLogin .SearchContainer ul {
    margin: 0 auto;
    width: calc(1440px - 246px);
  }
} */
@media screen and (min-width: 1024px) {
  .SiteIndex .SearchContainer #SiteIndexMenu,
  .BearPassLogin .SearchContainer #BearPassMenu {
    /* margin-top: 12px; */
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    width: calc(1440px - 246px); } }

/* -- conflict with forms.scss input[type='checkbox'] + label margin-left: .5rem -- VDC 12/13/23 -- */
.BearPassLogin input[type='checkbox'] + label {
  margin-left: 0; }

.SiteIndexDropDown input[type='checkbox'] + label {
  margin-left: 0; }

/* force content in dropdown to wrap if needed testing */
/*
.SearchContainer #BearPassMenu {
  background-color: $color-neutral;
  max-width: calc(1440px - 270px);
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
} 
.SearchContainer #BearPassMenu li {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
} */
/* -- conflict with @media screen and (min-width: 768px) #MastheadControls input -- VDC 12/13/23 -- */
/*
.Phone {
  .SearchContainer {
    position: fixed;
    top: 50px;
    > form {
      display: block;
      position: relative;
      margin: 10px auto 11px;
      width: calc(100% - 1rem);
    }
    label {
      color: $color-white;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
    }
    input[type='image'] {
      color: $color-white;
      display: inline;
      height: 1px;
      padding: 0;
      position: absolute;
      width: 1px;
      border: none;
    }
    #Keywords {
      border-radius: $border-radius;
      border-width: 0;
      display: block;
      font-size: $small-font-size;
      line-height: $base-line-height;
      padding: $spacing-2xs;
      @include phone {
        font-size: $base-font-size;
        line-height: 1;
      }
    }
    .ac-renderer {
      background: $color-background;
      border: $border;
      box-shadow: $box-shadow;
      color: $color-text;
      margin-top: 1px;
      position: absolute;
      right: 0;
      width: 286px;
      z-index: 999;
    }
    .ac-row {
      cursor: pointer;
      padding: $spacing-sm;
    }
    .ac-highlighted {
      font-weight: 700;
    }
    .ac-active {
      background-color: $color-background-shade;
    }
    > .BearPassLogin li {
      display: block;
    }
  }
}
*/
/*
.submenu {
  background-color: $color-neutral;
  max-width: calc(1440px - 270px);
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
}
.submenu li {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
*/
.UnitMastheadWrapper {
  background-color: #fff;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .UnitMastheadWrapper {
      margin: 0;
      max-width: none; } }
  .UnitMastheadWrapper ~ #PageInnerWrapper .hero .container {
    margin-top: 0; }

.UnitMasthead {
  display: flex;
  margin: 0 auto;
  justify-content: left;
  padding: 1rem 30px;
  width: calc(100% - 60px);
  height: 100%; }
  @media screen and (min-width: 768px) {
    .UnitMasthead {
      height: auto;
      max-width: calc(1440px - 270px);
      width: 100%;
      height: 100%; } }
  @media screen and (max-width: 768px) {
    .UnitMasthead {
      height: auto;
      justify-content: center;
      width: calc(100% - 60px); } }
  @media print {
    .UnitMasthead {
      display: block;
      height: auto;
      border-bottom: 1px solid #c2c2c2; } }
  .UnitMasthead .SiteTitle,
  .UnitMasthead .SiteTitle h1 {
    font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    color: #5e0009; }
    @media screen and (min-width: 768px) {
      .UnitMasthead .SiteTitle,
      .UnitMasthead .SiteTitle h1 {
        font-size: 1.728rem;
        line-height: 1.2; } }
    @media screen and (max-width: 768px) {
      .UnitMasthead .SiteTitle,
      .UnitMasthead .SiteTitle h1 {
        font-size: 1.44rem;
        line-height: 1.2;
        text-align: center; } }
    @media print {
      .UnitMasthead .SiteTitle,
      .UnitMasthead .SiteTitle h1 {
        font-size: 2.98598rem;
        line-height: 1.2; } }
  .UnitMasthead .SiteTitle h1 {
    margin: 0; }
  .UnitMasthead .SiteTitle a {
    text-decoration: none; }
    .UnitMasthead .SiteTitle a:hover {
      border-bottom: 1px solid;
      text-decoration: none; }
  .UnitMasthead .SiteTitle p {
    display: inline; }
  .UnitMasthead .SiteTitle img {
    display: block; }
    @media screen and (min-width: 768px) {
      .UnitMasthead .SiteTitle img {
        height: auto;
        max-height: 60px;
        max-width: 300px;
        width: auto; } }
    @media screen and (max-width: 768px) {
      .UnitMasthead .SiteTitle img {
        height: auto;
        max-height: 40px;
        max-width: 200px;
        width: auto; } }
    @media print {
      .UnitMasthead .SiteTitle img {
        height: auto;
        max-height: 60px;
        max-width: 300px;
        width: auto; } }
  .UnitMasthead .SiteTitle .ParentTitle {
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    margin-bottom: 0.5rem; }
    @media screen and (min-width: 768px) {
      .UnitMasthead .SiteTitle .ParentTitle {
        font-size: 1rem;
        line-height: 1.2; } }
    @media screen and (max-width: 768px) {
      .UnitMasthead .SiteTitle .ParentTitle {
        font-size: 1rem;
        line-height: 1.2; } }
    @media print {
      .UnitMasthead .SiteTitle .ParentTitle {
        font-size: 1rem;
        line-height: 1.2; } }
    @media screen and (min-width: 768px) {
      .UnitMasthead .SiteTitle .ParentTitle img {
        height: auto;
        max-height: 40px;
        max-width: 200px;
        width: auto; } }
    @media screen and (max-width: 768px) {
      .UnitMasthead .SiteTitle .ParentTitle img {
        height: auto;
        max-height: 30px;
        max-width: 150px;
        width: auto; } }

.top-level .UnitMastheadWrapper,
.top-level .UnitMasthead {
  background-color: #7e333a; }

.top-level .UnitMasthead a,
.top-level .UnitMasthead h1 {
  color: #fff; }

/* -- work on styles below -- */
/* -- make site title visible with the new mega menu in homepage masthead -- VDC 9/3/23 -- */
/* @media screen and (min-width: 1023px) {
  div#UnitMasthead {
    margin-top: 55px;
  }
}*/
/*
@media screen and (max-width: px)
#Masthead .Logo img {
    top: 10px;
    left: 45px;
}*/
/* -- hide hamburger with new mega menu in homepage masthead -- VDC 10/9/23 -- */
@media screen and (min-width: 1023px) {
  label.menu-button-container {
    display: none; } }

@media screen and (min-width: 1023px) {
  .UnitMasthead {
    margin-top: 55px; } }

.programs {
  float: left;
  width: 100%;
  clear: both; }
  .programs ul,
  .programs dl {
    padding-left: 0; }
  .programs .card-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -2rem; }
    @media screen and (max-width: 768px) {
      .programs .card-list {
        margin-right: 0; } }
  .programs .card {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.33% - 2rem);
    margin: 0 2rem 2rem 0;
    list-style-type: none;
    /* background-color: $color-background-shade; */
    background-color: white;
    font-size: 0.83333rem;
    line-height: 1.5;
    text-align: left;
    border: none;
    border-radius: 2px;
    padding: 0;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .programs .card {
        flex: 0 0 100%;
        margin-right: 0;
        min-height: 0; } }
    .programs .card a:link {
      text-decoration: none; }
    .programs .card a:hover {
      text-decoration: underline; }
    .programs .card dl {
      margin-top: 0;
      margin-bottom: 0.75rem;
      line-height: 1.5; }
    .programs .card dl:last-of-type {
      margin-bottom: 0; }
    @media screen and (max-width: 768px) {
      .programs .card .header,
      .programs .card .types,
      .programs .card .location {
        min-height: 0; } }
    .programs .card .header,
    .programs .card .meta {
      padding: 0.75rem; }
    .programs .card .header {
      /* min-height: 80px; */
      border-bottom: 1px solid #c2c2c2;
      /* background-color: $color-gray-lighter; */
      /* background-color: $color-neutral; */ }
    .programs .card .program, .programs .card .option, .programs .card .department {
      line-height: 1.2; }
    .programs .card .program {
      display: block;
      margin-top: 0;
      margin-bottom: 0.5rem;
      font-weight: bold;
      font-size: 1rem;
      /* color: $color-gray-dark; */ }
    .programs .card .option {
      /* color: $color-gray-dark; */ }
    .programs .card .types {
      min-height: 80px;
      margin-bottom: 0.75rem; }
      .programs .card .types dt {
        display: none; }
      .programs .card .types dd {
        display: inline-block;
        margin-bottom: 0.5rem; }
    .programs .card .location {
      min-height: 50px;
      border-top: 1px solid #c2c2c2;
      padding-top: 0.75rem; }
    .programs .card .department {
      margin-bottom: 0.5rem; }

.academics-search .searchbox-container {
  margin-bottom: 1rem; }

.academics-search .select2-container .select2-selection--multiple {
  min-height: 0; }

.academics-search .select2-container--default .select2-selection--multiple {
  border: 1px solid #c2c2c2;
  border-radius: 0; }
  .academics-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: transparent; }
    .academics-search .select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove {
      color: #fff; }
  .academics-search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0a0a0a; }

.academics-search .facet-list {
  margin-bottom: 1rem; }
  .academics-search .facet-list ul {
    display: flex;
    list-style: none;
    padding: 0; }
    @media screen and (max-width: 768px) {
      .academics-search .facet-list ul {
        flex-direction: column; } }

.academics-search .facet {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 1rem;
  margin-bottom: 0; }
  @media screen and (max-width: 768px) {
    .academics-search .facet {
      margin-right: 0;
      margin-bottom: 1rem; } }
  @media screen and (max-width: 768px) and (-ms-high-contrast: none) {
    .academics-search .facet {
      flex-basis: auto; } }
  .academics-search .facet:last-child {
    margin-right: 0;
    margin-bottom: 0; }
  .academics-search .facet select {
    text-overflow: ellipsis; }

.academics-search .reset .button, .academics-search .reset .search input[type='submit'], .search .academics-search .reset input[type='submit'],
.academics-search .reset .SiteSearch input[type='submit'], .SiteSearch .academics-search .reset input[type='submit'] {
  margin: 0; }

/* monitor icon for online program accordion */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: normal;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v127/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format("woff2"); }

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.accordion {
  /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */ }
  .accordion .accordion-group {
    list-style-type: none;
    padding-left: 0; }
  .accordion .accordion-item {
    border-top: 1px solid #c2c2c2;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
    .accordion .accordion-item:last-child {
      border-bottom: 1px solid #c2c2c2; }
  .accordion .accordion-heading {
    background-color: transparent;
    border: 0;
    color: #0a0a0a;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 1rem;
    font-size: 0.83333rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    width: 100%; }
    .accordion .accordion-heading:focus, .accordion .accordion-heading:hover {
      background-color: #e4e4e4; }
  .accordion .accordion-title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    display: block;
    /* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8295099/ */
    pointer-events: none; }
  .accordion .accordion-icon,
  .accordion .accordion-icon svg {
    transition: all 250ms cubic-bezier(0.5, 0, 0.1, 1); }
  .accordion .accordion-icon {
    pointer-events: none;
    margin-left: 1rem; }
    @media print {
      .accordion .accordion-icon {
        display: none; } }
  .accordion .accordion-heading[aria-expanded='true'] .accordion-icon svg {
    transform: rotate(-180deg); }
  .accordion .accordion-panel {
    margin: 0;
    padding: 1rem; }
    .accordion .accordion-panel > *:last-child {
      margin-bottom: 0; }
  .accordion .hidden {
    display: none; }
    @media print {
      .accordion .hidden {
        display: block; } }
  .accordion .accordion-panel[hidden] {
    display: none; }

.back-to-top {
  display: none;
  flex-direction: column;
  align-items: center;
  background-color: #5e0009;
  color: white;
  cursor: pointer;
  padding: 0.75rem;
  font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  width: 4rem;
  text-align: center;
  font-size: 0.83333rem;
  line-height: 1;
  transition: all 0.2s;
  border-radius: 0;
  margin: 0;
  box-sizing: content-box;
  box-shadow: 0 0.25rem 0.5em rgba(0, 0, 0, 0.75);
  border: 1px solid #c2c2c2;
  border-color: #af8084; }
  @media screen and (max-width: 768px) {
    .back-to-top {
      width: 100%;
      box-shadow: none;
      border: none;
      box-sizing: border-box; } }
  @media print {
    .back-to-top {
      display: none; } }
  .back-to-top:hover {
    background-color: #eb002b; }
  .back-to-top.active {
    display: flex; }
  .back-to-top .icon {
    margin-bottom: 0.5rem; }
  .back-to-top--bug {
    position: fixed;
    z-index: 1000;
    bottom: 30px;
    right: 30px; }
    @media screen and (max-width: 768px) {
      .back-to-top--bug {
        bottom: 0;
        right: 0;
        position: relative;
        z-index: 0; } }

.back-to-top--bug.shift-up {
  bottom: 90px; }

.back-to-top--bug.shift-left {
  left: 30px; }

@media screen and (max-width: 767px) {
  button.back-to-top--bug.shift-up {
    bottom: 0; }
  button.back-to-top--bug.shift-left {
    left: 0; } }

.FeedReader a.FullLink {
  text-decoration: underline; }

.FeedReader ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0.5rem 0 1.5rem; }

.FeedReader li {
  border-bottom: 1px solid #c2c2c2;
  display: block;
  font-size: 0.83333rem;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0.75rem 0; }

.FeedReader li + li {
  border-top: 0; }

.FeedReader li:first-child {
  border-top: 1px solid #c2c2c2; }

.FeedReader .Date,
.FeedReader .Headline {
  margin-bottom: 0.5rem; }
  .FeedReader .Date:last-child,
  .FeedReader .Headline:last-child {
    margin-bottom: 0; }

.FeedReader .Headline a {
  font-weight: 700;
  text-decoration: none; }
  .FeedReader .Headline a:hover {
    text-decoration: underline; }

.FeedReader .Content {
  overflow: hidden; }

.FeedReader .Media {
  float: right;
  margin: 0 0 0 0.75rem; }

.FeedReader .Media img {
  display: block;
  width: 80px; }

.FeedReader .Media.Standalone {
  float: none;
  margin: 0.75rem 0; }

.FeedReader .Media.Standalone img {
  display: block;
  width: auto; }

.FeedReader .mini .Media {
  float: none;
  margin: 0 0 0.75rem; }

.button, .search input[type='submit'],
.SiteSearch input[type='submit'] {
  background-color: transparent;
  border: 1px solid #c2c2c2;
  border-width: 2px;
  border-color: #eb002b;
  color: #0a0a0a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  line-height: 1;
  margin: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s; }
  .button:link, .search input:link[type='submit'],
  .SiteSearch input:link[type='submit'], .button.link, .search input.link[type='submit'],
  .SiteSearch input.link[type='submit'] {
    color: #0a0a0a; }
  .button:visited, .search input:visited[type='submit'],
  .SiteSearch input:visited[type='submit'], .button.visited, .search input.visited[type='submit'],
  .SiteSearch input.visited[type='submit'] {
    border-color: #a5001e; }
  .button:hover, .search input:hover[type='submit'],
  .SiteSearch input:hover[type='submit'], .button.hover, .search input.hover[type='submit'],
  .SiteSearch input.hover[type='submit'] {
    background-color: #eb002b;
    border-color: #eb002b;
    color: #fff;
    text-decoration: none; }
  .button:active, .search input:active[type='submit'],
  .SiteSearch input:active[type='submit'], .button.active, .search input.active[type='submit'],
  .SiteSearch input.active[type='submit'] {
    border-color: #a5001e; }
  .button:disabled, .search input:disabled[type='submit'],
  .SiteSearch input:disabled[type='submit'] {
    border-color: #c2c2c2;
    pointer-events: none;
    color: #666; }
    .button:disabled:hover, .search input:disabled:hover[type='submit'],
    .SiteSearch input:disabled:hover[type='submit'], .button:disabled.hover, .search input:disabled.hover[type='submit'],
    .SiteSearch input:disabled.hover[type='submit'], .button:disabled:active, .search input:disabled:active[type='submit'],
    .SiteSearch input:disabled:active[type='submit'], .button:disabled.active, .search input:disabled.active[type='submit'],
    .SiteSearch input:disabled.active[type='submit'], .button:disabled:focus, .search input:disabled:focus[type='submit'],
    .SiteSearch input:disabled:focus[type='submit'], .button:disabled.focus, .search input:disabled.focus[type='submit'],
    .SiteSearch input:disabled.focus[type='submit'] {
      border-color: #f0f0f0; }
  .button.focus, .search input.focus[type='submit'],
  .SiteSearch input.focus[type='submit'] {
    outline: 2px dotted #949494;
    outline-offset: 3px;
    z-index: 1000; }
  .button::-moz-focus-inner, .search input[type='submit']::-moz-focus-inner,
  .SiteSearch input[type='submit']::-moz-focus-inner {
    border: 0; }
  .button.secondary, .search input.secondary[type='submit'],
  .SiteSearch input.secondary[type='submit'] {
    padding: 0;
    border: none;
    border-bottom: 1px solid #c2c2c2;
    border-color: #eb002b;
    border-width: 2px;
    display: inline; }
    .button.secondary:visited, .search input.secondary:visited[type='submit'],
    .SiteSearch input.secondary:visited[type='submit'], .button.secondary.visited, .search input.secondary.visited[type='submit'],
    .SiteSearch input.secondary.visited[type='submit'] {
      border-color: #a5001e; }
    .button.secondary:hover, .search input.secondary:hover[type='submit'],
    .SiteSearch input.secondary:hover[type='submit'], .button.secondary.hover, .search input.secondary.hover[type='submit'],
    .SiteSearch input.secondary.hover[type='submit'] {
      color: #eb002b;
      background-color: transparent; }
    .button.secondary:active, .search input.secondary:active[type='submit'],
    .SiteSearch input.secondary:active[type='submit'], .button.secondary.active, .search input.secondary.active[type='submit'],
    .SiteSearch input.secondary.active[type='submit'] {
      border-color: #a5001e; }
    .button.secondary:disabled, .search input.secondary:disabled[type='submit'],
    .SiteSearch input.secondary:disabled[type='submit'] {
      border-color: #c2c2c2;
      pointer-events: none;
      color: #666; }
      .button.secondary:disabled:hover, .search input.secondary:disabled:hover[type='submit'],
      .SiteSearch input.secondary:disabled:hover[type='submit'], .button.secondary:disabled.hover, .search input.secondary:disabled.hover[type='submit'],
      .SiteSearch input.secondary:disabled.hover[type='submit'], .button.secondary:disabled:active, .search input.secondary:disabled:active[type='submit'],
      .SiteSearch input.secondary:disabled:active[type='submit'], .button.secondary:disabled.active, .search input.secondary:disabled.active[type='submit'],
      .SiteSearch input.secondary:disabled.active[type='submit'], .button.secondary:disabled:focus, .search input.secondary:disabled:focus[type='submit'],
      .SiteSearch input.secondary:disabled:focus[type='submit'], .button.secondary:disabled.focus, .search input.secondary:disabled.focus[type='submit'],
      .SiteSearch input.secondary:disabled.focus[type='submit'] {
        border-color: #f0f0f0; }
  .button.large, .search input.large[type='submit'],
  .SiteSearch input.large[type='submit'] {
    font-size: 1.44rem;
    padding: 1rem; }
    @media screen and (max-width: 1024px) {
      .button.large, .search input.large[type='submit'],
      .SiteSearch input.large[type='submit'] {
        font-size: 1rem; } }

.CalendarFeed ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0.5rem 0 1.5rem; }

.CalendarFeed li {
  border-bottom: 1px solid #c2c2c2;
  display: block;
  font-size: 0.83333rem;
  line-height: 1.5;
  list-style: none;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0.75rem 0; }

.CalendarFeed li:first-child {
  border-top: 1px solid #c2c2c2; }

.CalendarFeed a {
  text-decoration: none; }
  @media print {
    .CalendarFeed a[href]::after {
      display: inline;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }
  .CalendarFeed a:hover {
    text-decoration: underline; }

.CalendarFeed li > a,
.CalendarFeed .summary,
.CalendarFeed .date,
.CalendarFeed .time,
.CalendarFeed .location {
  margin-top: 0;
  margin-bottom: 0.5rem; }
  .CalendarFeed li > a:last-child,
  .CalendarFeed .summary:last-child,
  .CalendarFeed .date:last-child,
  .CalendarFeed .time:last-child,
  .CalendarFeed .location:last-child {
    margin-bottom: 0; }

.CalendarFeed li > a {
  font-weight: 700;
  display: block; }

.CalendarFeed a.FullLink {
  text-decoration: underline; }

.CalendarFeed .meta > a > span,
.CalendarFeed .meta > p > span {
  display: block;
  margin-right: 0.5rem; }

.CalendarFeed .meta .content_icon_sprites {
  float: left;
  position: relative;
  top: 2px; }

.CalendarFeed .meta .content_icon_sprites + span {
  display: block;
  margin-left: 1rem; }

.CalendarFeed .meta .content_icon_sprites + span::after {
  clear: both; }

.CalendarFeed .dateTime {
  margin-top: 0.5rem; }

.CalendarFeed .calendar_icon {
  background-position: -13px -25px;
  height: 12px;
  width: 12px; }

.CalendarFeed .location_icon {
  background-position: 0 -38px;
  height: 12px;
  width: 12px; }

.CalendarFeed .time_icon {
  background-position: -26px -51px;
  height: 12px;
  width: 12px; }

.call-to-action::before {
  content: '';
  border: 6px solid #c2c2c2;
  border-color: #0093b2;
  display: block;
  margin: 0 0 1rem;
  width: 4rem; }

.call-to-action .eyebrow {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.83333rem;
  letter-spacing: 0.2rem;
  margin: 1rem 0; }

.call-to-action__eyebrow--image {
  display: block;
  max-height: 4rem;
  max-width: 100%; }
  @media screen and (max-width: 768px) {
    .call-to-action__eyebrow--image {
      max-height: 2rem; } }

@media screen and (max-width: 1024px) {
  .call-to-action .headline {
    font-size: 2.0736rem; } }

.call-to-action .link-container .button, .call-to-action .link-container .search input[type='submit'], .search .call-to-action .link-container input[type='submit'],
.call-to-action .link-container .SiteSearch input[type='submit'], .SiteSearch .call-to-action .link-container input[type='submit'] {
  margin: 0; }

.call-to-action .link-bar {
  margin-top: 1rem; }
  .call-to-action .link-bar > .container {
    margin: -0.5rem;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .call-to-action .link-bar > .container {
        flex-direction: column;
        flex-wrap: nowrap; } }
  .call-to-action .link-bar li {
    margin: 0.5rem; }
  .call-to-action .link-bar .button, .call-to-action .link-bar .search input[type='submit'], .search .call-to-action .link-bar input[type='submit'],
  .call-to-action .link-bar .SiteSearch input[type='submit'], .SiteSearch .call-to-action .link-bar input[type='submit'] {
    margin: 0; }

.centered, .featured-news .call-to-action, .four-column-tout .call-to-action, .hero .call-to-action, .calendar .call-to-action, .statistic .call-to-action, .three-column-tout .call-to-action {
  text-align: center; }
  .centered::before, .featured-news .call-to-action::before, .four-column-tout .call-to-action::before, .hero .call-to-action::before, .calendar .call-to-action::before, .statistic .call-to-action::before, .three-column-tout .call-to-action::before {
    margin-right: auto;
    margin-left: auto; }
  .centered .eyebrow, .featured-news .call-to-action .eyebrow, .four-column-tout .call-to-action .eyebrow, .hero .call-to-action .eyebrow, .calendar .call-to-action .eyebrow, .statistic .call-to-action .eyebrow, .three-column-tout .call-to-action .eyebrow,
  .centered .headline,
  .featured-news .call-to-action .headline,
  .four-column-tout .call-to-action .headline,
  .hero .call-to-action .headline,
  .calendar .call-to-action .headline,
  .statistic .call-to-action .headline,
  .three-column-tout .call-to-action .headline,
  .centered .description,
  .featured-news .call-to-action .description,
  .four-column-tout .call-to-action .description,
  .hero .call-to-action .description,
  .calendar .call-to-action .description,
  .statistic .call-to-action .description,
  .three-column-tout .call-to-action .description {
    text-align: center; }
  .centered .link-bar .container, .featured-news .call-to-action .link-bar .container, .four-column-tout .call-to-action .link-bar .container, .hero .call-to-action .link-bar .container, .calendar .call-to-action .link-bar .container, .statistic .call-to-action .link-bar .container, .three-column-tout .call-to-action .link-bar .container {
    justify-content: center;
    width: auto; }

.campus-map {
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  height: 0;
  box-shadow: 0.75rem 0.75rem #bfced6; }
  .campus-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute; }

.card {
  border: 1px solid #c2c2c2;
  padding: 0.75rem;
  text-align: center; }
  .card .headline {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase; }
  .card .headline::after {
    border: 3px solid #c2c2c2;
    border-color: #eb002b;
    content: '';
    display: block;
    margin: 1rem auto;
    width: 2rem; }
  .card .highlight {
    font-size: 2.98598rem;
    line-height: 1;
    margin-bottom: 1rem;
    margin-top: 0;
    text-transform: uppercase; }

.spotlight-carousel {
  background-color: #0093b2;
  position: relative;
  margin-bottom: 3rem; }
  @media print {
    .spotlight-carousel {
      background-color: transparent; } }
  .spotlight-carousel:last-child {
    margin-bottom: 0; }
  .spotlight-carousel > .container {
    padding-left: 0;
    list-style-type: none;
    max-width: calc(1440px - 270px);
    margin: 0 auto; }
    @media print {
      .spotlight-carousel > .container {
        max-width: 100%; } }
  .spotlight-carousel .slide {
    display: flex;
    justify-content: flex-end;
    position: relative;
    /* @media print {
      flex-direction: column;
    } */ }
    @media screen and (max-width: 768px) {
      .spotlight-carousel .slide {
        flex-direction: column;
        justify-content: flex-start; } }
  .spotlight-carousel .slide > .container {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 33%;
    position: relative;
    margin-top: 2rem;
    margin-bottom: 2rem;
    z-index: 1;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .spotlight-carousel .slide > .container {
        padding: 0; } }
    @media screen and (max-width: 768px) {
      .spotlight-carousel .slide > .container {
        padding: 0 30px 30px;
        float: none;
        margin: 0;
        width: 100%;
        position: relative;
        margin-top: calc(1rem * -5);
        order: 2;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        top: 0;
        left: 0;
        flex-basis: auto; } }
    @media print {
      .spotlight-carousel .slide > .container {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 0;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 60px; } }
  .spotlight-carousel .active {
    display: flex; }
  .spotlight-carousel .inactive {
    display: none; }
  .spotlight-carousel .call-to-action {
    padding: 2rem;
    transition: all 0.2s; }
    @media print {
      .spotlight-carousel .call-to-action {
        padding: 0; } }
  .spotlight-carousel .image-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66%;
    margin-left: -6rem;
    padding-bottom: 66%;
    position: relative;
    overflow: hidden;
    transition: all 0.2s; }
    @media screen and (min-width: 768px) {
      .spotlight-carousel .image-container {
        margin-left: -4rem; } }
    @media screen and (max-width: 768px) {
      .spotlight-carousel .image-container {
        margin-left: 0;
        padding-bottom: 100%;
        flex-basis: 100%; } }
    @media print {
      .spotlight-carousel .image-container {
        padding-bottom: 0;
        flex-grow: 1.25;
        flex-shrink: 0;
        flex-basis: 0;
        margin-left: 0; } }
  .spotlight-carousel .image {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    display: block; }
    @media print {
      .spotlight-carousel .image {
        position: static;
        left: 0;
        top: 0;
        height: auto;
        transform: none;
        width: 100%; } }
  .spotlight-carousel .crop {
    position: relative;
    background: linear-gradient(-405deg, transparent 2rem, white 0);
    height: 100%; }
    @media screen and (max-width: 768px) {
      .spotlight-carousel .crop {
        order: 2; } }
    @media print {
      .spotlight-carousel .crop {
        background: transparent;
        height: auto; } }
  .spotlight-carousel .rotator {
    position: relative; }
    @media screen and (max-width: 768px) {
      .spotlight-carousel .rotator {
        display: inline-flex;
        align-self: flex-end;
        position: static; } }
  .spotlight-carousel .counter {
    text-align: center; }
  @media screen and (max-width: 768px) {
    .spotlight-carousel .arrow.left, .spotlight-carousel .arrow.right {
      position: absolute;
      margin: 0;
      top: calc((-100vw + 6rem) / 2 + 24px); }
    .spotlight-carousel .arrow.left {
      left: 0; }
    .spotlight-carousel .arrow.right {
      right: 0; } }
  @media screen and (max-width: 1024px) {
    .spotlight-carousel.expand {
      width: auto;
      margin-left: calc((60px + 30px) * -1);
      margin-right: calc((60px + 30px) * -1); } }
  @media screen and (max-width: 768px) {
    .spotlight-carousel.expand {
      width: auto;
      margin-left: -30px;
      margin-right: -30px; } }
  @media print {
    .spotlight-carousel.expand {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.chart hr {
  margin: 0; }

.highcharts-title {
  fill: #0a0a0a;
  font-weight: 700;
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  color: #0a0a0a;
  font-size: 1rem; }

.highcharts-anchor {
  fill: #5e0009;
  text-decoration: underline; }

.highcharts-grid-line,
.highcharts-axis-line,
.highcharts-tick {
  stroke: #c2c2c2; }

.highcharts-axis-labels,
.highcharts-axis-title {
  fill: #0a0a0a;
  font-size: 0.83333rem; }

.highcharts-data-label {
  font-size: 1rem; }

.highcharts-data-label text {
  stroke: #fff;
  stroke-width: 3px;
  stroke-miterlimit: 3;
  paint-order: stroke; }
  @media screen and (-ms-high-contrast: none) {
    .highcharts-data-label text {
      stroke-width: 0.75px; } }

.highcharts-subtitle,
.highcharts-credits {
  fill: #666; }

.highcharts-button-symbol {
  stroke: #5e0009; }

.highcharts-credits {
  font-size: 0.69444rem; }

.costs .highcharts-point.highcharts-color-0, .costs .highcharts-point.highcharts-color-1, .costs .highcharts-point.highcharts-color-2, .costs .highcharts-point.highcharts-color-3, .costs .highcharts-point.highcharts-color-4, .costs .highcharts-point.highcharts-color-5, .costs .highcharts-point.highcharts-color-6,
.costs .highcharts-point .highcharts-color-0,
.costs .highcharts-point .highcharts-color-1,
.costs .highcharts-point .highcharts-color-2,
.costs .highcharts-point .highcharts-color-3,
.costs .highcharts-point .highcharts-color-4,
.costs .highcharts-point .highcharts-color-5,
.costs .highcharts-point .highcharts-color-6,
.costs .highcharts-legend-item.highcharts-color-0,
.costs .highcharts-legend-item.highcharts-color-1,
.costs .highcharts-legend-item.highcharts-color-2,
.costs .highcharts-legend-item.highcharts-color-3,
.costs .highcharts-legend-item.highcharts-color-4,
.costs .highcharts-legend-item.highcharts-color-5,
.costs .highcharts-legend-item.highcharts-color-6,
.costs .highcharts-legend-item .highcharts-color-0,
.costs .highcharts-legend-item .highcharts-color-1,
.costs .highcharts-legend-item .highcharts-color-2,
.costs .highcharts-legend-item .highcharts-color-3,
.costs .highcharts-legend-item .highcharts-color-4,
.costs .highcharts-legend-item .highcharts-color-5,
.costs .highcharts-legend-item .highcharts-color-6,
.costs .highcharts-tooltip.highcharts-color-0,
.costs .highcharts-tooltip.highcharts-color-1,
.costs .highcharts-tooltip.highcharts-color-2,
.costs .highcharts-tooltip.highcharts-color-3,
.costs .highcharts-tooltip.highcharts-color-4,
.costs .highcharts-tooltip.highcharts-color-5,
.costs .highcharts-tooltip.highcharts-color-6,
.costs .highcharts-tooltip .highcharts-color-0,
.costs .highcharts-tooltip .highcharts-color-1,
.costs .highcharts-tooltip .highcharts-color-2,
.costs .highcharts-tooltip .highcharts-color-3,
.costs .highcharts-tooltip .highcharts-color-4,
.costs .highcharts-tooltip .highcharts-color-5,
.costs .highcharts-tooltip .highcharts-color-6 {
  fill: #425563;
  stroke: #425563; }

.costs .highcharts-data-label text {
  fill: #425563; }

.costs .highcharts-point.highcharts-color-0:nth-child(1) {
  fill: #5e0009;
  stroke: #5e0009; }

.costs .highcharts-data-label:nth-child(1) text {
  fill: #0a0a0a; }

.chart .scholarships #bars-vertical .foreground {
  stroke-width: 1px;
  stroke: #fff; }

.chart .scholarships #bars-vertical .background {
  fill: #af1685; }

.chart .scholarships #dots .foreground {
  fill: #fff; }

.chart .scholarships #dots .background {
  fill: #eb002b; }

.chart .scholarships .highcharts-point.highcharts-color-0,
.chart .scholarships .highcharts-legend-item.highcharts-color-0,
.chart .scholarships .highcharts-tooltip.highcharts-color-0 {
  fill: url(#bars-vertical);
  stroke: #af1685; }

.chart .scholarships .highcharts-point.highcharts-color-1,
.chart .scholarships .highcharts-legend-item.highcharts-color-1,
.chart .scholarships .highcharts-tooltip.highcharts-color-1 {
  fill: #0093b2;
  stroke: #0093b2; }

.chart .scholarships .highcharts-point.highcharts-color-2,
.chart .scholarships .highcharts-legend-item.highcharts-color-2,
.chart .scholarships .highcharts-tooltip.highcharts-color-2 {
  fill: url(#dots);
  stroke: #eb002b; }

.chart .scholarships .highcharts-plot-background {
  fill: #f0f0f0; }

.chart .scholarships .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #fff; }

.highcharts-background,
.highcharts-contextbutton {
  fill: transparent; }

.contact-info > .container {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .contact-info > .container {
      flex-direction: column;
      padding: 0; } }

.contact-info .item {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px; }
  @media screen and (max-width: 1024px) {
    .contact-info .item {
      margin-right: 0;
      margin-bottom: 3rem; } }
  @media screen and (max-width: 768px) {
    .contact-info .item {
      margin-right: 0;
      margin-bottom: 3rem; } }
  .contact-info .item:last-child {
    margin-right: 0; }

.contact-info.flip .item:first-child {
  order: 2;
  margin-right: 0; }
  @media screen and (max-width: 768px) {
    .contact-info.flip .item:first-child {
      order: 1; } }

.contact-info.flip .item:last-child {
  margin-right: 60px; }
  @media screen and (max-width: 768px) {
    .contact-info.flip .item:last-child {
      margin-right: 0;
      order: 2; } }

.contact-info .key {
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  margin-bottom: 0;
  font-size: 1.44rem; }

.ContentBlock {
  margin-bottom: 3rem; }
  .ContentBlock:last-child {
    margin-bottom: 0; }
  .ContentBlock > :first-child {
    margin-top: 0; }
  .ContentBlock > :last-child {
    margin-bottom: 0; }

.cookie-banner,
.cookie-settings {
  display: none;
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: #fff;
  color: #0a0a0a;
  padding: 30px;
  text-align: Left;
  z-index: 1;
  border-top: 12px solid #0a0a0a;
  border-left: 1px solid #0a0a0a;
  border-right: 1px solid #0a0a0a;
  max-width: calc(1440px - 330px);
  right: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: -95px; }

.cookie-banner p {
  width: 75%;
  float: left;
  color: #5e0009; }

a.policy-link:hover {
  color: #eb002b; }

a.policy-link:visited {
  color: #420006; }

button#accept-all {
  float: right;
  border-color: #eb002b;
  font-family: alternate-gothic-no-3-d, 'Helvetica Neue Condensed', 'Arial Narrow', Impact, sans-serif;
  text-transform: uppercase;
  background-color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.5rem 1rem;
  border-style: solid; }

button#accept-all:hover {
  background-color: #eb002b;
  color: #fff; }

button#accept-all:focus {
  outline: 2px dotted #949494;
  outline-offset: 3px;
  z-index: 1000; }

@media screen and (max-width: 1040px) {
  .cookie-banner {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  button#accept-all {
    float: left;
    margin-left: 1.5rem;
    margin-right: 1.5rem; } }

@media screen and (max-width: 425px) {
  button#accept-all {
    margin-left: 0;
    margin-right: 0; } }

#tooltip,
#CourseInfoTooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #c2c2c2;
  background-color: #f0f0f0;
  padding: 1rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  margin-right: 10px; }
  #tooltip h3,
  #CourseInfoTooltip h3 {
    margin-top: 0; }
  #tooltip .HoursOffering,
  #tooltip .Rotation,
  #CourseInfoTooltip .HoursOffering,
  #CourseInfoTooltip .Rotation {
    font-size: 0.83333rem; }
  #tooltip .Label,
  #CourseInfoTooltip .Label {
    font-weight: bold;
    padding-left: 10px;
    display: inline-block; }
  #tooltip .Label:first-child,
  #CourseInfoTooltip .Label:first-child {
    padding-left: 0; }

.course .list {
  list-style-type: none;
  padding-left: 0; }

.course .item {
  margin-bottom: 4rem; }
  .course .item:last-of-type {
    margin-bottom: 0; }

.course .header {
  margin-bottom: 1rem; }

.course .description,
.course .supporting-text {
  margin-bottom: 1rem; }

.course .supporting-text {
  color: #666;
  font-size: 0.83333rem; }

.course .supporting-text div {
  margin-bottom: 0.5rem; }

.course .supporting-text span {
  font-weight: 700; }

@media print {
  .course .supporting-text a[href]::after {
    display: inline;
    content: " (" attr(href) ")";
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    font-size: 0.83333rem;
    font-weight: 400;
    word-wrap: break-word;
    color: #666;
    text-decoration: none;
    text-transform: none; } }

.course table {
  table-layout: fixed; }

.course .actions {
  margin: 1rem 0;
  display: flex; }

.course .image-text.horizontal {
  display: flex;
  align-items: center; }

.course .image-text .image {
  margin-right: 1rem; }

.course .image-text .image img {
  display: block; }

.DegreeDesignation {
  margin-bottom: 1rem; }

.facebook {
  text-align: center; }

.featured-content > .container {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .featured-content > .container {
      flex-direction: column; } }

.featured-content .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px; }
  @media screen and (max-width: 1024px) {
    .featured-content .col {
      margin-right: 0;
      flex-basis: auto;
      order: 2; } }
  .featured-content .col:last-child {
    flex-grow: 1.25;
    flex-shrink: 0;
    flex-basis: 0;
    margin-right: 0;
    margin-bottom: 0; }
    @media screen and (max-width: 1024px) {
      .featured-content .col:last-child {
        flex-basis: auto;
        order: 1;
        margin-bottom: 2rem; } }

.featured-content.flip .col:first-child {
  order: 2;
  margin-right: 0; }

.featured-content.flip .col:last-child {
  margin-right: 60px; }
  @media screen and (max-width: 1024px) {
    .featured-content.flip .col:last-child {
      margin-right: 0; } }

.featured-content.flip .feature-image-container::after {
  left: 0; }

@media not print {
  .featured-content.shaded {
    background-color: #5e0009;
    padding: 3rem; } }

@media screen and (max-width: 768px) {
  .featured-content.shaded {
    padding: 30px 0; } }

@media not print {
  .featured-content.shaded .eyebrow,
  .featured-content.shaded .headline,
  .featured-content.shaded .description,
  .featured-content.shaded .button,
  .featured-content.shaded .search input[type='submit'],
  .search .featured-content.shaded input[type='submit'],
  .featured-content.shaded .SiteSearch input[type='submit'],
  .SiteSearch .featured-content.shaded input[type='submit'] {
    color: white; } }

.featured-content.shaded > .container {
  margin: 0 auto;
  max-width: calc(1440px - 270px); }
  @media screen and (max-width: 1024px) {
    .featured-content.shaded > .container {
      max-width: calc( 100% - (60px + 30px) * 2); } }
  @media screen and (max-width: 768px) {
    .featured-content.shaded > .container {
      padding: 0 30px;
      max-width: 100%; } }

@media not print {
  .featured-content.shaded .feature-image-container {
    box-shadow: 0.75rem 0.75rem #2f0005; } }

@media screen and (max-width: 1024px) {
  .featured-content {
    flex-direction: column; } }

.feature-image-container {
  box-shadow: 0.75rem 0.75rem #bfced6; }
  .feature-image-container .image {
    max-width: 100%;
    display: block; }

.featured-news {
  position: relative; }
  .featured-news .call-to-action {
    margin-bottom: 3rem; }
  .featured-news > .container {
    display: flex;
    text-align: left;
    margin-top: 3rem;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .featured-news > .container {
        display: block;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .featured-news > .container {
        display: block;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw); } }
  .featured-news .feature {
    flex-grow: 1.25;
    flex-shrink: 0;
    flex-basis: 0; }
    @media screen and (max-width: 768px) {
      .featured-news .feature {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: auto; } }
    .featured-news .feature .container {
      text-align: center;
      align-items: center;
      margin-top: 0;
      padding: calc(1rem * 4);
      box-sizing: border-box; }
    .featured-news .feature .headline {
      margin-bottom: 0;
      font-size: 2.0736rem; }
      @media screen and (max-width: 768px) {
        .featured-news .feature .headline {
          font-size: 1.44rem; } }
  .featured-news .featurette {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    margin-left: -2rem; }
    @media screen and (max-width: 1024px) {
      .featured-news .featurette {
        margin: -2rem 2rem 0;
        flex-grow: 0;
        flex-basis: auto; } }
    @media screen and (max-width: 768px) {
      .featured-news .featurette {
        margin: -2rem 1rem 0; } }
  @media screen and (max-width: 768px) {
    .featured-news .four-block .tiles {
      flex-direction: row;
      flex-wrap: wrap; } }

.video {
  background-color: #6ba4b8; }
  .video .container {
    box-shadow: 0.75rem 0.75rem #bfced6;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  .video iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.four-block {
  display: flex; }
  .four-block .tiles {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    flex-shrink: 0;
    flex-basis: 0; }
  .four-block .tile {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 50%; }
    .four-block .tile:hover {
      background-color: #eb002b; }
  @media screen and (max-width: 768px) {
    .four-block .tiles {
      flex-direction: column;
      flex-wrap: nowrap; } }

.four-column-tout .call-to-action {
  margin-bottom: 3rem; }
  .four-column-tout .call-to-action .button:last-child, .four-column-tout .call-to-action .search input:last-child[type='submit'], .search .four-column-tout .call-to-action input:last-child[type='submit'],
  .four-column-tout .call-to-action .SiteSearch input:last-child[type='submit'], .SiteSearch .four-column-tout .call-to-action input:last-child[type='submit'] {
    margin-right: 0; }

.four-column-tout > .container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px;
  margin-bottom: -3rem; }
  @media screen and (max-width: 768px) {
    .four-column-tout > .container {
      flex-direction: column;
      margin-right: 0; } }

.four-column-tout .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(25% - 60px);
  margin-right: 60px;
  margin-bottom: 3rem; }
  @media screen and (max-width: 1024px) {
    .four-column-tout .col {
      flex-basis: calc(33% - 60px); } }
  @media screen and (max-width: 768px) {
    .four-column-tout .col {
      margin-right: 0; } }

.FSFB {
  border-top: 6px solid #c2c2c2;
  padding-top: 0.5rem; }
  .FSFB h2 {
    font-size: 1rem;
    margin-bottom: 0.5rem; }
  .FSFB ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0.5rem; }
  .FSFB li {
    list-style-type: none;
    margin-bottom: 0.5rem; }
  .FSFB li > a {
    display: flex;
    text-decoration: none; }
  .FSFB span {
    vertical-align: middle; }
  .FSFB span:first-child {
    background-image: url(../images/futurestudentsicons.png);
    background-size: 63px 41px;
    height: 20px;
    margin-right: 0.5rem;
    overflow: hidden;
    width: 20px; }
  .FSFB span.future {
    background-position: -21px 0; }
  .FSFB span.info {
    background-position: 0 -21px; }
  .FSFB span.majors {
    background-position: -21px -21px; }
  .FSFB span.campus {
    background-position: 0 0; }
  .FSFB span.apply {
    background-position: -41px 0; }

.hero {
  position: relative; }
  .hero:first-child {
    margin-top: -6rem;
    /*@include phone {
      margin-top: -3rem;
    }*/ }
    @media print {
      .hero:first-child {
        margin-top: 0; } }
  .hero > .container {
    width: 100%;
    padding-bottom: 35%;
    position: relative;
    overflow: hidden;
    background-color: #425563;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .hero > .container {
        padding-bottom: 56.25%; } }
  .hero .image,
  .hero video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: auto; }
    @media screen and (max-width: 1024px) {
      .hero .image,
      .hero video {
        height: 100%;
        width: auto; } }
  .hero .grounding-bars {
    display: block;
    width: 8rem;
    margin: 0 auto;
    fill: #5e0009; }
    @media screen and (max-width: 768px) {
      .hero .grounding-bars {
        width: 4rem; } }
  .hero .cta-container {
    max-width: calc(1440px - 210px);
    display: block;
    margin: 0 auto;
    background: linear-gradient(white 30%, rgba(255, 255, 255, 0));
    padding: 0 1.5rem 1.5rem;
    margin-top: -2rem;
    box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .hero .cta-container {
        width: auto;
        margin-left: 30px;
        margin-right: 30px; } }
    @media print {
      .hero .cta-container {
        margin: 0; } }
  .hero .call-to-action {
    margin-top: 1rem; }
    .hero .call-to-action::before {
      content: none; }
  .hero .description {
    margin: 1rem 0; }
  .hero .link-bar .container {
    margin: 0 -30px;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .hero .link-bar .container {
        align-items: stretch;
        margin: 0; } }
    @media print {
      .hero .link-bar .container {
        margin: 0; } }
  .hero .link-bar li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33% - 60px);
    margin: 0 30px; }
    @media screen and (max-width: 768px) {
      .hero .link-bar li {
        margin: 0 0 1rem;
        flex-basis: auto; } }
    @media screen and (max-width: 768px) {
      .hero .link-bar li:last-child {
        margin-bottom: 0; } }
  .hero .link-bar .button, .hero .link-bar .search input[type='submit'], .search .hero .link-bar input[type='submit'],
  .hero .link-bar .SiteSearch input[type='submit'], .SiteSearch .hero .link-bar input[type='submit'] {
    display: flex;
    font-size: 1.44rem;
    padding: 1rem;
    box-sizing: border-box;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      .hero .link-bar .button, .hero .link-bar .search input[type='submit'], .search .hero .link-bar input[type='submit'],
      .hero .link-bar .SiteSearch input[type='submit'], .SiteSearch .hero .link-bar input[type='submit'] {
        font-size: 1rem; } }
  .hero .video__controls {
    max-width: calc(1440px - 210px);
    width: 100%;
    padding-bottom: 35%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 1024px) {
      .hero .video__controls {
        padding-bottom: 56.25%;
        width: calc(100% - 60px); } }
  .hero .video__button {
    position: absolute;
    margin: 0;
    display: flex;
    bottom: 3rem;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0; }
    @media screen and (-ms-high-contrast: none) {
      .hero .video__button {
        display: none; } }
    .hero .video__button svg {
      fill: white;
      opacity: 0.75; }
    .hero .video__button:hover svg {
      opacity: 1; }
  @media screen and (-ms-high-contrast: none) {
    .hero .svg-wrapper {
      position: relative;
      height: 0;
      margin: 0 auto; }
    .hero .svg-wrapper svg {
      position: absolute;
      top: 0;
      left: 0; } }

@media screen and (-ms-high-contrast: none) and (min-width: 768px) {
  .hero .grounding-bar.svg-wrapper {
    width: 8rem;
    padding-bottom: 2.66rem; } }

@media screen and (-ms-high-contrast: none) and (max-width: 768px) {
  .hero .grounding-bar.svg-wrapper {
    width: 4rem;
    padding-bottom: 1.33rem; } }

div#hero.hero.expand.DynamicContent > .container {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }
  div#hero.hero.expand.DynamicContent > .container > div.cta-container {
    margin-bottom: 2rem; }

.ContentBlock.call-to-action.DynamicContent.cta {
  margin-bottom: 2rem; }

.highlight {
  text-align: center; }
  .highlight .eyebrow {
    text-align: center;
    color: #425563;
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .highlight .value {
    font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
    font-size: 3.58318rem;
    line-height: 1;
    color: #425563;
    margin-bottom: 1rem;
    font-feature-settings: 'lnum'; }
    @media screen and (max-width: 1024px) {
      .highlight .value {
        font-size: 2.0736rem; } }
    .highlight .value::after {
      content: '';
      border: 6px solid #c2c2c2;
      border-color: #bfced6;
      display: block;
      margin: 1rem auto;
      width: 4rem; }
  .highlight .description {
    margin-top: 1rem; }
  .highlight .button, .highlight .search input[type='submit'], .search .highlight input[type='submit'],
  .highlight .SiteSearch input[type='submit'], .SiteSearch .highlight input[type='submit'] {
    display: inline-block;
    margin: 1rem 0 0 0;
    padding: 0;
    border: 0;
    border-bottom: 3px solid #c2c2c2;
    border-color: #eb002b; }
    .highlight .button:hover, .highlight .search input:hover[type='submit'], .search .highlight input:hover[type='submit'],
    .highlight .SiteSearch input:hover[type='submit'], .SiteSearch .highlight input:hover[type='submit'] {
      background-color: transparent;
      color: #eb002b; }

.calendar .call-to-action {
  margin-bottom: 3rem; }
  .calendar .call-to-action .button, .calendar .call-to-action .search input[type='submit'], .search .calendar .call-to-action input[type='submit'],
  .calendar .call-to-action .SiteSearch input[type='submit'], .SiteSearch .calendar .call-to-action input[type='submit'] {
    margin: 0; }

.calendar .highlight .value::after {
  border-color: #bfced6; }

.calendar .container {
  display: flex; }

.calendar .ContentBlock.highlight {
  margin-bottom: 0; }

.calendar .highlight {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  border-right: 1px solid #c2c2c2;
  padding: 1rem; }
  @media screen and (max-width: 768px) {
    .calendar .highlight {
      flex-basis: auto; } }
  .calendar .highlight:last-child {
    border-right: none; }

@media screen and (max-width: 768px) {
  .calendar .container {
    flex-direction: column; }
  .calendar .highlight {
    border-right: none;
    border-bottom: 1px solid #c2c2c2; }
    .calendar .highlight:last-child {
      border-bottom: none; } }

.important-link .eyebrow {
  color: #0a0a0a;
  margin-top: 0;
  font-size: 0.83333rem; }

.important-link .headline {
  text-transform: none;
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0; }

.important-link .container {
  display: flex;
  flex-wrap: wrap; }

.important-link a {
  box-sizing: border-box;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(50% - 60px);
  display: block;
  background-color: white;
  padding: 1rem;
  text-decoration: none;
  transition: all 0.2s;
  min-height: 5rem; }
  @media print {
    .important-link a {
      border: 1px solid #c2c2c2; } }
  @media print {
    .important-link a[href]::after {
      display: block;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }
  .important-link a:nth-child(2n) {
    margin-right: 0; }
  .important-link a:hover {
    background-color: #eb002b;
    color: white; }
  .important-link a:hover .headline,
  .important-link a:hover .eyebrow {
    color: white; }

.Intro,
.Intro p,
.Intro li,
.Intro dt,
.Intro dd {
  font-size: 1.44rem; }

.Intro,
.Intro h2,
.Intro h3,
.Intro h4,
.Intro h5,
.Intro h6 {
  color: #666; }

.Intro p {
  margin: 1.5rem 0 0.25rem; }

.link-bar > .container {
  margin: -0.5rem;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none; }
  @media screen and (max-width: 768px) {
    .link-bar > .container {
      flex-direction: column;
      flex-wrap: nowrap; } }

.link-bar li {
  margin: 0.5rem; }

.link-bar .button, .link-bar .search input[type='submit'], .search .link-bar input[type='submit'],
.link-bar .SiteSearch input[type='submit'], .SiteSearch .link-bar input[type='submit'] {
  margin: 0; }

.loader {
  text-align: center; }
  .loader .image {
    width: 38px; }
  .loader .title {
    margin: 0;
    color: #666;
    font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
    text-transform: uppercase; }

#MSUHome {
  display: none;
  height: 0; }
  #MSUHome + * {
    margin-top: 0; }
  #MSUHome span {
    vertical-align: baseline; }
  @media screen and (max-width: 960px) {
    #MSUHome {
      border-bottom: none;
      display: table;
      height: 29px;
      margin: 0.75rem 0;
      padding: 0;
      width: 100%; }
      #MSUHome > a {
        display: table-cell;
        height: 29px;
        text-decoration: none;
        vertical-align: middle;
        color: #5e0009; }
      #MSUHome > a:hover,
      #MSUHome > a:active {
        text-decoration: underline; } }
  @media screen and (max-width: 768px) {
    #MSUHome {
      border-bottom: none;
      display: table;
      height: 29px;
      width: 100%; }
      #MSUHome > a {
        display: table-cell;
        height: 29px;
        text-decoration: none;
        vertical-align: middle; }
      #MSUHome > a:active,
      #MSUHome > a:hover {
        text-decoration: underline; } }

#NavFader {
  display: none;
  position: fixed; }
  @media screen and (max-width: 960px) {
    #NavFader {
      background-color: #000;
      bottom: 0;
      left: 0;
      min-height: 100%;
      opacity: 0;
      top: 0;
      transition: opacity 0.5s ease-out, width 0s ease-out 0.5s;
      width: 0;
      z-index: 101; }
      #NavFader.Shown {
        display: block;
        opacity: 0.65;
        transition-delay: 0s, 0s;
        width: 100%; } }
  @media screen and (max-width: 768px) {
    #NavFader {
      background-color: #000;
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      transition: opacity 0.5s ease-out, width 0s ease-out 0.5s;
      width: 0;
      z-index: 101; }
      #NavFader.Shown {
        display: block;
        opacity: 0.65;
        transition-delay: 0s, 0s;
        width: 100%; } }

/*this is the styles for the new nav*/
/*added new logo without sprites */
/* -- nav for full width -- Springfield and Foundation -- West Plains variation is within main-wp -- */
.nav-area {
  max-width: calc(1440px - 270px);
  margin-top: -47px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  z-index: 2;
  position: relative; }

/* if nav-area is preceded by alert remove nav-area top margin VDC 1/24/24 */
#MsuAlert + .nav-bar + nav.nav-area ul.menu {
  margin-top: 0px; }

.nav-area ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  /*flex-wrap: wrap;*/ }

.nav-area ul li {
  width: 14.1%; }

.nav-area ul li > ul {
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 999; }

.nav-area ul li > ul li {
  width: 100%; }

nav.nav-area a {
  display: block;
  padding: 10px;
  font: 13.3333px Proxima-Nova, Helvetica, Arial;
  white-space: nowrap;
  /*  border-left: 1px solid #96595f;
  border-width: 0 1px; */ }

ul.menu > li.drop-down > label > a {
  color: #fff; }

.nav-bar {
  height: 55px;
  z-index: 2;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: inline-block; }

ul.sub-menu {
  margin-top: 1px; }

/* -- so nav area and nav bar are visible -- */
#PageOuterWrapper {
  overflow: visible !important; }

/* -- these are the styles for the animated hamburger -- */
.menu-button {
  position: relative;
  float: left;
  top: 24px; }

div#MastheadInner input#menu-toggle {
  visibility: hidden;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 4;
  top: 0; }

.menu-button-container {
  display: block;
  height: 100%;
  width: 50px;
  cursor: pointer; }

header#Masthead input[type='checkbox'] + label,
input[type='radio'] + label {
  margin-left: 0;
  z-index: 10; }

/*-- conflicting style with main.sgf input[type="checkbox"] --*/
li.drop-down > input[type='checkbox'] + label {
  margin-left: 0px;
  width: 100%; }

/*-- move checkbox up and out of the way in desktop view -- */
.drop-down > input[type='checkbox'] {
  position: absolute;
  top: -100vh; }

/*
@media screen and (min-width: 1023px) {
  div#MastheadInner input#menu-toggle {
    visibility: hidden;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 4;
  }
}*/
/* -- 1023px media screen -- needed so hamburger is visible until reached 1024 -- */
@media screen and (max-width: 1023px) {
  /* duplicate
  .menu-button,
  .menu-button::before,
  .menu-button::after {
    display: block;
    background-color: #fff;
    position: absolute;
    height: 4px;
    width: 30px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px;
    vertical-align: middle;
  }
  .menu-button::after {
    content: '';
    margin-top: 8px;
  }*/
  /*
  #PageInnerWrapper {
    margin-top: 0px !important;
  }*/
  nav.nav-area a {
    border-left: none; }
  .nav-bar {
    display: none; }
  ul.sub-menu li {
    background-color: #fff; } }

/*-- conflicting style with main.sgf input[type="checkbox"] --*/
li.drop-down > input[type='checkbox'] + label {
  margin-left: 0px;
  width: 100%; }

/*-- move checkbox up and out of the way in desktop view -- */
.drop-down > input[type='checkbox'] {
  position: absolute;
  top: -100vh; }

/* -- 1024px media screen -- hover only allowed on desktop -- */
@media screen and (min-width: 1024px) {
  .nav-area ul li:hover > ul {
    display: flex; }
  ul.sub-menu > li > a:hover {
    color: #eb002b; }
  .nav-area .drop-down li > a {
    background: #ffffff;
    color: #5e0009; }
  label.menu-button-container {
    position: relative;
    float: left;
    margin-top: 0px; } }

/* -- 1023px media screen -- */
@media screen and (max-width: 1023px) {
  /* added this to hide the search box at breakpoint */
  .nav-area ul.menu li {
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    /* added below to troubleshoot stacking dropdowns 
    display: flex; */ }
  /* remove dropdown from below 1023px */
  /*
  .nav-area ul li:active > ul {
    display: flex;
  }*/
  .nav-area ul.menu {
    width: 100%;
    /* margin-top: 50px;*/
    margin-right: 0;
    margin-left: 0;
    position: absolute;
    /* -- add so menu would be in column -- */
    flex-wrap: wrap;
    z-index: 10; }
  .nav-area ul.menu li {
    border-left: none;
    padding-top: 15px;
    padding-bottom: 15px; }
  .nav-area ul.menu li.drop-down:active {
    background-color: #000000;
    color: #ffffff;
    border-bottom: 0; }
  .nav-area .drop-down li > a:active {
    background: #ffffff;
    color: #5e0009;
    border-bottom: none;
    font-size: 1rem; }
  li.drop-down {
    margin-top: 0px;
    padding: 0px; }
  /*
	ul li.drop-down:first-child {
	margin-top: 0.625rem;
	} */
  .menu-button {
    margin-left: 15px; }
  .menu-button,
  .menu-button::before,
  .menu-button::after {
    display: block;
    background-color: #fff;
    position: absolute;
    height: 3px;
    width: 25px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px; }
  .menu-button::before {
    content: '';
    margin-top: -8px; }
  .menu-button::after {
    content: '';
    margin-top: 8px; }
  #menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg); }
  #menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0); }
  #menu-toggle:checked + .menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg); }
  #MastheadInner {
    padding: 0; }
  #menu-toggle {
    display: none; }
  .nav-area {
    display: none; }
  nav.nav-area a {
    padding-left: 20px; }
  /*
  .nav-bar {
    display: none;
  }*/
  input:checked ~ label ~ .nav-bar ~ .nav-area {
    display: contents; }
  nav.nav-area a {
    display: inline; }
  /* -- enlarge size of font on phone -- */
  ul.menu > li.drop-down > label > a {
    color: #fff;
    font-size: 1rem; }
  /* -- moves checkbox out of the way -- */
  .drop-down > input[type='checkbox'] {
    position: absolute;
    left: -100vw; }
  /* -- main heading as a button -- */
  .drop-down > label,
  .drop-down > a[role='button'] {
    display: inline-block; }
  .drop-down > input[type='checkbox']:checked ~ ul.sub-menu {
    display: contents; }
  .drop-down > label:after,
  .drop-down > a[role='button']:after {
    content: url(https://missouristate.info/ou/_resources/img/Caret12pxDown.png);
    display: inline-block;
    /*margin-left: 6px;*/
    /*float: right; */
    padding-left: 10px; }
  .drop-down > [type='checkbox']:checked + label:after,
  .drop-down > ul:target ~ a:after {
    content: url(https://missouristate.info/ou/_resources/img/Caret12pxUp.png);
    display: inline-block; }
  nav.nav-area a {
    border-left: hidden; }
  ul.sub-menu li {
    background-color: #ffffff; }
  ul.sub-menu li:first-of-type {
    margin-top: 10px; }
  .nav-area ul.menu li a:active {
    background-color: #000000;
    color: #ffffff;
    border-bottom: 0; }
  /*	.nav-area ul li:hover > ul {
	   display:none;
	} 
  .nav-area ul.menu li a:hover {
    display: none;
  }*/
  .nav-area ul.menu li a:active {
    background-color: #000000;
    color: #ffffff;
    border-bottom: 0; }
  .nav-area ul.menu li.drop-down label a:active {
    background-color: #000000;
    color: #ffffff;
    border-bottom: 0; }
  li.drop-down:active {
    background-color: #000; }
  li.drop-down:focus {
    background-color: #000; }
  ul.sub-menu > li:focus {
    background-color: #000;
    color: #fff; }
  ul.sub-menu li a {
    color: #000000;
    padding-right: 20px; } }

.navigation-side {
  background-color: white;
  border-top: 12px solid #c2c2c2;
  border-color: #0093b2; }
  @media screen and (max-width: 1024px) {
    .navigation-side {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
      margin-bottom: 3em;
      /* width: 100%;
    position: relative; 
    top: 0;
    right: 0;
    z-index: 100; */ } }
  @media print {
    .navigation-side {
      display: none; } }
  .navigation-side > .headline,
  .navigation-side > .toggle .headline {
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.2rem; }
    @media screen and (max-width: 1024px) {
      .navigation-side > .headline,
      .navigation-side > .toggle .headline {
        margin: 0; } }
  .navigation-side > .headline {
    margin: 1rem 0;
    padding: 0 1rem;
    padding: 0 calc(1rem * 2); }
    @media screen and (max-width: 1024px) {
      .navigation-side > .headline {
        position: absolute;
        margin-left: -1000rem; } }
  .navigation-side > .toggle {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #0a0a0a;
    padding: 1rem;
    align-items: center;
    width: 100%;
    margin: 0;
    display: none; }
    @media screen and (max-width: 1024px) {
      .navigation-side > .toggle {
        display: flex; } }
  .navigation-side .toggle .headline {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: left; }
  .navigation-side .toggle .arrow {
    justify-self: flex-end; }
  .navigation-side .toggle[aria-expanded='true'] .arrow {
    transform: rotate(-180deg); }
  .navigation-side .container {
    padding: 1rem; }
    @media screen and (max-width: 1024px) {
      .navigation-side .container {
        display: none;
        z-index: 1; } }
  @media screen and (max-width: 1024px) {
    .navigation-side .container.active {
      display: block; } }
  .navigation-side .arrow {
    transition: all 250ms cubic-bezier(0.5, 0, 0.1, 1);
    pointer-events: none; }
  .navigation-side .nav-section {
    border-bottom: 1px solid #c2c2c2;
    padding: 1rem 0; }
    .navigation-side .nav-section:last-child {
      border-bottom: none; }
    .navigation-side .nav-section .headline {
      margin-top: 0; }
  .navigation-side .local,
  .navigation-side .global,
  .navigation-side .widget {
    padding: 1rem; }
  .navigation-side .global {
    background-color: #f0f0f0; }
  .navigation-side .local .nav-section:first-child,
  .navigation-side .global .nav-section:first-child {
    padding-top: 0; }
  .navigation-side .local .nav-section:last-child,
  .navigation-side .global .nav-section:last-child {
    padding-bottom: 0; }

.navigation ul {
  padding-left: 0;
  list-style-type: none; }

.navigation li {
  margin-bottom: 1rem; }
  .navigation li:last-child {
    margin-bottom: 0; }

.navigation a {
  text-decoration: none; }
  @media print {
    .navigation a[href]::after {
      display: block;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }
  .navigation a:hover {
    text-decoration: underline; }

.navigation .nav-section .headline {
  font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed", "Arial Narrow", Impact, sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1;
  margin: 0 0 1rem 0; }

.Notice {
  background-color: #fffbe6;
  border: 1px solid #c2c2c2;
  border-left-width: 0.5rem;
  border-color: gold;
  color: #0a0a0a;
  font-weight: 400;
  padding: 0.75rem; }
  @media print {
    .Notice a[href]::after {
      display: inline;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }

.example {
  border: 1px solid #c2c2c2;
  border-left-width: 0.5rem;
  border-color: #f0f0f0;
  padding: 1rem;
  margin: 1rem 0; }

div#MsuAlert {
  position: relative;
  width: 100vw;
  display: inline-block;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }

.alert .container {
  background-color: gold;
  padding: 1rem;
  width: 100vw;
  display: inline-block; }

.alert .inner {
  max-width: calc(1440px - 270px);
  margin: 0 auto;
  padding: 0 1rem 0;
  position: relative; }

.alert h2 {
  font-size: 1rem;
  margin-top: 0; }

.alert a {
  text-decoration: underline;
  color: #0a0a0a; }

.alert .headline {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  text-transform: none;
  margin: 0; }

.alert .description {
  margin: 0; }

.alert .headline a {
  font-weight: bold; }

/*
@media screen and (min-width: 1023px) {
  .alert {
    position: relative;
    top: 55px;
  }
}
*/
.ProfileAbstract {
  border-top: 1px solid #c2c2c2;
  overflow: hidden;
  padding: 15px;
  width: 100%; }
  .ProfileAbstract h2 {
    margin: 0; }
  .ProfileAbstract .AbstractInfo {
    margin-left: 72px;
    overflow: hidden; }
  .ProfileAbstract .ContactInfoContainer,
  .ProfileAbstract .AbstractContainer {
    display: inline;
    float: left;
    width: 50%; }
  .ProfileAbstract .AbstractImage {
    display: inline;
    float: left;
    width: 60px; }
  .ProfileAbstract .AbstractImage a img {
    vertical-align: bottom; }
  .ProfileAbstract .Contact {
    white-space: nowrap; }
  .ProfileAbstract .Contact > a {
    display: block;
    margin-top: 0.5rem;
    text-decoration: none; }
    .ProfileAbstract .Contact > a:hover {
      text-decoration: underline; }
  .ProfileAbstract .ContactInfo h2 {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.5rem;
    padding-top: 0; }
  .ProfileAbstract .ContactInfo h2 a {
    text-decoration: none; }
    .ProfileAbstract .ContactInfo h2 a:hover {
      text-decoration: underline; }
  .ProfileAbstract .content_icon_sprites {
    margin-right: 0.5rem; }
  .ProfileAbstract .content_icon_sprites.email_icon,
  .ProfileAbstract .content_icon_sprites.phone_icon {
    position: relative;
    top: 1px; }
  .ProfileAbstract .ContactInfo h2,
  .ProfileAbstract .Contact,
  .ProfileAbstract .JobTitle {
    font-size: 0.83333rem;
    line-height: 1.5; }
  .ProfileAbstract .Abstract p {
    margin-top: 0; }
  .ProfileAbstract .ContactInfo {
    padding: 0 0.375rem 0 0; }
  .ProfileAbstract .Abstract {
    font-size: 0.83333rem;
    line-height: 1.5;
    padding: 0 0 0 0.375rem; }
  .ProfileAbstract .JobTitle {
    margin: 0; }
  .ProfileAbstract .Label {
    font-weight: 700; }
  .ProfileAbstract .contact_icon {
    width: 12px;
    height: 12px;
    background-position: 0 -25px; }
  .ProfileAbstract .email_icon {
    width: 12px;
    height: 12px;
    background-position: -26px -25px; }
  .ProfileAbstract .fax_icon {
    width: 12px;
    height: 12px;
    background-position: -13px -51px; }
  .ProfileAbstract .phone_icon {
    width: 12px;
    height: 12px;
    background-position: -13px -38px; }
  @media screen and (max-width: 768px) {
    .ProfileAbstract .ContactInfoContainer {
      width: 100%; }
    .ProfileAbstract .AbstractContainer {
      display: none; } }

.ProfileAbstract + .ProfileAbstract {
  border-top: none; }

.grid_half .ProfileAbstract .ContactInfoContainer,
.grid_half .ProfileAbstract .AbstractContainer {
  width: 100%; }

.grid_half .ProfileAbstract .AbstractContainer {
  margin-top: 0.25rem; }

.FullProfileContainer .Label {
  font-weight: 700; }

.AbstractList:last-child {
  border-bottom: 1px solid #c2c2c2; }

.Slides {
  background-color: #f0f0f0;
  overflow: hidden;
  position: relative; }
  @media print {
    .Slides {
      height: auto !important;
      background: transparent; } }
  .Slides ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%; }
    @media print {
      .Slides ul {
        display: flex;
        flex-direction: column; } }
  .Slides p {
    padding: 0 0.75rem 0.75rem; }
    @media print {
      .Slides p {
        padding: 0 0 0.75rem; } }
  .Slides .WrapInner {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%; }
  .Slides .Controls {
    border-bottom: 1px solid #c2c2c2;
    height: 50px;
    position: absolute;
    width: 100%;
    z-index: 5; }
    @media print {
      .Slides .Controls {
        display: none; } }
  .Slides .Controls > div {
    height: 100%;
    position: relative;
    width: 100%; }
  .Slides .Controls button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    margin: 0; }
  .Slides .Controls span {
    display: block; }
  .Slides .Controls .LeftArrow,
  .Slides .Controls .RightArrow {
    height: 100%;
    position: absolute;
    z-index: 7; }
  .Slides .Controls .LeftArrow {
    left: 0;
    padding: 0 0 0 0.75rem; }
  .Slides .Controls .RightArrow {
    padding: 0 0.75rem 0 0;
    right: 0; }
  .Slides .DotBox {
    height: 50px;
    line-height: 1.5;
    margin: 0 auto;
    text-align: center; }
  .Slides .DotBox button {
    display: inline-block;
    height: 50px;
    margin: 0 0.25rem;
    padding: 0;
    vertical-align: middle;
    width: 13px; }
  .Slides .slideshow_option {
    background-position: -26px -38px;
    height: 12px;
    width: 12px; }
  .Slides .slideshow_selected {
    background-position: 0 -51px;
    height: 12px;
    width: 12px; }
  .Slides .slideshow_left_arrow {
    background-position: 0 0;
    height: 24px;
    width: 16px; }
  .Slides .slideshow_right_arrow {
    background-position: -22px 0;
    height: 24px;
    width: 16px; }
  .Slides .Slide {
    display: none;
    position: absolute;
    transition: left 0.6s ease;
    width: 100%;
    background-color: #f0f0f0; }
    @media print {
      .Slides .Slide {
        display: block;
        position: static;
        margin-bottom: 3rem;
        background-color: transparent; } }
    @media print {
      .Slides .Slide:last-child {
        margin-bottom: 0; } }
    .Slides .Slide.trans {
      display: block; }
    .Slides .Slide .title {
      margin-top: 0;
      padding: 0.75rem 0.75rem 0; }
      @media print {
        .Slides .Slide .title {
          padding: 1rem 0 0; } }
    .Slides .Slide .title a {
      text-decoration: none; }
      .Slides .Slide .title a:hover {
        text-decoration: underline; }
    .Slides .Slide .blockWrap {
      display: block;
      margin-bottom: 50px;
      overflow: hidden; }
      @media print {
        .Slides .Slide .blockWrap {
          margin-bottom: 0; } }
    .Slides .Slide .Wrap {
      background-color: silver;
      display: table;
      width: 100%; }
    .Slides .Slide .Wrap img {
      display: block;
      margin: 0 auto; }

.placeholder {
  background-color: lightcyan;
  border: dashed 1px cyan;
  padding: 1rem; }

.Policy .PolicyTitle,
.Policy .PolicyTitle a,
.Policy .PolicyTitle a::after {
  color: #666;
  font-style: italic;
  font-weight: 400; }

.quick-links {
  background-color: #5e0009;
  padding: 2rem; }
  @media screen and (max-width: 768px) {
    .quick-links {
      border-bottom: 1px solid #c2c2c2; } }
  @media print {
    .quick-links {
      background-color: transparent; } }
  .quick-links > .container {
    max-width: calc(1440px - 270px);
    margin: 0 auto; }
  .quick-links .link-bar .container {
    justify-content: center;
    align-items: stretch; }
    @media screen and (max-width: 768px) {
      .quick-links .link-bar .container {
        align-items: stretch;
        margin-top: 0;
        margin-bottom: 0; } }
  .quick-links .link-bar li {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: calc(33% - 60px);
    margin: 0 30px; }
    @media screen and (max-width: 768px) {
      .quick-links .link-bar li {
        margin: 0 0 1rem; }
        .quick-links .link-bar li:last-child {
          margin-bottom: 0; } }
  .quick-links .link-bar .button, .quick-links .link-bar .search input[type='submit'], .search .quick-links .link-bar input[type='submit'],
  .quick-links .link-bar .SiteSearch input[type='submit'], .SiteSearch .quick-links .link-bar input[type='submit'] {
    background-color: white;
    border: none;
    display: flex;
    padding: 1rem;
    font-size: 1.2rem;
    height: 100%;
    box-sizing: border-box; }
    @media print {
      .quick-links .link-bar .button, .quick-links .link-bar .search input[type='submit'], .search .quick-links .link-bar input[type='submit'],
      .quick-links .link-bar .SiteSearch input[type='submit'], .SiteSearch .quick-links .link-bar input[type='submit'] {
        border: 1px solid #c2c2c2;
        border-color: #5e0009; } }
    .quick-links .link-bar .button:hover, .quick-links .link-bar .search input:hover[type='submit'], .search .quick-links .link-bar input:hover[type='submit'],
    .quick-links .link-bar .SiteSearch input:hover[type='submit'], .SiteSearch .quick-links .link-bar input:hover[type='submit'] {
      background-color: #eb002b; }
    .quick-links .link-bar .button:last-child, .quick-links .link-bar .search input:last-child[type='submit'], .search .quick-links .link-bar input:last-child[type='submit'],
    .quick-links .link-bar .SiteSearch input:last-child[type='submit'], .SiteSearch .quick-links .link-bar input:last-child[type='submit'] {
      margin-right: 0; }

.related-content {
  border-top: 1px solid #c2c2c2; }
  .related-content > .headline {
    margin-top: 1rem;
    font-size: 1.728rem; }

/* VDB 6/2/26 no longer needed 
.related-content > .container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -60px; }
*/

    @media screen and (max-width: 768px) {
      .related-content > .container {
        flex-direction: column;
        flex-wrap: nowrap; } }

/* VDB 6/2/26 no longer needed 
.related-content .item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 60px);
    margin: 1rem 60px 1rem 0; }
*/


    @media screen and (max-width: 768px) {
      .related-content .item {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 100%; } }
    @supports (-ms-ime-align: auto) {
      .related-content .item {
        flex-basis: 42%; } }
  .related-content .important-link {
    height: 100%; }
    .related-content .important-link a {
      height: 100%; }

.RichText img {
  height: auto !important;
  max-width: 100%; }

.rotator {
  display: inline-block; }
  @media print {
    .rotator {
      display: none; } }
  .rotator .container {
    background-color: #f0f0f0;
    display: inline-flex;
    justify-content: flex-start; }
  .rotator .arrow {
    height: 24px;
    width: 24px;
    cursor: pointer;
    border: none;
    background-color: white;
    margin: 0.25rem 0 0.25rem 0.25rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    box-sizing: content-box; }
    .rotator .arrow:hover {
      background-color: #eb002b; }
    .rotator .arrow:hover svg {
      fill: white; }
  .rotator .counter {
    font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
    font-size: 0.83333rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    line-height: 1;
    font-style: italic;
    justify-content: center;
    width: 5rem;
    text-align: center; }
  .rotator .numbers {
    font-size: 1.44rem; }
    .rotator .numbers:first-child {
      margin-right: 0.125em; }
    .rotator .numbers:last-child {
      margin-left: 0.125em; }

.ScholarshipList {
  /*
  .Shaded {
    background-color: transparent;
    padding: 0;
  }*/ }
  .ScholarshipList > h2 {
    margin-bottom: 1rem;
    margin-top: 0; }
  .ScholarshipList .ContentBlock h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem; }
  .ScholarshipList .ContentBlock p {
    margin-top: 0; }
    .ScholarshipList .ContentBlock p:last-child {
      margin-bottom: 0; }

article.Scholarship h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.2rem; }

article.Scholarship {
  padding-top: 1.5rem;
  border-top: 1px solid #c2c2c2; }

/*
.grid_container .ScholarshipList > .grid_whole:first-of-type {
  padding-top: 1.5rem;
  border-top: 1px solid #c2c2c2;
}*/
.grid_container .ScholarshipList {
  /* .grid_whole,
  .grid_half {
    > .grid_col {
      margin-left: 0;
      margin-right: 0;
    }
  }
  .grid_half.grid_col {
    @include desktop-tablet {
      width: 50%;
    }
  }
  .Rowstart.grid_half {
    > .grid_col {
      @include desktop-tablet {
        margin-right: $spacing-inner-v2;
      }
      @include phone {
        margin-right: 0;
      }
    }
  }
  .grid_half + .grid_half {
    > .grid_col {
      @include desktop-tablet {
        margin-left: $spacing-inner-v2;
      }
      @include phone {
        margin-left: 0;
      }
    }
  }
  .grid_col {
    + .grid_half,
    + .grid_half + .grid_half {
      margin-top: 0;
    }
    + .grid_half + .grid_half {
      @include phone {
        margin-top: $spacing-lg;
      }
    }
  }*/ }
  .grid_container .ScholarshipList div > .Rowstart.grid_half:nth-last-child(2) {
    margin-bottom: 0; }
  .grid_container .ScholarshipList > .grid_whole {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #c2c2c2; }
    .grid_container .ScholarshipList > .grid_whole:first-of-type {
      padding-top: 1.5rem;
      border-top: 1px solid #c2c2c2; }
    .grid_container .ScholarshipList > .grid_whole:last-child {
      margin-bottom: 0; }

/*
@media screen and (max-width: 767px) {
  article.ScholarshipList.ContentBlock
    .Rowstart.grid_whole.grid_col
    section.Rowstart.grid_half.grid_col {
    margin-right: 0px;
    width: 100%;
  }
  .ScholarshipList
    .Rowstart.grid_whole.grid_col
    section.Rowstart.grid_half.grid_col
    + section.grid_half.grid_col {
    margin-left: 0px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  article.ScholarshipList.ContentBlock
    .Rowstart.grid_whole.grid_col
    section.Rowstart.grid_half.grid_col {
    margin-right: 30px;
    background-color: red;
    width: 50%;
  }
  .ScholarshipList
    .Rowstart.grid_whole.grid_col
    section.Rowstart.grid_half.grid_col
    + section.grid_half.grid_col {
    margin-left: 30px;
    background-color: blue;
    width: 50%;
  }
}*/
.search .container,
.SiteSearch .container {
  display: flex;
  align-items: center; }

.search .container > input,
.SiteSearch .container > input {
  width: 150px;
  transition: width 0.2s; }

.search .container > input:focus,
.SiteSearch .container > input:focus {
  width: 300px; }

.SkipNav,
.SkipNav > img {
  display: block;
  height: 1px;
  left: -1000px;
  outline: 0;
  position: absolute;
  width: 1px; }

.skip-nav .item {
  text-decoration: none; }

.skip-nav .item.hidden {
  clip: rect(0 0 0 0);
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0; }

.skip-nav .item.hidden:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: relative;
  width: auto; }

.social-nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.social-nav li {
  display: flex; }

.social-nav .icon {
  display: flex;
  align-items: center;
  margin-right: 1rem;
  height: 24px;
  width: 24px; }

.social-nav .icon svg {
  display: block;
  fill: #0a0a0a; }

.social-nav li .icon svg,
.social-nav li a {
  transition: all 0.2s; }

.social-nav li:hover .icon svg {
  fill: #eb002b; }

.social-nav li:hover a {
  color: #eb002b;
  text-decoration: underline; }

.Spotlight a {
  text-decoration: none;
  transition: all 0.2s; }
  @media print {
    .Spotlight a[href]::after {
      display: block;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }
  .Spotlight a:hover {
    text-decoration: underline; }

.Spotlight img {
  display: block;
  height: auto;
  margin-bottom: 0.75rem;
  width: 100%; }

.Spotlight .FeatureHeading {
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  font-size: 1.44rem;
  margin-top: 0; }

@media screen and (min-width: 768px) {
  .Spotlight .Horz img {
    background-color: transparent;
    box-sizing: border-box;
    float: left;
    height: auto;
    margin-bottom: 0;
    width: 33.3333%; }
  .Spotlight .Horz .FeatureHeading,
  .Spotlight .Horz p,
  .Spotlight .Horz > div {
    margin-left: 33.3333%;
    padding-left: 60px; }
  .Spotlight .Horz .FeatureHeading {
    background-color: transparent;
    box-sizing: border-box;
    display: block; }
  .Spotlight .Horz::after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0; } }

.statistic .call-to-action {
  margin-bottom: 3rem;
  margin-top: 1rem; }
  .statistic .call-to-action .button, .statistic .call-to-action .search input[type='submit'], .search .statistic .call-to-action input[type='submit'],
  .statistic .call-to-action .SiteSearch input[type='submit'], .SiteSearch .statistic .call-to-action input[type='submit'] {
    margin-top: 0; }

.statistic .highlight .value::after {
  border-color: #bfced6; }

.statistic .selected {
  background-color: white;
  border-right: none;
  padding: 1rem; }
  .statistic .selected .value {
    color: #0a0a0a; }
    .statistic .selected .value::after {
      border-color: #e35205; }

.statistic .container {
  display: flex; }

.statistic .ContentBlock.highlight {
  margin-bottom: 0; }

.statistic .highlight {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  border-right: 1px solid #c2c2c2;
  padding: 1rem; }
  @media screen and (max-width: 768px) {
    .statistic .highlight {
      flex-basis: auto; } }
  .statistic .highlight:last-child {
    border-right: none; }

@media screen and (max-width: 768px) {
  .statistic .container {
    flex-direction: column; }
  .statistic .highlight {
    border-right: none;
    border-bottom: 1px solid #c2c2c2; }
    .statistic .highlight:last-child {
      border-bottom: none; } }

.tabs-edit {
  display: flex;
  flex-direction: column; }
  .tabs-edit .tablist {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    display: flex; }
    @media print {
      .tabs-edit .tablist {
        display: none; } }
  .tabs-edit .tab {
    background-color: #f0f0f0;
    font-size: 0.83333rem;
    font-weight: 400;
    text-align: left;
    padding: 0.75rem 1rem;
    border-right: 0;
    border-left: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
    border-radius: 0;
    color: #0a0a0a;
    cursor: pointer;
    margin: 0; }
    .tabs-edit .tab:hover {
      background-color: #e4e4e4; }
    .tabs-edit .tab:last-child {
      border-right: 1px solid #c2c2c2; }
  .tabs-edit [role='tab'][aria-selected='true'] {
    font-weight: 700;
    background-color: #fff;
    border-bottom-color: #fff; }
  .tabs-edit .panels .tab {
    display: none; }
  .tabs-edit .panels {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    padding: 1rem;
    background: #fff;
    border: 1px solid #c2c2c2;
    margin-top: -1px; }
    @media print {
      .tabs-edit .panels {
        border: none;
        padding: 0; } }
  .tabs-edit .panel article:last-child {
    margin-bottom: 0; }
  @media not print {
    .tabs-edit .panel.hidden {
      display: none; } }
  @media not print {
    .tabs-edit .tab__panel-headline {
      display: none; } }
  @media screen and (max-width: 768px) {
    .tabs-edit .tablist {
      flex-direction: column; }
    .tabs-edit .tab {
      display: block;
      padding: 1rem;
      border-left: 1px solid #c2c2c2;
      border-right: 1px solid #c2c2c2;
      border-bottom: 1px solid #c2c2c2;
      border-top: none; }
      .tabs-edit .tab:first-child {
        border-top: 1px solid #c2c2c2; }
    .tabs-edit [role='tab'][aria-selected='true'] {
      border-bottom-color: #c2c2c2; }
    .tabs-edit .panels {
      flex-direction: column;
      padding: 0;
      border: none;
      display: flex; }
    .tabs-edit .panel {
      border: 1px solid #c2c2c2;
      padding: 1rem; } }

.tag, .academics-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
  /* background-color: $color-neutral; */
  /* border: none; */
  border: 1px solid #c2c2c2;
  border-radius: 2px;
  border-color: #eb002b;
  /* color: $color-text-invert; */
  color: #0a0a0a;
  display: inline-block;
  font-size: 0.83333rem;
  line-height: 1;
  padding: 0.25rem;
  text-decoration: none;
  transition: background 0.1s ease;
  vertical-align: baseline; }
  .tag:hover, .academics-search .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background-color: #eb002b;
    color: #fff; }

.three-column-tout .call-to-action {
  margin-bottom: 3rem; }
  .three-column-tout .call-to-action .button:last-child, .three-column-tout .call-to-action .search input:last-child[type='submit'], .search .three-column-tout .call-to-action input:last-child[type='submit'],
  .three-column-tout .call-to-action .SiteSearch input:last-child[type='submit'], .SiteSearch .three-column-tout .call-to-action input:last-child[type='submit'] {
    margin-right: 0; }

.three-column-tout > .container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px; }
  @media screen and (max-width: 768px) {
    .three-column-tout > .container {
      flex-direction: column;
      margin-right: 0; } }

.three-column-tout .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px;
  margin-bottom: 3rem; }
  @media screen and (max-width: 768px) {
    .three-column-tout .col {
      margin-right: 0; } }

.tile {
  display: block;
  position: relative; }
  .tile:hover .container {
    background: transparent; }
  .tile:hover .image-container {
    background-color: #eb002b; }
  .tile:hover .image {
    opacity: 0.25; }
  .tile .image-container {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden; }
  .tile .container {
    transition: all 0.2s;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    margin-top: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 75%); }
  .tile .eyebrow,
  .tile .headline,
  .tile .description {
    color: white;
    margin-top: 0;
    margin-bottom: 0.75rem;
    text-shadow: 0 0 4px black; }
    .tile .eyebrow:last-child,
    .tile .headline:last-child,
    .tile .description:last-child {
      margin-bottom: 0; }
  .tile .eyebrow {
    margin-bottom: 0; }
  .tile .headline {
    font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    font-size: 1.44rem;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .tile .headline {
        font-size: 1rem; } }
  .tile .description {
    font-size: 1rem; }
    @media screen and (max-width: 768px) {
      .tile .description {
        font-size: 0.83333rem; } }
    @media screen and (-ms-high-contrast: none) {
      .tile .description {
        width: 100%; } }
  .tile .image {
    transition: all 0.2s;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    display: block; }
  .tile .button, .tile .search input[type='submit'], .search .tile input[type='submit'],
  .tile .SiteSearch input[type='submit'], .SiteSearch .tile input[type='submit'] {
    margin: 0.75rem 0 0;
    color: white;
    border: none;
    border-bottom: 3px solid #c2c2c2;
    border-color: white;
    padding: 0; }
    .tile .button:hover, .tile .search input:hover[type='submit'], .search .tile input:hover[type='submit'],
    .tile .SiteSearch input:hover[type='submit'], .SiteSearch .tile input:hover[type='submit'] {
      background-color: transparent; }
  .tile:hover {
    background-color: #eb002b; }

.tout .image {
  width: 100%;
  display: block;
  box-shadow: 0.75rem 0.75rem #bfced6;
  margin-bottom: 1.5rem; }

.tout .headline {
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  font-size: 1.44rem;
  margin-top: 0; }

.tout .headline a {
  text-decoration: none; }
  @media print {
    .tout .headline a[href]::after {
      display: block;
      content: " (" attr(href) ")";
      font-family: proxima-nova, Helvetica, Arial, sans-serif;
      font-size: 0.83333rem;
      font-weight: 400;
      word-wrap: break-word;
      color: black;
      text-decoration: none;
      text-transform: none; } }
  .tout .headline a:hover {
    text-decoration: underline; }

.tout .description {
  margin-top: 0; }

.tout.Horz {
  display: flex; }
  @media screen and (max-width: 768px) {
    .tout.Horz {
      flex-direction: column; } }
  .tout.Horz .image-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33%;
    display: block; }
  .tout.Horz .container {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 66%;
    margin-left: 60px; }
    @media screen and (max-width: 768px) {
      .tout.Horz .container {
        margin-left: 0; } }
  .tout.Horz .eyebrow {
    margin-top: 0; }

.two-column-tout {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .two-column-tout {
      flex-direction: column; } }
  .two-column-tout .col {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    margin-right: 60px; }
    @media screen and (max-width: 1024px) {
      .two-column-tout .col {
        flex-basis: auto; } }
    @media screen and (max-width: 1024px) {
      .two-column-tout .col:first-child {
        margin-bottom: 2rem;
        margin-right: 0; } }
    .two-column-tout .col:last-child {
      flex-grow: 2;
      flex-shrink: 0;
      flex-basis: 0;
      margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .two-column-tout .col:last-child {
          flex-basis: auto;
          flex-grow: 0; } }
  .two-column-tout .tout-container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -60px;
    margin-bottom: -3rem; }
    @media screen and (max-width: 768px) {
      .two-column-tout .tout-container {
        flex-direction: column;
        margin-right: 0;
        margin-bottom: 0; } }
  .two-column-tout .tout {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    min-width: 33%;
    margin-right: 60px;
    margin-bottom: 3rem; }
    @media screen and (max-width: 768px) {
      .two-column-tout .tout {
        margin-right: 0;
        margin-bottom: 2rem;
        flex-grow: 0;
        flex-basis: auto; }
        .two-column-tout .tout:last-child {
          margin-bottom: 0; } }
  .two-column-tout.flip .col:first-child {
    order: 2;
    margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .two-column-tout.flip .col:first-child {
        order: 1; } }
  .two-column-tout.flip .col:last-child {
    margin-right: 60px; }
    @media screen and (max-width: 1024px) {
      .two-column-tout.flip .col:last-child {
        margin-right: 0;
        order: 2; } }

.utility {
  /* display: flex; */
  align-items: center;
  z-index: 20; }
  .utility .menu,
  .utility .submenu {
    padding-left: 0;
    list-style-type: none;
    display: flex; }
  .utility .menu {
    margin: 0; }
  .utility .submenu {
    background-color: #425563;
    max-width: calc(1440px - 270px);
    display: flex;
    position: absolute;
    left: 0;
    width: 100%; }
  .utility .submenu li {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0; }
  .utility a {
    color: white; }
  .utility .search label {
    position: absolute;
    left: -999em; }

.ContactInformation .Map {
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
  height: 0;
  box-shadow: 0.75rem 0.75rem #bfced6; }

.ContactInformation .Map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.Feature .Description h2 > a:visited, .Feature .Description h2 > a:hover, .Feature .Description h2 > a:active {
  color: #fff; }

.Profile .ProfilePicture {
  float: left;
  margin-right: 1rem; }
  @media screen and (max-width: 768px) {
    .Profile .ProfilePicture {
      display: block;
      float: none;
      margin-right: 0; } }

.Profile .SecondaryTitle {
  margin: 1rem 0 1.5rem; }

.Profile .LegalName {
  font-weight: 700;
  margin-bottom: 1.5rem; }

.Profile .Contact h2 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0.5rem 0 1rem; }

.Profile .Contact > ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

.Profile .Contact a {
  text-decoration: none; }

.Profile .Contact .content_icon_sprites {
  margin-right: 0.5rem; }

.Profile .Contact span {
  vertical-align: middle; }

.Profile .contact_icon {
  background-position: 0 -25px;
  height: 12px;
  width: 12px; }

.Profile .email_icon {
  background-position: -26px -25px;
  height: 12px;
  width: 12px; }

.Profile .fax_icon {
  background-position: -13px -51px;
  height: 12px;
  width: 12px; }

.Profile .phone_icon {
  background-position: -13px -38px;
  height: 12px;
  width: 12px; }

.Profile .location_icon {
  width: 12px;
  height: 12px;
  background-position: 0 -38px; }

.Profile .calendar_icon {
  background-position: -13px -25px;
  height: 12px;
  width: 12px; }

.Profile .media_appearances .content_icon_sprites {
  margin-right: 0.5rem; }

/* applies to WP logo in footer */
.st0 {
  fill: #fff; }

#Masthead #MastheadInner > .Logo a {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  margin: 13px 10px 13px 10px;
  height: 24px;
  width: 400px; }
  @media screen and (min-width: 768px) {
    #Masthead #MastheadInner > .Logo a {
      width: 217px; } }
  @media screen and (max-width: 960px) {
    #Masthead #MastheadInner > .Logo a {
      width: 386px; } }
  @media (min-width: 960px) {
    #Masthead #MastheadInner > .Logo a {
      width: 365px; } }

/* campus and MLP mastheads -- VDB 41425 -- updated VDB 61825 */
@media screen and (max-width: 640px) {
  #Masthead #MastheadInner .Logo h1 {
    width: 250px;
    margin: 17px 10px 17px 10px;
    /* left: -10px; */ }
  #Masthead #MastheadInner .Logo h1 img {
    width: auto;
    top: -25px; }
  /* homepage and interior mastheads -- VDB 41425 */
  #Masthead #MastheadInner .Logo a {
    width: 250px;
    margin: 17px 10px 17px 10px;
    left: -10px; }
  #Masthead #MastheadInner .Logo a img {
    width: auto;
    top: -25px;
    margin-left: -15px; }
  /*
  #MastheadControls {
    line-height: 0px;
  }*/ }

.nav-bar {
  background-color: #7e333a; }

/* local styles from Foundation -- VDC 31324 -- need to be sorted through */
/* Theme */
/* #PageOuterWrapper { background: #000000 no-repeat fixed; background-position: center -100px; } */
/* #UnitMasthead a:hover { border-bottom: none; } */
/* .UnitMastheadWrapper, .UnitMasthead { background-color: transparent; } */
/* .Breadcrumb { border-top: none; } */
/* #Breadcrumb, #Breadcrumb a { color: #ffffff; } */
/* .MainContent { background-color: #ffffff; } */
/* Masthead logo */
#Masthead #MastheadInner > .Logo {
  width: auto; }

@media screen and (min-width: 960px) {
  #Masthead #MastheadInner > .Logo a {
    width: 365px; } }

/*
@media screen and (max-width: 959px) {
  #Masthead #MastheadInner > .Logo a {
    width: 386px;
  }
}*/
.Phone #Masthead #MastheadInner > .Logo {
  width: auto; }

/*
.Phone #Masthead #MastheadInner > .Logo a {
  width: 250px;
}*/
/* Masthead Give link */
/*
.Phone #Masthead .Give a { display: block; height: 20px; line-height: 20px; padding: 15px 14px; visibility: visible; white-space: nowrap; width: 20px; }
*/
/* bg color outside main content area */
/* #PageInnerWrapper {background-color:transparent;} */
/* No color for now.   #PageInnerWrapper {background-color:#dbd4c5;} */
/* No unit masthead in this project */
/* .UnitMasthead {display:none;} */
/* No breadcrumb on main site home page */
/*
.Page1 div#Breadcrumb {display:none;}
.Page1 .UnitMasthead + .Breadcrumb {border-top: none;}
*/
/* Onward, Upward Campaign Promo */
.campaign-promo {
  padding: 1rem;
  background-color: #bfced6; }

.campaign-promo__container {
  margin: 0 auto;
  display: flex;
  align-items: center; }

.campaign-promo__image {
  margin-right: 60px;
  flex: 0 0 auto;
  max-height: 4rem; }

.campaign-promo__cta {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.campaign-promo__heading,
.campaign-promo__button {
  margin: 0; }

.campaign-promo__heading {
  font-family: alternate-gothic-no-3-d, 'Helvetica Neue Condensed', 'Arial Narrow', Impact, sans-serif;
  text-transform: uppercase;
  margin-right: 1rem; }

.campaign-promo__button {
  flex: 0 0 auto; }

@media screen and (max-width: 1023px) {
  .campaign-promo__container {
    max-width: calc(100% - 60px * 2); }
  .campaign-promo__image {
    max-height: 3rem; }
  .campaign-promo__cta {
    flex-direction: column;
    align-items: flex-end; }
  .campaign-promo__heading {
    text-align: right;
    font-size: 1.2rem;
    margin-right: 0;
    margin-bottom: 1rem; } }

@media screen and (max-width: 767px) {
  .campaign-promo__container {
    flex-direction: column; }
  .campaign-promo__image {
    flex-basis: auto;
    margin-right: 0;
    margin-bottom: 1rem; }
  .campaign-promo__cta {
    align-items: center; }
  .campaign-promo__heading {
    text-align: center; } }

@media screen and (min-width: 768px) {
  .campaign-promo__container {
    max-width: calc(1440px - 270px); } }

/** The Bears Fund Campaign Progress **/
.Page1939 {
  text-align: center; }

.Page1939::before {
  margin-right: auto;
  margin-left: auto; }

.Page1939 .eyebrow,
.Page1939 .headline,
.Page1939 .description {
  text-align: center; }

.Page1939 .link-bar .container {
  justify-content: center;
  width: auto; }

.campaign-progress .highcharts-background {
  fill: transparent; }

.campaign-progress .highcharts-data-label {
  font-size: 2rem; }

.campaign-progress .highcharts-data-label text {
  fill: white;
  stroke: transparent; }

.grid_container .campaign-progress {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #5e0009;
  padding: 3rem 0; }

.grid_container .grid_whole.campaign-progress > .grid_inner {
  margin: 0 auto;
  max-width: calc(1440px - 270px); }

.campaign-progress .call-to-action .headline {
  color: white; }

.campaign-progress .call-to-action .description {
  color: white; }

.campaign-progress .call-to-action .button, .campaign-progress .call-to-action .search input[type='submit'], .search .campaign-progress .call-to-action input[type='submit'],
.campaign-progress .call-to-action .SiteSearch input[type='submit'], .SiteSearch .campaign-progress .call-to-action input[type='submit'] {
  color: white; }

.campaign-progress .highcharts-color-0 {
  fill: #eb002b;
  stroke: transparent; }

.campaign-progress .highcharts-axis-labels {
  fill: white; }

.campaign-progress .highcharts-credits {
  fill: #dfccce; }

.campaign-progress .highcharts-grid-line,
.campaign-progress .highcharts-axis-line {
  stroke: #96595f; }

.campaign-sidebar {
  padding: 1rem;
  border: solid 1px #c2c2c2; }

.campaign-sidebar__shaded {
  padding: 1rem;
  background-color: #f0f0f0; }

.campaign-photo {
  margin-left: 32px;
  margin-bottom: 32px; }

@media screen and (max-width: 767px) {
  .campaign-photo {
    width: 100% !important;
    margin-left: 0; }
  .campaign-progress .highcharts-data-label {
    font-size: 1rem; } }

/* provides Masthead NavBar component background color */
nav.Masthead.Navbar {
  background-color: #5e0009; }

.BearPass,
.SiteIndex,
.Search,
.NavMenu {
  height: 50px;
  border-style: solid;
  border-width: 0 0 0 1px;
  display: inline-block;
  border-color: #9e666b;
  vertical-align: top; }

/* provides fnd specific border color from nav-primary */
ul.menu > li {
  border-left: 1px solid #96595f;
  border-width: 0 1px; }

ul.menu > li:last-child {
  border-right: 1px solid #96595f; }

/* provides sgf border color from nav-primary */
ul.menu > li {
  border-left: 1px solid #96595f;
  border-width: 0 1px; }

ul.menu > li:last-child {
  border-right: 1px solid #96595f; }

/* -- 1023px media screen -- */
@media screen and (max-width: 1023px) {
  .nav-area ul.menu {
    background-color: #7e333a; }
  .nav-area ul.menu li {
    border-bottom: 1px solid #96595f; } }

/* from _masthead.scss specific to fnd */
@media screen and (min-width: 960px) {
  #Masthead #MastheadInner .Logo h1 {
    width: 365px; } }

#Masthead #MastheadInner .Logo h1 {
  width: 365px; }

/*# sourceMappingURL=main-fnd.css.map */


/* items added after build VDB 6/14/26 */
/* adjust Instagram iframe within treatment options - override inline style VDB 51426 */
iframe#instagram-embed-0 {
    max-width: 100% !important;
}

/* related content adjusted so equal distribution of elements within columns VDB 51226 */
.related-content > .container {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 60px;
}
.related-content .item {
    flex: 0 0 calc(50% - (60px / 2));
}
/* if main grid container has a navigation add a gap at 1023 and above -- VDB 5/27/26
@media screen and (min-width: 1023px) {
.main_grid_container > .grid_third:has(> nav.navigation-side) + .grid_twothirds {
	margin-left: 60px;
}
}
 */

/* if the section is wrapped within a border or shaded area and starts with a header - the header has no top margin unless it has the headline class style VDB 6126 */
.main_grid_container > .ContentColumn.grid_whole > section.Bordered h2:not(.headline),
.main_grid_container > .ContentColumn.grid_whole > section.h2:not(.headline), 
.main_grid_container > .ContentColumn.grid_whole > section.Bordered h3:not(.headline),
.main_grid_container > .ContentColumn.grid_whole > section.Shaded h3:not(.headline),
.main_grid_container > .ContentColumn.grid_whole > section.Bordered h4:not(.headline),
.main_grid_container > .ContentColumn.grid_whole > section.Shaded h4:not(.headline) {
    margin-top: 0;
}

/* if the grid row has onlyl one child there should be no gap VDB 6126 */
.grid_row:has(> .grid_whole:only-child) {
	gap: 0;
}
/* if a course list is bordered or shaded header has no top margin -- VDB 6226 */

.Shaded .ContentBlock.course h2,
.Bordered .ContentBlock.course h2, 
.Shaded .ContentBlock.course h3,
.Bordered .ContentBlock.course h3, 
.Shaded .ContentBlock.course h4,
.Bordered .ContentBlock.course h4, 
.Shaded .ContentBlock.course h5,
.Bordered .ContentBlock.course h5 
{
    margin-top: 0px;
}



/* css for drag-handle on grid layouts vdb1726 */
img.drag-handle {
  cursor: grab;
}

img.drag-handle:active {
  cursor: grabbing;
}

<!-- css for vertical align of image and caption text VDB 41626 -->	
img.drag-handle {
    vertical-align: middle;
    position: relative;
    top: -1.5px;
}
	
<!--css for FAQ -->

.faq-accordion h3 {
    margin-top: 0;
}		

.faq-accordion summary {
  list-style: none;
}

.faq-accordion summary::-webkit-details-marker {
  display: none;
}

.faq-accordion-header h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
} 
.faq-accordion-header {
  cursor: pointer;
  padding: 1rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.faq-accordion-header::after {
  content: "";
  flex: 0 0 auto;
  width: 0.65rem;
  height: 0.65rem;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

details[open] .faq-accordion-header::after {
  transform: rotate(-135deg);
}

.faq-accordion-header h4 {
  margin-top: 0;
  margin-bottom: 0;
}	

.faq-accordion-content {
  padding: 1rem 1.25rem;
  border-top: 1px solid #ddd;
  background-color: #fafafa;
  margin-bottom: 1rem;
  line-height: 1.5;
}
p.faq-description {
  margin-bottom: 2rem;
}

/* from mainsgf */
.faq-accordion .faq-accordion-item {
  border-top: 1px solid #c2c2c2;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.faq-accordion .faq-accordion-item:last-child {
    border-bottom: 1px solid #c2c2c2;
}
.Shaded .faq-accordion h3,
.Bordered .faq-accordion h3 {
	margin-top: 0;
}


/* from mainsgf -- changed heading to header */
.faq-accordion .faq-accordion-header:focus, .faq-accordion .faq-accordion-header:hover {
    background-color: #e4e4e4;
} 
.faq-accordion h4 {
  margin-top: 0;
  margin-bottom: 0;
}

/* Campaign Promo Bar */
.campaign-promo {
padding: 1rem;
background-color: #bfced6;
}
.campaign-promo__container {
margin: 0 auto;
display: flex;
align-items: center;
}
.campaign-promo__image {
margin-right: 60px;
flex: 0 0 auto;
max-height: 4rem;
}
.campaign-promo__cta {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
.campaign-promo__heading,
.campaign-promo__button {
margin: 0;
}
.campaign-promo__heading {
font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed",
"Arial Narrow", Impact, sans-serif;
text-transform: uppercase;
margin-right: 1rem;
}
.campaign-promo__button {
flex: 0 0 auto;
}
@media screen and (max-width: 1023px) {
.campaign-promo__container {
max-width: calc(100% - 60px * 2);
}
.campaign-promo__image {
max-height: 3rem;
}
.campaign-promo__cta {
flex-direction: column;
align-items: flex-end;
}
.campaign-promo__heading {
text-align: right;
font-size: 1.2rem;
margin-right: 0;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.campaign-promo__container {
flex-direction: column;
}
.campaign-promo__image {
flex-basis: auto;
margin-right: 0;
margin-bottom: 1rem;
}
.campaign-promo__cta {
align-items: center;
}
.campaign-promo__heading {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.campaign-promo__container {
max-width: calc(1440px - 270px);
}
}

/* -- addition of important link with icon component used within marcom site, within marcom-styles.css as of 8425 VDB -- transfer from edit-mode.css for main css -- VDB 6526 -- */
img#whiteicon,
img#maroonicon {
  position: absolute;
  margin-right: 1em;
  max-width: 40px;
  max-height: 40px;
  opacity: 0;
}
img#maroonicon {
  opacity: 1;
}
img#whiteicon {
  opacity: 0;
}
.important-link-icon a:hover #maroonicon {
  opacity: 0;
}
.important-link-icon a:hover #whiteicon {
  opacity: 1;
}
.important-link-icon .headline {
  text-transform: none;
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 56px;
  margin-right: 10px;
  display: inline-flex;
  align-items: center;
}
.important-link-icon a {
  display: inline-flex;
  align-items: center;
  background-color: white;
  padding: 1rem;
  text-decoration: none;
  transition: all 0.2s;
  min-height: 5rem;
  box-sizing: border-box;
  flex-grow: 1;
  color: black;
}
.important-link-icon a:hover {
  background-color: #eb002b;
  color: white;
  text-decoration: none;
}
.important-link-icon a:hover .headline,
.important-link-icon a:hover .eyebrow {
  color: white;
  text-decoration: none;
}
.ContentBlock.important-link-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}