/* msuwds version: 3.0.0 */

/* $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;
  }
}
*/

@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;
}

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;
}

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;
}

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;
}

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 */

.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;
}

.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;
}

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(../images/content_icon_sprites.png);
  background-repeat: no-repeat;
  background-size: 38px 63px;
  display: inline-block;
  overflow: hidden;
}

.Columns2,
.Columns3 {
  column-gap: 2em;
}

.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;
}

.Columns2 {
  column-count: 2;
}

.Columns3 {
  column-count: 3;
}

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;
}

/* Make row gap consistent -- consider changing it to 4rem when old grids are phased out -- VDB 82826 */

.grid_container .grid_row {
  gap: 60px;
  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 -- */

.main_grid_container {
  max-width: calc(1440px - 250px);
  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 1024px -- fix discrepancy causing conflict old and new grids -- VDB 81826 -- */

/* -- end -- */

#PageOuterWrapper {
  position: relative;
  overflow: hidden;
}

/*
#PageInnerWrapper {
  @include desktop {
    margin-top: 50px;
  }
  @include phone {
    width: 100%;
    margin-top: 50px;
  }
}
*/

.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;
      }
    } */
}

.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;
}

.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;
}

.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;
}

.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;
    }
    */
}

.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 -- */

/* -- 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 -- no longer appears to be needed -- VDB 82126 --

.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 -- */

/* -- 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 -- */

/* -- 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 -- */

.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 -- */

/* -- 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 -- */

/*
.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 -- */

/* -- .Bordered -- */

/* -- 75 25 -- add bottom margin when cols are within .Shaded and .Bordered block  -- */

/* -- .Shaded -- */

/* -- .Bordered -- */

/* -- 75 25 .Bordered stacked -- */

/* -- 75 25 .Shaded stacked -- */

/* -- 75 25 No treatment stacked -- */

/* -- 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 -- */

/* interferes with old grid which allows 30px gutter -- VDB 82526
#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 -- */

/* -- 50 50 .Shaded stacked -- */

/* -- 50 50 No treatment stacked -- */

/* -- 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 -- */

/* -- 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 -- */

/* -- .Bordered -- */

/* -- 33 33 33 remove bottom margin from each .Bordered col within .grid_whole.grid_col in desktop view */

/* -- 33 33 33 remove bottom margin from last child (.grid_third.grid_col) when stacked in mobile view -- */

/* -- .Shaded -- */

/* -- .Bordered -- */

/* -- fix issue with three column grid not expanding to 100% when below 480px -- caused by css above -- add to pattern library -- VDC 33123 -- */

/* -- 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 -- */

/* -- 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 -- */

/* -- fix conflict with three column grid conflicting with sgf main css .ContentColumn div>.Rowstart.grid_third:nth-last-child(3) margin: 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 -- */

.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;
}

/* -- 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 -- */

/* -- 33 66 .Bordered stacked -- */

/* -- 33 66 No treatment stacked -- */

/* -- 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 -- */

/* -- 66 33 -- fix margin between col when stacked within 1 col shade, bordered and no treatment -- */

/* Fix if an old grid is followed by a new grid -- VDB 71526 */

.ContentColumn > section {
  clear: both;
}

/* Keep 1 col from wanting to occupy only 50% of the space within an MLP -- VDB 71726 */

.main_grid_container > #ContentColumn:not(.grid_twothirds) {
  flex: 1 1 auto;
  margin-left: 30px;
  margin-right: 30px;
  min-width: 0;
  max-width: calc(100% - 60px);
  width: auto;
}

/* Removes bottom margin from last contentBlock elements when within a new section -- VDB 82826 -- */

section > .grid_container > .grid_row > :is(.grid_whole, .grid_half, .grid_third, .grid_twothirds, .grid_fourth, .grid_threefourths) .ContentBlock:not(:has(~ .ContentBlock)) {
  margin-bottom: 0;
}

/* Adjusts row spacing from 6rem to 3rem on mobile -- VDB 82826 -- */

.breadcrumb-new {
  background-color: white;
  margin: 0;
  padding: 0;
  border-top: 1px solid #c2c2c2;
}

.breadcrumb-new .ancestor::after {
  content: '/';
  margin: 0 0.5rem;
}

.breadcrumb-new .current-page {
  font-weight: 700;
}

.UnitMastheadWrapper + .breadcrumb-new {
  border-top: 1px solid #c2c2c2;
}

.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;
}

.footer h2 {
  color: white;
  font-size: 1rem;
  margin-top: 0;
}

.footer a {
  color: white;
}

.footer li {
  font-size: 0.83333rem;
}

.footer .grounding-bars {
  display: block;
  width: 8rem;
  margin: 0 auto 2rem;
  fill: white;
}

.footer .wordmark-straight {
  fill: white;
  width: 100%;
}

.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 {
  /*&.MYMS {
      background-color: $color-primary;
      padding: $spacing-md 0;
      width: 100%;
      @media print {
        background: transparent;
      }
      img,
      a {
        display: block;
        margin: 0 auto;
        max-width: 98%;
        width: 570px;
      }
      .DisplayOnly {
        @media print {
          display: none;
        }
      }
    }*/
}

.footer .branding.default {
  padding: 0;
  height: 1rem;
  background-color: #5e0009;
}

.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;
}

.footer .contact .col {
  margin-right: 60px;
}

.footer .contact .col:last-child {
  margin-right: 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;
}

.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;
}

.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;
}

.footer .icon-group {
  display: flex;
  list-style-type: none;
  justify-content: flex-end;
  padding: 0;
  flex-wrap: wrap;
  /* margin: -1rem;*/
}

.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;
}

.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;
}

.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;
}

.footer .hashtag a:hover {
  text-decoration: underline;
}

.footer .PrintOnly ul {
  padding: 0 30px;
}

/* css for svg WP footer logo -- VDB 8525 */

.st0 {
  fill: #fff;
}

/* css for addition of honors -- VDB 62526 */

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

.footer .contact:has(.col.honors) > .col.social {
  flex-basis: 100%;
}

.footer .contact {
  display: flex;
  flex-wrap: wrap;
}

.footer .contact:has(> .col.honors) > .col {
  flex: 0 0 calc((100% - (2 * 60px)) / 3);
}

.footer .contact:has(> .col.honors) > .col.social {
  margin-right: 0;
}

.footer .contact div.col.honors {
  margin-right: 0px;
}

.footer .contact:has(> .col.honors) > .col.social .icon-group {
  justify-content: center;
  padding-top: 20px;
}

.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;
}

/*
.Phone #Masthead #MastheadInner > .Logo {
  width: auto;
}
*/

/*
.Phone #Masthead #MastheadInner > .Logo a {
  width: 250px;
}
*/

/*
.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;
    }
  }
}
*/

.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;
  height: auto;
  /* height: 50px; */
  /* min-width: 1px; */
  box-sizing: border-box;
  /* -- add to move hamburger from left over at breakpoint -- VDC 10/12/23 
  padding-left: 15px;
  position: fixed; -- */
  /*
  #MastheadInner {
    overflow: hidden;
  }*/
}

#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;
}

/* SGF campus masthead - adjust logo container below 481px -- specific width within individual css files*/

/* SGF campus masthead - adjust image size within container below 481px */

/* SGF campus masthead - adjust search container below 767 -- change search form to img with dropdown */

/* SGF campus masthead - search menu drop down not visible before screen min 767px */

/* FND masthead give button and magnify search not visible on screen smaller than 375px */

/* -- 1024px media screen -- hover only allowed on desktop for BearPassLogin and SiteIndex dropdowns -- additional css within _search-container.scss */

/*
@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;
}

/* hide img for GO input -- VDB 8426 */

.Search input[type='image'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

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

#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;
}

#MastheadInner {
  margin: 0 auto;
  position: relative;
  padding: 0 calc(30px - 10px);
  height: 50px;
  background-color: #5e0009;
}

#MastheadInner > .Logo {
  width: auto;
}

/*
@include phone {
  #MastheadControls a {
    display: none;
  }
}
*/

/* troubleshooting Search field at 767px -- updated this from phone */

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

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

/*
#Masthead .Logo {
  width: 100%;
} */

/*
#Masthead a:hover {
  text-decoration: underline;
}
*/

/* updated from #Masthead .Logo h1 a */

#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 -- */

/* -- 767px media screen -- */

/* -- 768px media screen -- */

/* -- hide hamburger until 1023px breakpoint */

/* -- hide logo when screen is below 320px -- */

/*
@media screen and (min-width: 768px) {
  #Masthead .Logo {
    width: 217px;
  }
} */

/* added this below to hide the search box at breakpoint*/

/* BearPass image at 590px */

/* hide key image once reach 590px */

/* hide log in content until reach 591px */

/* eliminate problem with 1px extending beyond the viewpoint on Chrome and Firefox VDB 8526 */

#Masthead,
#MastheadInner,
#MastheadControls,
.SearchMenuDropDown,
.SearchMenuDropDown *,
#MastheadControls * {
  box-sizing: border-box;
}

.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 */

/* desktop = max-width: 960px */

/* 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 */

/* -- magnify glass appears under 590px -- */

/* -- magnify glass disappears between 481px and 767px -- */

/* -- magnify glass sizing -- */

/* -- 1024px media screen -- hover only allowed on desktop for BearPassLogin and SiteIndex dropdowns -- additional css within _masthead.scss */

/* 
.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);
  }
} */

/* -- 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%;
  /* margin-top: 55px; */
}

.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%;
}

.UnitMasthead .SiteTitle,
.UnitMasthead .SiteTitle h1 {
  font-family: freight-text-pro, Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #5e0009;
}

.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;
}

.UnitMasthead .SiteTitle .ParentTitle {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
}

.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 -- */

/* no longer needed -- VDB 81226
@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;
}

.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;
}

.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;
}

.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;
}

.academics-search .facet {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 1rem;
  margin-bottom: 0;
}

.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;
}

.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;
}

.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;
}

.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;
}

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

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

.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;
}

.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;
}

.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%;
}

.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%;
}

.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;
}

.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;
}

.spotlight-carousel .slide {
  display: flex;
  justify-content: flex-end;
  position: relative;
  /* @media print {
      flex-direction: column;
    } */
}

.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;
}

.spotlight-carousel .active {
  display: flex;
}

.spotlight-carousel .inactive {
  display: none;
}

.spotlight-carousel .call-to-action {
  padding: 2rem;
  transition: all 0.2s;
}

.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;
}

.spotlight-carousel .image {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  display: block;
}

.spotlight-carousel .crop {
  position: relative;
  background: linear-gradient(-405deg, transparent 2rem, white 0);
  height: 100%;
}

.spotlight-carousel .rotator {
  position: relative;
}

.spotlight-carousel .counter {
  text-align: center;
}

.contact-info > .container {
  display: flex;
}

.contact-info .item {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px;
}

.contact-info .item:last-child {
  margin-right: 0;
}

.contact-info.flip .item:first-child {
  order: 2;
  margin-right: 0;
}

.contact-info.flip .item:last-child {
  margin-right: 60px;
}

.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;
}

#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;
}

.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;
}

.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;
}

/* 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;
  font-size: 1rem;
}

.featured-content > .container {
  display: flex;
}

.featured-content .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px;
}

.featured-content .col:last-child {
  flex-grow: 1.25;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 0;
  margin-bottom: 0;
}

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

.featured-content.flip .col:last-child {
  margin-right: 60px;
}

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

.featured-content.shaded > .container {
  margin: 0 auto;
  max-width: calc(1440px - 270px);
}

.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;
}

.featured-news .feature {
  flex-grow: 1.25;
  flex-shrink: 0;
  flex-basis: 0;
}

.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;
}

.featured-news .featurette {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-left: -2rem;
}

.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;
}

.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;
}

.four-column-tout .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: calc(25% - 60px);
  margin-right: 60px;
  margin-bottom: 3rem;
}

.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;
    }
     */
}

.hero > .container {
  width: 100%;
  padding-bottom: 35%;
  position: relative;
  overflow: hidden;
  background-color: #425563;
  z-index: -1;
}

.hero .image,
.hero video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: auto;
}

.hero .grounding-bars {
  display: block;
  width: 8rem;
  margin: 0 auto;
  fill: #5e0009;
}

.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;
}

.hero .call-to-action {
  margin-top: 1rem;
}

.hero .call-to-action::before {
  content: none;
}

.hero .description {
  margin: 1rem 0;
}

.hero .link-bar .container {
  /* issues with 7px right overflow -- VDB 82826 margin: 0 -30px; needed with old grids */
  align-items: stretch;
}

.hero .link-bar li {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(33% - 60px);
  margin: 0 30px;
}

.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%;
}

.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;
}

.hero .video__button {
  position: absolute;
  margin: 0;
  display: flex;
  bottom: 3rem;
  cursor: pointer;
  border: none;
  background-color: transparent;
  padding: 0;
}

.hero .video__button svg {
  fill: white;
  opacity: 0.75;
}

.hero .video__button:hover svg {
  opacity: 1;
}

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';
}

.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;
}

.calendar .highlight:last-child {
  border-right: 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;
}

.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;
}

.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;
}

#NavFader {
  display: none;
  position: fixed;
}

/*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 - 250px);
  margin-top: -40px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  z-index: 2;
  position: relative;
  padding: 0 30px;
}

/* if masthead contains alert, don't pull nav-area upward -- VDB 81226
#Masthead:has(#MsuAlert) .nav-area {
  margin-top: 0;
} */

.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;
  position: relative;
  /* causing issues with pixel extend 
  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 -- */

/*-- 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 -- */

/* -- 1023px media screen -- */

/* extend nav-area (dropdown) full width of screen on mobile -- VDB 81326 */

.navigation-side {
  background-color: white;
  border-top: 12px solid #c2c2c2;
  border-color: #0093b2;
}

.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;
}

.navigation-side > .headline {
  margin: 1rem 0;
  padding: 0 1rem;
  padding: 0 calc(1rem * 2);
}

.navigation-side > .toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  color: #0a0a0a;
  padding: 1rem;
  align-items: center;
  width: 100%;
  margin: 0;
  display: none;
}

.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;
}

.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;
}

.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;
}

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

div#MsuAlert {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.alert .container {
  background-color: gold;
  padding: 1rem;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}

.alert .inner {
  max-width: calc(1440px - 270px);
  margin: 0 auto;
  /*padding: 0 $spacing-md 0;*/
  position: relative;
  box-sizing: border-box;
  padding: 0 calc(30px - 10px);
}

.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;
  color: #0a0a0a;
}

.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;
}

.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;
}

.Slides ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.Slides p {
  padding: 0 0.75rem 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;
}

.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;
}

.Slides .Slide.trans {
  display: block;
}

.Slides .Slide .title {
  margin-top: 0;
  padding: 0.75rem 0.75rem 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;
}

.Slides .Slide .Wrap {
  background-color: silver;
  display: table;
  width: 100%;
}

.Slides .Slide .Wrap img {
  display: block;
  margin: 0 auto;
}

/* MSU Photo Slider issue - if .ContentBlock is within .Rowstart.grid_whole bottom margin would be 3 and 6 which is 9rem -- this removes the 3 VDB 63026 */

.Rowstart.grid_whole.grid_col article.Slides.ContentBlock {
  margin-bottom: 0px;
}

.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;
}

.quick-links > .container {
  max-width: calc(1440px - 270px);
  margin: 0 auto;
}

.quick-links .link-bar .container {
  justify-content: center;
  align-items: stretch;
}

.quick-links .link-bar li {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: calc(33% - 60px);
  margin: 0 30px;
}

.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;
}

.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: $border;
  > .headline {
    margin-top: 1rem;
    font-size: ms(3);
  }
  > .container {
    display: flex;
    flex-wrap: wrap;
    margin-right: -$spacing-gutter-v2;
    @include phone {
      flex-direction: column;
      flex-wrap: nowrap;
    }
  }
  .item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 60px);
    margin: $spacing-md $spacing-gutter-v2 $spacing-md 0;
    @include phone {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
    }
    @supports (-ms-ime-align: auto) {
      flex-basis: 42%;
    }
  }
  .important-link {
    height: 100%;
    a {
      height: 100%;
    }
  }
} */

.related-content {
  border-top: 1px solid #c2c2c2;
}

.related-content > .headline {
  margin-top: 1rem;
  font-size: 1.728rem;
}

.related-content > .container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 60px;
}

.related-content .item {
  flex: 0 0 calc(50% - (60px / 2));
}

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

.rotator {
  display: inline-block;
}

.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;
}

.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;
}

.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;
}

.statistic .highlight:last-child {
  border-right: none;
}

.tabs-edit {
  display: flex;
  flex-direction: column;
}

.tabs-edit .tablist {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
}

.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;
}

.tabs-edit .panel article:last-child {
  margin-bottom: 0;
}

.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;
}

.three-column-tout .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px;
  margin-bottom: 3rem;
}

.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%;
}

.tile .description {
  font-size: 1rem;
}

.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;
}

.tout .headline a:hover {
  text-decoration: underline;
}

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

.tout.Horz {
  display: flex;
}

.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;
}

.tout.Horz .eyebrow {
  margin-top: 0;
}

.two-column-tout {
  display: flex;
}

.two-column-tout .col {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 60px;
}

.two-column-tout .col:last-child {
  flex-grow: 2;
  flex-shrink: 0;
  flex-basis: 0;
  margin-right: 0;
}

.two-column-tout .tout-container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -60px;
  margin-bottom: -3rem;
}

.two-column-tout .tout {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-width: 33%;
  margin-right: 60px;
  margin-bottom: 3rem;
}

.two-column-tout.flip .col:first-child {
  order: 2;
  margin-right: 0;
}

.two-column-tout.flip .col:last-child {
  margin-right: 60px;
}

.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;
}

.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;
}

/* campus and MLP mastheads -- VDB 41425 -- updated VDB 61825 */

.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 (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;
}

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

/* 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 -- */

/* from _masthead.scss specific to fnd */

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

/* need to override SPF masthead -15 -- VDB 81026 */

/* clip logo over the give button and search */

/* First title on a page has no top margin formerly page-title class -- VDB 81426 */

main#ContentColumn > h1:first-of-type,
main#ContentColumn > h2:first-of-type {
  margin-top: 0;
}

@media screen and (min-width: 590px) {
  #MastheadControls .BearPass label.keyicon img {
    visibility: hidden;
  }
}

@media screen and (min-width: 767px) {
  .SearchMenuDropDown {
    display: none;
  }

  .Search label {
    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;
  }

  .breadcrumb-new {
    margin: 0;
  }

  #Breadcrumb {
    color: #5e0009;
    display: block;
    float: none;
    font-size: 0.83333rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width: calc(1440px - 250px);
    padding: 0.75rem 30px;
    text-align: left;
  }

  #Breadcrumb a {
    color: #5e0009;
    text-decoration: none;
  }

  #Breadcrumb a:hover {
    text-decoration: underline;
  }

  #MastheadInner {
    max-width: calc(1440px - 250px);
  }

  /*
  #Masthead .Logo img {
    left: 0px;
  } */

  #Masthead .Logo > h1 > a > img {
    top: -2px;
    left: 0;
  }

  .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 */
  }

  .UnitMastheadWrapper {
    max-width: none;
  }

  .UnitMasthead {
    height: auto;
    max-width: calc(1440px - 250px);
    width: 100%;
    height: 100%;
  }

  .UnitMasthead .SiteTitle,
  .UnitMasthead .SiteTitle h1 {
    font-size: 1.728rem;
    line-height: 1.2;
  }

  .UnitMasthead .SiteTitle img {
    height: auto;
    max-height: 60px;
    max-width: 300px;
    width: auto;
  }

  .UnitMasthead .SiteTitle .ParentTitle {
    font-size: 1rem;
    line-height: 1.2;
  }

  .UnitMasthead .SiteTitle .ParentTitle img {
    height: auto;
    max-height: 40px;
    max-width: 200px;
    width: auto;
  }

  .spotlight-carousel .slide > .container {
    padding: 0;
  }

  .spotlight-carousel .image-container {
    margin-left: -4rem;
  }

  .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;
  }

  #Masthead #MastheadInner > .Logo a {
    width: 217px;
  }

  .campaign-promo__container {
    max-width: calc(1440px - 270px);
  }
}

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

  .hero .grounding-bar.svg-wrapper {
    width: 8rem;
    padding-bottom: 2.66rem;
  }
}

@media (min-width: 768px) {
  .Search input#Keywords,
  .Search input#KeywordsDropDown {
    display: inline-block;
    padding: 0 0.75rem;
    margin-left: 0.5rem;
    height: 50px;
  }

  #Masthead .Logo img {
    top: 0;
    left: -25px;
  }
}

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

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

  #Masthead #MastheadInner .Logo h1 {
    width: auto;
  }
}

@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;
  }

  .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;
  }

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

  .menu-button-container {
    display: none;
  }

  label.menu-button-container {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  /* no longer needed -- VDB 82126
  .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;
  }

  /* dup no longer needed -- VDB 82126
  .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;
  }

  #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;
  }

  #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 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;
  } */

  .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);
  }

  .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;
  }
}

@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: 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;
  }

  .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 .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;
  }

  .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;
  }

  .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;
  } */

  .footer h2 {
    text-align: center;
  }

  .footer .contact {
    flex-direction: column;
    align-items: center;
  }

  .footer .contact .col {
    margin-right: 0;
    margin-bottom: 2rem;
  }

  .footer .contact .col:last-child {
    margin-bottom: 0;
  }

  .footer .col {
    flex-basis: auto;
  }

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

  .footer .icon-group {
    justify-content: center;
  }

  .UnitMastheadWrapper {
    margin-top: 0px;
  }

  .button.large,
  .search input.large[type='submit'],
  .SiteSearch input.large[type='submit'] {
    font-size: 1rem;
  }

  .call-to-action .headline {
    font-size: 2.0736rem;
  }

  .spotlight-carousel.expand {
    width: auto;
    margin-left: calc((60px + 30px) * -1);
    margin-right: calc((60px + 30px) * -1);
  }

  .contact-info > .container {
    flex-direction: column;
    padding: 0;
  }

  .contact-info .item {
    margin-right: 0;
    margin-bottom: 3rem;
  }

  .featured-content > .container {
    flex-direction: column;
  }

  .featured-content .col {
    margin-right: 0;
    flex-basis: auto;
    order: 2;
  }

  .featured-content .col:last-child {
    flex-basis: auto;
    order: 1;
    margin-bottom: 2rem;
  }

  .featured-content.flip .col:last-child {
    margin-right: 0;
  }

  .featured-content.shaded > .container {
    max-width: calc( 100% - (60px + 30px) * 2);
  }

  .featured-content {
    flex-direction: column;
  }

  .featured-news > .container {
    display: block;
    width: 100%;
  }

  .featured-news .featurette {
    margin: -2rem 2rem 0;
    flex-grow: 0;
    flex-basis: auto;
  }

  .four-column-tout .col {
    flex-basis: calc(33% - 60px);
  }

  .hero > .container {
    padding-bottom: 56.25%;
  }

  .hero .image,
  .hero video {
    height: 100%;
    width: auto;
  }

  .hero .cta-container {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }

  .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 {
    padding-bottom: 56.25%;
    width: calc(100% - 60px);
  }

  .highlight .value {
    font-size: 2.0736rem;
  }

  .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; */
  }

  .navigation-side > .headline,
  .navigation-side > .toggle .headline {
    margin: 0;
  }

  .navigation-side > .headline {
    position: absolute;
    margin-left: -1000rem;
  }

  .navigation-side > .toggle {
    display: flex;
  }

  .navigation-side .container {
    display: none;
    z-index: 1;
  }

  .navigation-side .container.active {
    display: block;
  }

  .two-column-tout {
    flex-direction: column;
  }

  .two-column-tout .col {
    flex-basis: auto;
  }

  .two-column-tout .col:first-child {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .two-column-tout .col:last-child {
    flex-basis: auto;
    flex-grow: 0;
  }

  .two-column-tout.flip .col:first-child {
    order: 1;
  }

  .two-column-tout.flip .col:last-child {
    margin-right: 0;
    order: 2;
  }
}

@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 - this is conflicting with touts VDB 6426 
  .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 
  .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;
  } */

  #MastheadControls .BearPass,
  #MastheadControls .Search,
  #MastheadControls .SiteIndex {
    vertical-align: top;
  }
}

@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%;
  }

  /* #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;
  }

  /*#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: 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%;
  }

  .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%;
  }

  .ContentColumn .Shaded .Rowstart.grid_threefourths.grid_col {
    margin-bottom: 3rem;
  }

  .ContentColumn .Bordered .Rowstart.grid_threefourths.grid_col {
    margin-bottom: 3rem;
  }

  .Rowstart.grid_whole.grid-col > .Rowstart.grid_threefourths.grid_col + .grid_fourth.grid_col > div.Shaded {
    margin-bottom: 3rem;
  }

  .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;
  }

  .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;
  }

  .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;
  }

  .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%;
  }

  #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;
  }

  #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;
  }

  #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;
  }

  .ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Bordered,
  .ContentColumn.grid_col .Rowstart.grid_half.grid_col > div.Shaded {
    margin-bottom: 3rem;
  }

  .Shaded .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0;
  }

  .Bordered .Rowstart.grid_third.grid_col + .grid_third.grid_col + .grid_third.grid_col {
    margin-bottom: 0;
  }

  .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;
  }

  .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%;
  }

  .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%;
  }

  .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%;
  }

  div.Bordered .Rowstart.grid_twothirds.grid_col + .grid_third {
    margin-bottom: 0;
  }

  div.Shaded .Rowstart.grid_twothirds.grid_col + .grid_third {
    margin-bottom: 0;
  }

  section {
    margin-bottom: 3rem;
  }

  .honors img {
    display: block;
    margin: 10px auto;
  }

  #Masthead #MastheadInner > .Logo {
    left: 40px;
    position: absolute;
    z-index: 104;
  }

  #Masthead .Logo h1 a {
    margin: 13px 10px 13px 0px;
    height: 24;
    width: 100%;
    position: absolute;
    /* altered left for smaller hamburger */
    left: 45px;
    overflow: visible;
  }

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

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

  /* 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: relative;
    /* -- 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;
    background-color: #5e0009;
  }

  #menu-toggle {
    display: none;
  }

  .nav-area {
    display: none;
    max-width: none;
    width: 40%;
    margin: 0;
    padding: 0;
    position: absolute;
  }

  nav.nav-area a {
    padding-left: 20px;
  }

  /*
  .nav-bar {
    display: none;
  }*/

  #Masthead:has(#menu-toggle:checked) .nav-area {
    display: block;
  }

  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(../images/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(../images/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;
  }

  .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;
  }

  .nav-area ul.menu {
    background-color: #7e333a;
  }

  .nav-area ul.menu li {
    border-bottom: 1px solid #96595f;
  }
}

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

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

  .breadcrumb-new {
    min-width: 1px;
  }

  #Breadcrumb {
    box-sizing: border-box;
  }

  .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;
  }

  #Masthead #MastheadInner > .Logo a {
    width: 250px;
  }

  #Masthead #MastheadInner .Logo h1 {
    position: absolute;
    margin: 13px 10px 13px 10px;
    height: 24px;
  }

  #MastheadControls {
    /*span {
      display: block;
      height: 20px;
      overflow: hidden;
      position: relative;
      width: 20px;
    } */
    /* img {
      opacity: 0.75;
      position: absolute;
    } */
  }

  #MastheadControls .Selected img {
    opacity: 1;
  }

  #MastheadInner {
    padding: 0;
  }

  .SiteIndex .SearchContainer,
  .BearPassLogin .SearchContainer {
    display: block;
    margin: 0 auto;
    right: auto;
    width: 100%;
    top: 50px;
  }

  #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;
  }

  #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%;
  }

  #Masthead #MastheadInner > .Logo a {
    width: 386px;
  }
}

@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;
  }

  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;
  }

  ul.unstyled,
  ul.unstyled > li {
    flex: 1 1 calc(50% - 0.375rem);
  }

  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;
  }

  .Columns2,
  .Columns3 {
    column-gap: 0;
  }

  .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: 1;
  }

  .Columns3 {
    column-count: 1;
  }

  #PageOuterWrapper {
    overflow-x: scroll;
    width: 100%;
  }

  #ContentColumn {
    width: 100%;
  }

  .grid_container {
    max-width: none;
  }

  .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 .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 .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;
  }

  #Breadcrumb {
    display: none;
  }

  .UnitMastheadWrapper + .breadcrumb-new {
    border-top: none;
  }

  .footer .grounding-bars {
    width: 4rem;
  }

  .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;
  }

  #Masthead .Logo h1 {
    margin: 17px 0 18px 0;
    height: 15px;
    width: 148px;
  }

  #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;
  }

  .Search input#Keywords {
    display: inline-block;
    padding: 0 0.75rem;
    margin-left: 0.5rem;
  }

  /* .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;
  }

  .UnitMasthead {
    height: auto;
    justify-content: center;
    width: calc(100% - 60px);
  }

  .UnitMasthead .SiteTitle,
  .UnitMasthead .SiteTitle h1 {
    font-size: 1.44rem;
    line-height: 1.2;
    text-align: center;
  }

  .UnitMasthead .SiteTitle img {
    height: auto;
    max-height: 40px;
    max-width: 200px;
    width: auto;
  }

  .UnitMasthead .SiteTitle .ParentTitle {
    font-size: 1rem;
    line-height: 1.2;
  }

  .UnitMasthead .SiteTitle .ParentTitle img {
    height: auto;
    max-height: 30px;
    max-width: 150px;
    width: auto;
  }

  .programs .card-list {
    margin-right: 0;
  }

  .programs .card {
    flex: 0 0 100%;
    margin-right: 0;
    min-height: 0;
  }

  .programs .card .header,
  .programs .card .types,
  .programs .card .location {
    min-height: 0;
  }

  .academics-search .facet-list ul {
    flex-direction: column;
  }

  .academics-search .facet {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .back-to-top {
    width: 100%;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
  }

  .back-to-top--bug {
    bottom: 0;
    right: 0;
    position: relative;
    z-index: 0;
  }

  .call-to-action__eyebrow--image {
    max-height: 2rem;
  }

  .call-to-action .link-bar > .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .spotlight-carousel .slide {
    flex-direction: column;
    justify-content: flex-start;
  }

  .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;
  }

  .spotlight-carousel .image-container {
    margin-left: 0;
    padding-bottom: 100%;
    flex-basis: 100%;
  }

  .spotlight-carousel .crop {
    order: 2;
  }

  .spotlight-carousel .rotator {
    display: inline-flex;
    align-self: flex-end;
    position: static;
  }

  .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;
  }

  .spotlight-carousel.expand {
    width: auto;
    margin-left: -30px;
    margin-right: -30px;
  }

  .contact-info .item {
    margin-right: 0;
    margin-bottom: 3rem;
  }

  .contact-info.flip .item:first-child {
    order: 1;
  }

  .contact-info.flip .item:last-child {
    margin-right: 0;
    order: 2;
  }

  .featured-content.shaded {
    padding: 30px 0;
  }

  .featured-content.shaded > .container {
    padding: 0 30px;
    max-width: 100%;
  }

  .featured-news > .container {
    display: block;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  .featured-news .feature {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .featured-news .feature .headline {
    font-size: 1.44rem;
  }

  .featured-news .featurette {
    margin: -2rem 1rem 0;
  }

  .featured-news .four-block .tiles {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .four-block .tiles {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .four-column-tout > .container {
    flex-direction: column;
    margin-right: 0;
  }

  .four-column-tout .col {
    margin-right: 0;
  }

  .hero .grounding-bars {
    width: 4rem;
  }

  .hero .link-bar .container {
    align-items: stretch;
    margin: 0;
  }

  .hero .link-bar li {
    margin: 0 0 1rem;
    flex-basis: auto;
  }

  .hero .link-bar li:last-child {
    margin-bottom: 0;
  }

  .calendar .highlight {
    flex-basis: auto;
  }

  .calendar .container {
    flex-direction: column;
  }

  .calendar .highlight {
    border-right: none;
    border-bottom: 1px solid #c2c2c2;
  }

  .calendar .highlight:last-child {
    border-bottom: none;
  }

  .link-bar > .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  #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 {
    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%;
  }

  .ProfileAbstract .ContactInfoContainer {
    width: 100%;
  }

  .ProfileAbstract .AbstractContainer {
    display: none;
  }

  .quick-links {
    border-bottom: 1px solid #c2c2c2;
  }

  .quick-links .link-bar .container {
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 0;
  }

  .quick-links .link-bar li {
    margin: 0 0 1rem;
  }

  .quick-links .link-bar li:last-child {
    margin-bottom: 0;
  }

  .related-content > .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .related-content .item {
    flex-basis: 100%;
  }

  .statistic .highlight {
    flex-basis: auto;
  }

  .statistic .container {
    flex-direction: column;
  }

  .statistic .highlight {
    border-right: none;
    border-bottom: 1px solid #c2c2c2;
  }

  .statistic .highlight:last-child {
    border-bottom: none;
  }

  .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;
  }

  .three-column-tout > .container {
    flex-direction: column;
    margin-right: 0;
  }

  .three-column-tout .col {
    margin-right: 0;
  }

  .tile .headline {
    font-size: 1rem;
  }

  .tile .description {
    font-size: 0.83333rem;
  }

  .tout.Horz {
    flex-direction: column;
  }

  .tout.Horz .container {
    margin-left: 0;
  }

  .two-column-tout .tout-container {
    flex-direction: column;
    margin-right: 0;
    margin-bottom: 0;
  }

  .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;
  }

  .Profile .ProfilePicture {
    display: block;
    float: none;
    margin-right: 0;
  }
}

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

  .hero .grounding-bar.svg-wrapper {
    width: 4rem;
    padding-bottom: 1.33rem;
  }
}

@media screen and (max-width: 768px) and (-ms-high-contrast: none) {
  .academics-search .facet {
    flex-basis: auto;
  }
}

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

@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;
  }

  .grid_container.MainContent {
    margin-top: 0;
  }

  button.back-to-top--bug.shift-up {
    bottom: 0;
  }

  button.back-to-top--bug.shift-left {
    left: 0;
  }

  .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;
  }

  .campaign-photo {
    width: 100% !important;
    margin-left: 0;
  }

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

@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;
    clip-path: inset(0px 130px 0px 0px);
  }

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

@media screen and (max-width: 591px) {
  div.BPlogin {
    visibility: hidden;
  }
}

@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;
  }

  #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;
  }
}

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

  #Masthead #MastheadInner .Logo h1 > img {
    margin-left: -15px;
    width: 150px;
    top: -20px;
  }

  #Masthead #MastheadInner .Logo h1 > img {
    margin-left: -25px;
  }

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

@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;
  }

  .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;
  }

  .ContentColumn div > .Rowstart.grid_third:nth-last-child(3) {
    margin-bottom: 3rem;
  }

  .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;
  }

  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;
  }

  .SearchMenuDropDown {
    display: inline-block;
    border-left: 1px solid #9e666b;
    overflow: hidden;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
  }

  /* -- 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 {
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .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;
  }

  .SearchMenuDropDown {
    position: relative;
  }

  .SearchMenuDropDown span,
  .SearchMenuDropDown input,
  .SearchMenuDropDown label.magnifyicon {
    top: 0;
    left: 0;
  }

  .SearchMenuDropDown span {
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    clip-path: inset(10px 3px 15px 10px);
    z-index: 1;
  }
}

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

  .nav-area {
    width: 100%;
  }
}

@media screen and (max-width: 385px) {
  #MastheadControls .NavMenu {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  #Masthead #MastheadInner > .Logo {
    display: none;
  }
}

@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;
  }
}

@media print {
  body {
    color: black;
    background-color: white;
  }

  body.mlp,
  body.campus {
    background-image: none;
  }

  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;
  }

  .PrintOnly {
    display: block !important;
  }

  #ContentColumn {
    width: 100%;
  }

  .grid_container .MainContent > .grid_third {
    display: none;
  }

  .breadcrumb-new {
    display: none;
  }

  .footer {
    background-color: transparent;
    color: black;
    border-top: 1px solid #c2c2c2;
    border-top-color: #425563;
  }

  .footer h2 {
    color: black;
  }

  .footer a {
    color: black;
  }

  .footer .grounding-bars {
    fill: #425563;
  }

  .footer .wordmark-straight {
    fill: #5e0009;
  }

  .footer .branding.default {
    display: none;
  }

  .footer .connect .icon svg {
    fill: black;
  }

  .footer .social .icon a {
    border-color: #425563;
  }

  .footer .social .icon svg {
    fill: #425563;
  }

  .footer .hashtag a {
    color: black;
  }

  .footer .hashtag a::after {
    content: '';
  }

  .MainNav {
    display: none;
  }

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

  #Masthead {
    background-color: transparent;
    margin-bottom: 3rem;
  }

  #MastheadInner {
    padding: 0 30px;
  }

  #MastheadInner nav {
    display: none;
  }

  .UnitMasthead {
    display: block;
    height: auto;
    border-bottom: 1px solid #c2c2c2;
  }

  .UnitMasthead .SiteTitle,
  .UnitMasthead .SiteTitle h1 {
    font-size: 2.98598rem;
    line-height: 1.2;
  }

  .UnitMasthead .SiteTitle img {
    height: auto;
    max-height: 60px;
    max-width: 300px;
    width: auto;
  }

  .UnitMasthead .SiteTitle .ParentTitle {
    font-size: 1rem;
    line-height: 1.2;
  }

  .accordion .accordion-icon {
    display: none;
  }

  .accordion .hidden {
    display: block;
  }

  .back-to-top {
    display: none;
  }

  .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;
  }

  .spotlight-carousel {
    background-color: transparent;
  }

  .spotlight-carousel > .container {
    max-width: 100%;
  }

  .spotlight-carousel .slide > .container {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 60px;
  }

  .spotlight-carousel .call-to-action {
    padding: 0;
  }

  .spotlight-carousel .image-container {
    padding-bottom: 0;
    flex-grow: 1.25;
    flex-shrink: 0;
    flex-basis: 0;
    margin-left: 0;
  }

  .spotlight-carousel .image {
    position: static;
    left: 0;
    top: 0;
    height: auto;
    transform: none;
    width: 100%;
  }

  .spotlight-carousel .crop {
    background: transparent;
    height: auto;
  }

  .spotlight-carousel.expand {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .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;
  }

  .hero:first-child {
    margin-top: 0;
  }

  .hero .cta-container {
    margin: 0;
  }

  .hero .link-bar .container {
    margin: 0;
  }

  .important-link a {
    border: 1px solid #c2c2c2;
  }

  .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;
  }

  .navigation-side {
    display: none;
  }

  .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;
  }

  .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;
  }

  .Slides {
    height: auto !important;
    background: transparent;
  }

  .Slides ul {
    display: flex;
    flex-direction: column;
  }

  .Slides p {
    padding: 0 0 0.75rem;
  }

  .Slides .Controls {
    display: none;
  }

  .Slides .Slide {
    display: block;
    position: static;
    margin-bottom: 3rem;
    background-color: transparent;
  }

  .Slides .Slide:last-child {
    margin-bottom: 0;
  }

  .Slides .Slide .title {
    padding: 1rem 0 0;
  }

  .Slides .Slide .blockWrap {
    margin-bottom: 0;
  }

  .quick-links {
    background-color: transparent;
  }

  .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;
  }

  .rotator {
    display: none;
  }

  .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;
  }

  .tabs-edit .tablist {
    display: none;
  }

  .tabs-edit .panels {
    border: none;
    padding: 0;
  }

  .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;
  }
}

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

  .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;
  }

  .footer .logo.svg-wrapper {
    width: 16rem;
    padding-bottom: 3.18rem;
  }

  .footer .social {
    width: 100%;
  }

  .hero .video__button {
    display: none;
  }

  .hero .svg-wrapper {
    position: relative;
    height: 0;
    margin: 0 auto;
  }

  .hero .svg-wrapper svg {
    position: absolute;
    top: 0;
    left: 0;
  }

  .tile .description {
    width: 100%;
  }
}

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

  .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 .feature-image-container {
    box-shadow: 0.75rem 0.75rem #2f0005;
  }

  .tabs-edit .panel.hidden {
    display: none;
  }

  .tabs-edit .tab__panel-headline {
    display: none;
  }
}