@charset "UTF-8";
@import url("https://use.typekit.net/gvn6exc.css");
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.35;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: left;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
       appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

html {
  font-size: 18px;
}

body {
  margin: 0;
  padding: 0;
  font-family: "prenton", sans-serif;
  overflow-x: hidden;
  transition: all 0.3s ease;
  background-color: #fff;
}

html:has(body.scroll-lock),
body.scroll-lock {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.25rem;
  line-height: 1.35;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 400;
  color: inherit;
}

h2,
h4 {
  text-transform: uppercase;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.35rem;
  padding-bottom: 0.125em;
  margin-bottom: 0.35em;
  border-bottom: transparent 1px solid;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
  font-family: "prenton", sans-serif;
  font-weight: 700;
}

p,
a,
section {
  position: relative;
  margin: 0;
  padding: 0;
}

a {
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-decoration: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  font-style: inherit;
}

img {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

hr {
  margin: 1.5em 0;
  border-top: none;
  border-color: #e7ded1;
}
hr.hr--admissions {
  border-top: solid 1px;
  border-color: #E3D9CB;
}
@media only screen and (min-width: 1024px) {
  hr.hr--admissions {
    margin: 2.2222222222rem 0;
  }
}

small {
  display: inline-block;
  font-size: 0.9375em;
  line-height: 1.25em;
}

button {
  cursor: pointer;
}

legend {
  color: #0a0a0a;
  font-weight: 700;
}

form {
  margin: 0;
}

@media only screen and (max-width: 1023px) {
  label,
  input,
  select {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  label,
  input,
  select {
    font-size: 0.9375rem;
  }
}

label {
  color: #471f6e;
  font-weight: 700;
}

input,
select,
textarea {
  padding: 0.65em 0.75em;
  border: #e7ded1 1px solid;
  outline: none;
  transition: all 0.25s ease-in-out;
  font-family: "hypatia-sans-pro", sans-serif;
}
input:focus,
select:focus,
textarea:focus {
  box-shadow: inset 0 0 0 2px #b79257;
  border-color: #b79257;
}

select {
  min-height: calc(2.65em + 4px);
}

table {
  position: relative;
}

iframe {
  width: 100%;
}

blockquote {
  font-style: italic;
  font-size: 1.25rem;
}
blockquote cite {
  display: block;
  margin-top: 0.5em;
  font-style: normal;
}

main.home-page-content {
  margin-bottom: 35px;
}
@media only screen and (min-width: 1024px) {
  main.home-page-content {
    margin-bottom: 50px;
  }
}

.grid,
.page-grid {
  display: grid;
  grid-template-rows: auto;
}

@media only screen and (max-width: 767px) {
  .page-grid {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid {
    grid-template-columns: repeat(6, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid {
    grid-template-columns: repeat(12, minmax(50px, 1fr));
  }
}
@media only screen and (max-width: 1023px) {
  .page-grid {
    grid-gap: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .page-grid {
    grid-gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-1-4, .page-grid.columns-2-3, .page-grid.columns-3-2, .page-grid.columns-4-1 {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-1-4, .page-grid.columns-2-3, .page-grid.columns-3-2, .page-grid.columns-4-1 {
    grid-template-columns: repeat(10, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-1 > * {
    grid-column: auto/span 6;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-1 > * {
    grid-column: auto/span 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page-grid.columns-2 > * {
    grid-column: auto/span 6;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .page-grid.columns-2 > * {
    grid-column: auto/span 3;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-2 > * {
    grid-column: auto/span 6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-3 > * {
    grid-column: auto/span 2;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-3 > * {
    grid-column: auto/span 4;
  }
}
@media only screen and (min-width: 768px) {
  .page-grid.columns-4 > * {
    grid-column: auto/span 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-5 > * {
    grid-column: auto/span 1;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-5 > * {
    grid-column: auto/span 2;
  }
}
@media only screen and (min-width: 768px) {
  .page-grid.columns-6 > * {
    grid-column: auto/span 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-1-2 > *, .page-grid.columns-1-3 > *, .page-grid.columns-2-1 > *, .page-grid.columns-3-1 > * {
    grid-column: auto/span 3;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-1-2 > *:nth-child(2n+1) {
    grid-column: auto/span 4;
  }
  .page-grid.columns-1-2 > *:nth-child(2n+2) {
    grid-column: auto/span 8;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-1-3 > *:nth-child(2n+1) {
    grid-column: auto/span 3;
  }
  .page-grid.columns-1-3 > *:nth-child(2n+2) {
    grid-column: auto/span 9;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-1-4 > *:nth-child(2n+1) {
    grid-column: auto/span 1;
  }
  .page-grid.columns-1-4 > *:nth-child(2n+2) {
    grid-column: auto/span 4;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-1-4 > *:nth-child(2n+1) {
    grid-column: auto/span 2;
  }
  .page-grid.columns-1-4 > *:nth-child(2n+2) {
    grid-column: auto/span 8;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-2-1 > *:nth-child(2n+1) {
    grid-column: auto/span 8;
  }
  .page-grid.columns-2-1 > *:nth-child(2n+2) {
    grid-column: auto/span 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-2-3 > *:nth-child(2n+1) {
    grid-column: auto/span 2;
  }
  .page-grid.columns-2-3 > *:nth-child(2n+2) {
    grid-column: auto/span 3;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-2-3 > *:nth-child(2n+1) {
    grid-column: auto/span 4;
  }
  .page-grid.columns-2-3 > *:nth-child(2n+2) {
    grid-column: auto/span 6;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-3-1 > *:nth-child(2n+1) {
    grid-column: auto/span 9;
  }
  .page-grid.columns-3-1 > *:nth-child(2n+2) {
    grid-column: auto/span 3;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-3-2 > *:nth-child(2n+1) {
    grid-column: auto/span 3;
  }
  .page-grid.columns-3-2 > *:nth-child(2n+2) {
    grid-column: auto/span 2;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-3-2 > *:nth-child(2n+1) {
    grid-column: auto/span 6;
  }
  .page-grid.columns-3-2 > *:nth-child(2n+2) {
    grid-column: auto/span 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-grid.columns-4-1 > *:nth-child(2n+1) {
    grid-column: auto/span 4;
  }
  .page-grid.columns-4-1 > *:nth-child(2n+2) {
    grid-column: auto/span 1;
  }
}
@media only screen and (min-width: 1200px) {
  .page-grid.columns-4-1 > *:nth-child(2n+1) {
    grid-column: auto/span 8;
  }
  .page-grid.columns-4-1 > *:nth-child(2n+2) {
    grid-column: auto/span 2;
  }
}

@media only screen and (max-width: 767px) {
  .grid {
    grid-template-columns: minmax(50px, 1fr);
  }
}
.grid.columns-1 {
  grid-template-columns: minmax(50px, 1fr);
}
@media only screen and (min-width: 768px) {
  .grid[class*=smaller-than].columns-2 {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
}
.grid[class*=larger-than].columns-2, .grid[class*=equal-to].columns-2 {
  grid-template-columns: repeat(2, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid[data-breakpoints="500"].columns-2 {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
}
@media (min-width: 500px) {
  .grid[data-breakpoints="500"].columns-2 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid[data-breakpoints="650"].columns-2 {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
}
@media (min-width: 650px) {
  .grid[data-breakpoints="650"].columns-2 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid[data-breakpoints="768"].columns-2 {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
}
@media (min-width: 768px) {
  .grid[data-breakpoints="768"].columns-2 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-2 {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
}
@media (min-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-2 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
.grid[class*=larger-than].columns-3, .grid[class*=equal-to].columns-3 {
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid[data-breakpoints="500"].columns-3 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 500px) {
  .grid[data-breakpoints="500"].columns-3 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid[data-breakpoints="650"].columns-3 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 650px) {
  .grid[data-breakpoints="650"].columns-3 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid[data-breakpoints="768"].columns-3 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 768px) {
  .grid[data-breakpoints="768"].columns-3 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-3 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-3 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 768px) {
  .grid[class*=smaller-than].columns-4 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
.grid[class*=larger-than].columns-4, .grid[class*=equal-to].columns-4 {
  grid-template-columns: repeat(4, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid[data-breakpoints="500"].columns-4 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (min-width: 500px) {
  .grid[data-breakpoints="500"].columns-4 {
    grid-template-columns: repeat(4, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid[data-breakpoints="650"].columns-4 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (min-width: 650px) {
  .grid[data-breakpoints="650"].columns-4 {
    grid-template-columns: repeat(4, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid[data-breakpoints="768"].columns-4 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (min-width: 768px) {
  .grid[data-breakpoints="768"].columns-4 {
    grid-template-columns: repeat(4, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-4 {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (min-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-4 {
    grid-template-columns: repeat(4, minmax(50px, 1fr));
  }
}
.grid[class*=larger-than].columns-5, .grid[class*=equal-to].columns-5 {
  grid-template-columns: repeat(5, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid[data-breakpoints="500"].columns-5 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 500px) {
  .grid[data-breakpoints="500"].columns-5 {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid[data-breakpoints="650"].columns-5 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 650px) {
  .grid[data-breakpoints="650"].columns-5 {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid[data-breakpoints="768"].columns-5 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 768px) {
  .grid[data-breakpoints="768"].columns-5 {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-5 {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media (min-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-5 {
    grid-template-columns: repeat(5, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 768px) {
  .grid[class*=smaller-than].columns-6 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
.grid[class*=larger-than].columns-6, .grid[class*=equal-to].columns-6 {
  grid-template-columns: repeat(6, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid[data-breakpoints="500"].columns-6 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (min-width: 500px) {
  .grid[data-breakpoints="500"].columns-6 {
    grid-template-columns: repeat(6, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid[data-breakpoints="650"].columns-6 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (min-width: 650px) {
  .grid[data-breakpoints="650"].columns-6 {
    grid-template-columns: repeat(6, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid[data-breakpoints="768"].columns-6 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (min-width: 768px) {
  .grid[data-breakpoints="768"].columns-6 {
    grid-template-columns: repeat(6, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-6 {
    grid-template-columns: repeat(3, minmax(50px, 1fr));
  }
}
@media (min-width: 1080px) {
  .grid[data-breakpoints="1080"].columns-6 {
    grid-template-columns: repeat(6, minmax(50px, 1fr));
  }
}
.grid.grid-gap-5 {
  grid-gap: 5px;
}
.grid.grid-gap-10 {
  grid-gap: 10px;
}
.grid.grid-gap-15 {
  grid-gap: 15px;
}
.grid.grid-gap-20 {
  grid-gap: 20px;
}
.grid.grid-gap-25 {
  grid-gap: 25px;
}
.grid.grid-gap-30 {
  grid-gap: 30px;
}
.grid.grid-gap-35 {
  grid-gap: 35px;
}
.grid.grid-gap-40 {
  grid-gap: 40px;
}
.grid.grid-gap-45 {
  grid-gap: 45px;
}
.grid.grid-gap-50 {
  grid-gap: 50px;
}
@media only screen and (max-width: 767px) {
  .grid.columns-1-small {
    grid-template-columns: minmax(50px, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .grid.columns-2-small {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .grid.columns-2-medium {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .grid.columns-4-medium {
    grid-template-columns: repeat(4, minmax(50px, 1fr));
  }
}
.grid.columns-1-2[class*=smaller-than], .grid.columns-1-3[class*=smaller-than], .grid.columns-1-4[class*=smaller-than], .grid.columns-2-1[class*=smaller-than], .grid.columns-2-3[class*=smaller-than], .grid.columns-3-1[class*=smaller-than], .grid.columns-3-2 .grid.columns-4-1[class*=smaller-than] {
  grid-template-columns: repeat(1, minmax(50px, 1fr));
}
@media (max-width: 500px) {
  .grid.columns-1-2[data-breakpoints="500"], .grid.columns-1-3[data-breakpoints="500"], .grid.columns-1-4[data-breakpoints="500"], .grid.columns-2-1[data-breakpoints="500"], .grid.columns-2-3[data-breakpoints="500"], .grid.columns-3-1[data-breakpoints="500"], .grid.columns-3-2 .grid.columns-4-1[data-breakpoints="500"] {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 650px) {
  .grid.columns-1-2[data-breakpoints="650"], .grid.columns-1-3[data-breakpoints="650"], .grid.columns-1-4[data-breakpoints="650"], .grid.columns-2-1[data-breakpoints="650"], .grid.columns-2-3[data-breakpoints="650"], .grid.columns-3-1[data-breakpoints="650"], .grid.columns-3-2 .grid.columns-4-1[data-breakpoints="650"] {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 768px) {
  .grid.columns-1-2[data-breakpoints="768"], .grid.columns-1-3[data-breakpoints="768"], .grid.columns-1-4[data-breakpoints="768"], .grid.columns-2-1[data-breakpoints="768"], .grid.columns-2-3[data-breakpoints="768"], .grid.columns-3-1[data-breakpoints="768"], .grid.columns-3-2 .grid.columns-4-1[data-breakpoints="768"] {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
@media (max-width: 1080px) {
  .grid.columns-1-2[data-breakpoints="1080"], .grid.columns-1-3[data-breakpoints="1080"], .grid.columns-1-4[data-breakpoints="1080"], .grid.columns-2-1[data-breakpoints="1080"], .grid.columns-2-3[data-breakpoints="1080"], .grid.columns-3-1[data-breakpoints="1080"], .grid.columns-3-2 .grid.columns-4-1[data-breakpoints="1080"] {
    grid-template-columns: repeat(2, minmax(50px, 1fr));
  }
}
.grid.columns-1-2[class*=larger-than], .grid.columns-1-2[class*=equal-to] {
  grid-template-columns: 1fr 2fr;
}
@media (min-width: 500px) {
  .grid.columns-1-2[data-breakpoints="500"] {
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-1-2[data-breakpoints="650"] {
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-1-2[data-breakpoints="768"] {
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-1-2[data-breakpoints="1080"] {
    grid-template-columns: 1fr 2fr;
  }
}
.grid.columns-1-3[class*=larger-than], .grid.columns-1-3[class*=equal-to] {
  grid-template-columns: 1fr 3fr;
}
@media (min-width: 500px) {
  .grid.columns-1-3[data-breakpoints="500"] {
    grid-template-columns: 1fr 3fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-1-3[data-breakpoints="650"] {
    grid-template-columns: 1fr 3fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-1-3[data-breakpoints="768"] {
    grid-template-columns: 1fr 3fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-1-3[data-breakpoints="1080"] {
    grid-template-columns: 1fr 3fr;
  }
}
.grid.columns-1-4[class*=larger-than], .grid.columns-1-4[class*=equal-to] {
  grid-template-columns: 1fr 4fr;
}
@media (min-width: 500px) {
  .grid.columns-1-4[data-breakpoints="500"] {
    grid-template-columns: 1fr 4fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-1-4[data-breakpoints="650"] {
    grid-template-columns: 1fr 4fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-1-4[data-breakpoints="768"] {
    grid-template-columns: 1fr 4fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-1-4[data-breakpoints="1080"] {
    grid-template-columns: 1fr 4fr;
  }
}
.grid.columns-2-1[class*=larger-than], .grid.columns-2-1[class*=equal-to] {
  grid-template-columns: 2fr 1fr;
}
@media (min-width: 500px) {
  .grid.columns-2-1[data-breakpoints="500"] {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-2-1[data-breakpoints="650"] {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-2-1[data-breakpoints="768"] {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-2-1[data-breakpoints="1080"] {
    grid-template-columns: 2fr 1fr;
  }
}
.grid.columns-2-3[class*=larger-than], .grid.columns-2-3[class*=equal-to] {
  grid-template-columns: 2fr 3fr;
}
@media (min-width: 500px) {
  .grid.columns-2-3[data-breakpoints="500"] {
    grid-template-columns: 2fr 3fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-2-3[data-breakpoints="650"] {
    grid-template-columns: 2fr 3fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-2-3[data-breakpoints="768"] {
    grid-template-columns: 2fr 3fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-2-3[data-breakpoints="1080"] {
    grid-template-columns: 2fr 3fr;
  }
}
.grid.columns-3-1[class*=larger-than], .grid.columns-3-1[class*=equal-to] {
  grid-template-columns: 3fr 1fr;
}
@media (min-width: 500px) {
  .grid.columns-3-1[data-breakpoints="500"] {
    grid-template-columns: 3fr 1fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-3-1[data-breakpoints="650"] {
    grid-template-columns: 3fr 1fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-3-1[data-breakpoints="768"] {
    grid-template-columns: 3fr 1fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-3-1[data-breakpoints="1080"] {
    grid-template-columns: 3fr 1fr;
  }
}
.grid.columns-3-2[class*=larger-than], .grid.columns-3-2[class*=equal-to] {
  grid-template-columns: 3fr 2fr;
}
@media (min-width: 500px) {
  .grid.columns-3-2[data-breakpoints="500"] {
    grid-template-columns: 3fr 2fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-3-2[data-breakpoints="650"] {
    grid-template-columns: 3fr 2fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-3-2[data-breakpoints="768"] {
    grid-template-columns: 3fr 2fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-3-2[data-breakpoints="1080"] {
    grid-template-columns: 3fr 2fr;
  }
}
.grid.columns-4-1[class*=larger-than], .grid.columns-4-1[class*=equal-to] {
  grid-template-columns: 4fr 1fr;
}
@media (min-width: 500px) {
  .grid.columns-4-1[data-breakpoints="500"] {
    grid-template-columns: 4fr 1fr;
  }
}
@media (min-width: 650px) {
  .grid.columns-4-1[data-breakpoints="650"] {
    grid-template-columns: 4fr 1fr;
  }
}
@media (min-width: 768px) {
  .grid.columns-4-1[data-breakpoints="768"] {
    grid-template-columns: 4fr 1fr;
  }
}
@media (min-width: 1080px) {
  .grid.columns-4-1[data-breakpoints="1080"] {
    grid-template-columns: 4fr 1fr;
  }
}

.column {
  position: relative;
}

.blue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  gap: 0.8888888889rem;
  grid-auto-flow: dense;
  justify-items: stretch;
  align-items: stretch;
  position: relative;
  z-index: 1;
}
.blue-grid .blue-grid__item {
  grid-column: span 1/span 1;
  grid-row: span 1/span 1;
}
.blue-grid.blue-grid--match-height .blue-grid__item {
  display: flex;
}
.blue-grid.blue-grid--match-height .blue-grid__item > * {
  height: auto;
  align-self: stretch;
  flex: 1 1 100%;
}
.blue-grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.blue-grid__item--col-span-1 {
  grid-column: span 1/span 1;
}
.blue-grid__item--row-span-1 {
  grid-row: span 1/span 1;
}
.blue-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.blue-grid__item--col-span-2 {
  grid-column: span 2/span 2;
}
.blue-grid__item--row-span-2 {
  grid-row: span 2/span 2;
}
.blue-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.blue-grid__item--col-span-3 {
  grid-column: span 3/span 3;
}
.blue-grid__item--row-span-3 {
  grid-row: span 3/span 3;
}
.blue-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.blue-grid__item--col-span-4 {
  grid-column: span 4/span 4;
}
.blue-grid__item--row-span-4 {
  grid-row: span 4/span 4;
}
.blue-grid--cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.blue-grid__item--col-span-5 {
  grid-column: span 5/span 5;
}
.blue-grid__item--row-span-5 {
  grid-row: span 5/span 5;
}
.blue-grid--cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.blue-grid__item--col-span-6 {
  grid-column: span 6/span 6;
}
.blue-grid__item--row-span-6 {
  grid-row: span 6/span 6;
}
.blue-grid--cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.blue-grid__item--col-span-7 {
  grid-column: span 7/span 7;
}
.blue-grid__item--row-span-7 {
  grid-row: span 7/span 7;
}
.blue-grid--cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.blue-grid__item--col-span-8 {
  grid-column: span 8/span 8;
}
.blue-grid__item--row-span-8 {
  grid-row: span 8/span 8;
}
.blue-grid--cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.blue-grid__item--col-span-9 {
  grid-column: span 9/span 9;
}
.blue-grid__item--row-span-9 {
  grid-row: span 9/span 9;
}
.blue-grid--cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.blue-grid__item--col-span-10 {
  grid-column: span 10/span 10;
}
.blue-grid__item--row-span-10 {
  grid-row: span 10/span 10;
}
.blue-grid--cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.blue-grid__item--col-span-11 {
  grid-column: span 11/span 11;
}
.blue-grid__item--row-span-11 {
  grid-row: span 11/span 11;
}
.blue-grid--cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.blue-grid__item--col-span-12 {
  grid-column: span 12/span 12;
}
.blue-grid__item--row-span-12 {
  grid-row: span 12/span 12;
}
@media (min-width: 0) {
  .blue-grid--cols-xs1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs1 {
    grid-column: span 1/span 1;
  }
  .blue-grid__item--row-span-xs1 {
    grid-row: span 1/span 1;
  }
  .blue-grid--cols-xs2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs2 {
    grid-column: span 2/span 2;
  }
  .blue-grid__item--row-span-xs2 {
    grid-row: span 2/span 2;
  }
  .blue-grid--cols-xs3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs3 {
    grid-column: span 3/span 3;
  }
  .blue-grid__item--row-span-xs3 {
    grid-row: span 3/span 3;
  }
  .blue-grid--cols-xs4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs4 {
    grid-column: span 4/span 4;
  }
  .blue-grid__item--row-span-xs4 {
    grid-row: span 4/span 4;
  }
  .blue-grid--cols-xs5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs5 {
    grid-column: span 5/span 5;
  }
  .blue-grid__item--row-span-xs5 {
    grid-row: span 5/span 5;
  }
  .blue-grid--cols-xs6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs6 {
    grid-column: span 6/span 6;
  }
  .blue-grid__item--row-span-xs6 {
    grid-row: span 6/span 6;
  }
  .blue-grid--cols-xs7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs7 {
    grid-column: span 7/span 7;
  }
  .blue-grid__item--row-span-xs7 {
    grid-row: span 7/span 7;
  }
  .blue-grid--cols-xs8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs8 {
    grid-column: span 8/span 8;
  }
  .blue-grid__item--row-span-xs8 {
    grid-row: span 8/span 8;
  }
  .blue-grid--cols-xs9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs9 {
    grid-column: span 9/span 9;
  }
  .blue-grid__item--row-span-xs9 {
    grid-row: span 9/span 9;
  }
  .blue-grid--cols-xs10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs10 {
    grid-column: span 10/span 10;
  }
  .blue-grid__item--row-span-xs10 {
    grid-row: span 10/span 10;
  }
  .blue-grid--cols-xs11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs11 {
    grid-column: span 11/span 11;
  }
  .blue-grid__item--row-span-xs11 {
    grid-row: span 11/span 11;
  }
  .blue-grid--cols-xs12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xs12 {
    grid-column: span 12/span 12;
  }
  .blue-grid__item--row-span-xs12 {
    grid-row: span 12/span 12;
  }
  .blue-grid__item--col-start-xs1 {
    grid-column-start: 1;
  }
  .blue-grid__item--col-end-xs1 {
    grid-column-end: 1;
  }
  .blue-grid__item--col-start-xs2 {
    grid-column-start: 2;
  }
  .blue-grid__item--col-end-xs2 {
    grid-column-end: 2;
  }
  .blue-grid__item--col-start-xs3 {
    grid-column-start: 3;
  }
  .blue-grid__item--col-end-xs3 {
    grid-column-end: 3;
  }
  .blue-grid__item--col-start-xs4 {
    grid-column-start: 4;
  }
  .blue-grid__item--col-end-xs4 {
    grid-column-end: 4;
  }
  .blue-grid__item--col-start-xs5 {
    grid-column-start: 5;
  }
  .blue-grid__item--col-end-xs5 {
    grid-column-end: 5;
  }
  .blue-grid__item--col-start-xs6 {
    grid-column-start: 6;
  }
  .blue-grid__item--col-end-xs6 {
    grid-column-end: 6;
  }
  .blue-grid__item--col-start-xs7 {
    grid-column-start: 7;
  }
  .blue-grid__item--col-end-xs7 {
    grid-column-end: 7;
  }
  .blue-grid__item--col-start-xs8 {
    grid-column-start: 8;
  }
  .blue-grid__item--col-end-xs8 {
    grid-column-end: 8;
  }
  .blue-grid__item--col-start-xs9 {
    grid-column-start: 9;
  }
  .blue-grid__item--col-end-xs9 {
    grid-column-end: 9;
  }
  .blue-grid__item--col-start-xs10 {
    grid-column-start: 10;
  }
  .blue-grid__item--col-end-xs10 {
    grid-column-end: 10;
  }
  .blue-grid__item--col-start-xs11 {
    grid-column-start: 11;
  }
  .blue-grid__item--col-end-xs11 {
    grid-column-end: 11;
  }
  .blue-grid__item--col-start-xs12 {
    grid-column-start: 12;
  }
  .blue-grid__item--col-end-xs12 {
    grid-column-end: 12;
  }
}
@media (min-width: 415px) {
  .blue-grid--cols-sm1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm1 {
    grid-column: span 1/span 1;
  }
  .blue-grid__item--row-span-sm1 {
    grid-row: span 1/span 1;
  }
  .blue-grid--cols-sm2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm2 {
    grid-column: span 2/span 2;
  }
  .blue-grid__item--row-span-sm2 {
    grid-row: span 2/span 2;
  }
  .blue-grid--cols-sm3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm3 {
    grid-column: span 3/span 3;
  }
  .blue-grid__item--row-span-sm3 {
    grid-row: span 3/span 3;
  }
  .blue-grid--cols-sm4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm4 {
    grid-column: span 4/span 4;
  }
  .blue-grid__item--row-span-sm4 {
    grid-row: span 4/span 4;
  }
  .blue-grid--cols-sm5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm5 {
    grid-column: span 5/span 5;
  }
  .blue-grid__item--row-span-sm5 {
    grid-row: span 5/span 5;
  }
  .blue-grid--cols-sm6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm6 {
    grid-column: span 6/span 6;
  }
  .blue-grid__item--row-span-sm6 {
    grid-row: span 6/span 6;
  }
  .blue-grid--cols-sm7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm7 {
    grid-column: span 7/span 7;
  }
  .blue-grid__item--row-span-sm7 {
    grid-row: span 7/span 7;
  }
  .blue-grid--cols-sm8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm8 {
    grid-column: span 8/span 8;
  }
  .blue-grid__item--row-span-sm8 {
    grid-row: span 8/span 8;
  }
  .blue-grid--cols-sm9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm9 {
    grid-column: span 9/span 9;
  }
  .blue-grid__item--row-span-sm9 {
    grid-row: span 9/span 9;
  }
  .blue-grid--cols-sm10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm10 {
    grid-column: span 10/span 10;
  }
  .blue-grid__item--row-span-sm10 {
    grid-row: span 10/span 10;
  }
  .blue-grid--cols-sm11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm11 {
    grid-column: span 11/span 11;
  }
  .blue-grid__item--row-span-sm11 {
    grid-row: span 11/span 11;
  }
  .blue-grid--cols-sm12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-sm12 {
    grid-column: span 12/span 12;
  }
  .blue-grid__item--row-span-sm12 {
    grid-row: span 12/span 12;
  }
  .blue-grid__item--col-start-sm1 {
    grid-column-start: 1;
  }
  .blue-grid__item--col-end-sm1 {
    grid-column-end: 1;
  }
  .blue-grid__item--col-start-sm2 {
    grid-column-start: 2;
  }
  .blue-grid__item--col-end-sm2 {
    grid-column-end: 2;
  }
  .blue-grid__item--col-start-sm3 {
    grid-column-start: 3;
  }
  .blue-grid__item--col-end-sm3 {
    grid-column-end: 3;
  }
  .blue-grid__item--col-start-sm4 {
    grid-column-start: 4;
  }
  .blue-grid__item--col-end-sm4 {
    grid-column-end: 4;
  }
  .blue-grid__item--col-start-sm5 {
    grid-column-start: 5;
  }
  .blue-grid__item--col-end-sm5 {
    grid-column-end: 5;
  }
  .blue-grid__item--col-start-sm6 {
    grid-column-start: 6;
  }
  .blue-grid__item--col-end-sm6 {
    grid-column-end: 6;
  }
  .blue-grid__item--col-start-sm7 {
    grid-column-start: 7;
  }
  .blue-grid__item--col-end-sm7 {
    grid-column-end: 7;
  }
  .blue-grid__item--col-start-sm8 {
    grid-column-start: 8;
  }
  .blue-grid__item--col-end-sm8 {
    grid-column-end: 8;
  }
  .blue-grid__item--col-start-sm9 {
    grid-column-start: 9;
  }
  .blue-grid__item--col-end-sm9 {
    grid-column-end: 9;
  }
  .blue-grid__item--col-start-sm10 {
    grid-column-start: 10;
  }
  .blue-grid__item--col-end-sm10 {
    grid-column-end: 10;
  }
  .blue-grid__item--col-start-sm11 {
    grid-column-start: 11;
  }
  .blue-grid__item--col-end-sm11 {
    grid-column-end: 11;
  }
  .blue-grid__item--col-start-sm12 {
    grid-column-start: 12;
  }
  .blue-grid__item--col-end-sm12 {
    grid-column-end: 12;
  }
}
@media (min-width: 768px) {
  .blue-grid--cols-md1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md1 {
    grid-column: span 1/span 1;
  }
  .blue-grid__item--row-span-md1 {
    grid-row: span 1/span 1;
  }
  .blue-grid--cols-md2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md2 {
    grid-column: span 2/span 2;
  }
  .blue-grid__item--row-span-md2 {
    grid-row: span 2/span 2;
  }
  .blue-grid--cols-md3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md3 {
    grid-column: span 3/span 3;
  }
  .blue-grid__item--row-span-md3 {
    grid-row: span 3/span 3;
  }
  .blue-grid--cols-md4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md4 {
    grid-column: span 4/span 4;
  }
  .blue-grid__item--row-span-md4 {
    grid-row: span 4/span 4;
  }
  .blue-grid--cols-md5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md5 {
    grid-column: span 5/span 5;
  }
  .blue-grid__item--row-span-md5 {
    grid-row: span 5/span 5;
  }
  .blue-grid--cols-md6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md6 {
    grid-column: span 6/span 6;
  }
  .blue-grid__item--row-span-md6 {
    grid-row: span 6/span 6;
  }
  .blue-grid--cols-md7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md7 {
    grid-column: span 7/span 7;
  }
  .blue-grid__item--row-span-md7 {
    grid-row: span 7/span 7;
  }
  .blue-grid--cols-md8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md8 {
    grid-column: span 8/span 8;
  }
  .blue-grid__item--row-span-md8 {
    grid-row: span 8/span 8;
  }
  .blue-grid--cols-md9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md9 {
    grid-column: span 9/span 9;
  }
  .blue-grid__item--row-span-md9 {
    grid-row: span 9/span 9;
  }
  .blue-grid--cols-md10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md10 {
    grid-column: span 10/span 10;
  }
  .blue-grid__item--row-span-md10 {
    grid-row: span 10/span 10;
  }
  .blue-grid--cols-md11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md11 {
    grid-column: span 11/span 11;
  }
  .blue-grid__item--row-span-md11 {
    grid-row: span 11/span 11;
  }
  .blue-grid--cols-md12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-md12 {
    grid-column: span 12/span 12;
  }
  .blue-grid__item--row-span-md12 {
    grid-row: span 12/span 12;
  }
  .blue-grid__item--col-start-md1 {
    grid-column-start: 1;
  }
  .blue-grid__item--col-end-md1 {
    grid-column-end: 1;
  }
  .blue-grid__item--col-start-md2 {
    grid-column-start: 2;
  }
  .blue-grid__item--col-end-md2 {
    grid-column-end: 2;
  }
  .blue-grid__item--col-start-md3 {
    grid-column-start: 3;
  }
  .blue-grid__item--col-end-md3 {
    grid-column-end: 3;
  }
  .blue-grid__item--col-start-md4 {
    grid-column-start: 4;
  }
  .blue-grid__item--col-end-md4 {
    grid-column-end: 4;
  }
  .blue-grid__item--col-start-md5 {
    grid-column-start: 5;
  }
  .blue-grid__item--col-end-md5 {
    grid-column-end: 5;
  }
  .blue-grid__item--col-start-md6 {
    grid-column-start: 6;
  }
  .blue-grid__item--col-end-md6 {
    grid-column-end: 6;
  }
  .blue-grid__item--col-start-md7 {
    grid-column-start: 7;
  }
  .blue-grid__item--col-end-md7 {
    grid-column-end: 7;
  }
  .blue-grid__item--col-start-md8 {
    grid-column-start: 8;
  }
  .blue-grid__item--col-end-md8 {
    grid-column-end: 8;
  }
  .blue-grid__item--col-start-md9 {
    grid-column-start: 9;
  }
  .blue-grid__item--col-end-md9 {
    grid-column-end: 9;
  }
  .blue-grid__item--col-start-md10 {
    grid-column-start: 10;
  }
  .blue-grid__item--col-end-md10 {
    grid-column-end: 10;
  }
  .blue-grid__item--col-start-md11 {
    grid-column-start: 11;
  }
  .blue-grid__item--col-end-md11 {
    grid-column-end: 11;
  }
  .blue-grid__item--col-start-md12 {
    grid-column-start: 12;
  }
  .blue-grid__item--col-end-md12 {
    grid-column-end: 12;
  }
}
@media (min-width: 1024px) {
  .blue-grid--cols-lg1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg1 {
    grid-column: span 1/span 1;
  }
  .blue-grid__item--row-span-lg1 {
    grid-row: span 1/span 1;
  }
  .blue-grid--cols-lg2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg2 {
    grid-column: span 2/span 2;
  }
  .blue-grid__item--row-span-lg2 {
    grid-row: span 2/span 2;
  }
  .blue-grid--cols-lg3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg3 {
    grid-column: span 3/span 3;
  }
  .blue-grid__item--row-span-lg3 {
    grid-row: span 3/span 3;
  }
  .blue-grid--cols-lg4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg4 {
    grid-column: span 4/span 4;
  }
  .blue-grid__item--row-span-lg4 {
    grid-row: span 4/span 4;
  }
  .blue-grid--cols-lg5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg5 {
    grid-column: span 5/span 5;
  }
  .blue-grid__item--row-span-lg5 {
    grid-row: span 5/span 5;
  }
  .blue-grid--cols-lg6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg6 {
    grid-column: span 6/span 6;
  }
  .blue-grid__item--row-span-lg6 {
    grid-row: span 6/span 6;
  }
  .blue-grid--cols-lg7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg7 {
    grid-column: span 7/span 7;
  }
  .blue-grid__item--row-span-lg7 {
    grid-row: span 7/span 7;
  }
  .blue-grid--cols-lg8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg8 {
    grid-column: span 8/span 8;
  }
  .blue-grid__item--row-span-lg8 {
    grid-row: span 8/span 8;
  }
  .blue-grid--cols-lg9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg9 {
    grid-column: span 9/span 9;
  }
  .blue-grid__item--row-span-lg9 {
    grid-row: span 9/span 9;
  }
  .blue-grid--cols-lg10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg10 {
    grid-column: span 10/span 10;
  }
  .blue-grid__item--row-span-lg10 {
    grid-row: span 10/span 10;
  }
  .blue-grid--cols-lg11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg11 {
    grid-column: span 11/span 11;
  }
  .blue-grid__item--row-span-lg11 {
    grid-row: span 11/span 11;
  }
  .blue-grid--cols-lg12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-lg12 {
    grid-column: span 12/span 12;
  }
  .blue-grid__item--row-span-lg12 {
    grid-row: span 12/span 12;
  }
  .blue-grid__item--col-start-lg1 {
    grid-column-start: 1;
  }
  .blue-grid__item--col-end-lg1 {
    grid-column-end: 1;
  }
  .blue-grid__item--col-start-lg2 {
    grid-column-start: 2;
  }
  .blue-grid__item--col-end-lg2 {
    grid-column-end: 2;
  }
  .blue-grid__item--col-start-lg3 {
    grid-column-start: 3;
  }
  .blue-grid__item--col-end-lg3 {
    grid-column-end: 3;
  }
  .blue-grid__item--col-start-lg4 {
    grid-column-start: 4;
  }
  .blue-grid__item--col-end-lg4 {
    grid-column-end: 4;
  }
  .blue-grid__item--col-start-lg5 {
    grid-column-start: 5;
  }
  .blue-grid__item--col-end-lg5 {
    grid-column-end: 5;
  }
  .blue-grid__item--col-start-lg6 {
    grid-column-start: 6;
  }
  .blue-grid__item--col-end-lg6 {
    grid-column-end: 6;
  }
  .blue-grid__item--col-start-lg7 {
    grid-column-start: 7;
  }
  .blue-grid__item--col-end-lg7 {
    grid-column-end: 7;
  }
  .blue-grid__item--col-start-lg8 {
    grid-column-start: 8;
  }
  .blue-grid__item--col-end-lg8 {
    grid-column-end: 8;
  }
  .blue-grid__item--col-start-lg9 {
    grid-column-start: 9;
  }
  .blue-grid__item--col-end-lg9 {
    grid-column-end: 9;
  }
  .blue-grid__item--col-start-lg10 {
    grid-column-start: 10;
  }
  .blue-grid__item--col-end-lg10 {
    grid-column-end: 10;
  }
  .blue-grid__item--col-start-lg11 {
    grid-column-start: 11;
  }
  .blue-grid__item--col-end-lg11 {
    grid-column-end: 11;
  }
  .blue-grid__item--col-start-lg12 {
    grid-column-start: 12;
  }
  .blue-grid__item--col-end-lg12 {
    grid-column-end: 12;
  }
}
@media (min-width: 1200px) {
  .blue-grid--cols-xl1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl1 {
    grid-column: span 1/span 1;
  }
  .blue-grid__item--row-span-xl1 {
    grid-row: span 1/span 1;
  }
  .blue-grid--cols-xl2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl2 {
    grid-column: span 2/span 2;
  }
  .blue-grid__item--row-span-xl2 {
    grid-row: span 2/span 2;
  }
  .blue-grid--cols-xl3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl3 {
    grid-column: span 3/span 3;
  }
  .blue-grid__item--row-span-xl3 {
    grid-row: span 3/span 3;
  }
  .blue-grid--cols-xl4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl4 {
    grid-column: span 4/span 4;
  }
  .blue-grid__item--row-span-xl4 {
    grid-row: span 4/span 4;
  }
  .blue-grid--cols-xl5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl5 {
    grid-column: span 5/span 5;
  }
  .blue-grid__item--row-span-xl5 {
    grid-row: span 5/span 5;
  }
  .blue-grid--cols-xl6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl6 {
    grid-column: span 6/span 6;
  }
  .blue-grid__item--row-span-xl6 {
    grid-row: span 6/span 6;
  }
  .blue-grid--cols-xl7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl7 {
    grid-column: span 7/span 7;
  }
  .blue-grid__item--row-span-xl7 {
    grid-row: span 7/span 7;
  }
  .blue-grid--cols-xl8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl8 {
    grid-column: span 8/span 8;
  }
  .blue-grid__item--row-span-xl8 {
    grid-row: span 8/span 8;
  }
  .blue-grid--cols-xl9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl9 {
    grid-column: span 9/span 9;
  }
  .blue-grid__item--row-span-xl9 {
    grid-row: span 9/span 9;
  }
  .blue-grid--cols-xl10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl10 {
    grid-column: span 10/span 10;
  }
  .blue-grid__item--row-span-xl10 {
    grid-row: span 10/span 10;
  }
  .blue-grid--cols-xl11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl11 {
    grid-column: span 11/span 11;
  }
  .blue-grid__item--row-span-xl11 {
    grid-row: span 11/span 11;
  }
  .blue-grid--cols-xl12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .blue-grid__item--col-span-xl12 {
    grid-column: span 12/span 12;
  }
  .blue-grid__item--row-span-xl12 {
    grid-row: span 12/span 12;
  }
  .blue-grid__item--col-start-xl1 {
    grid-column-start: 1;
  }
  .blue-grid__item--col-end-xl1 {
    grid-column-end: 1;
  }
  .blue-grid__item--col-start-xl2 {
    grid-column-start: 2;
  }
  .blue-grid__item--col-end-xl2 {
    grid-column-end: 2;
  }
  .blue-grid__item--col-start-xl3 {
    grid-column-start: 3;
  }
  .blue-grid__item--col-end-xl3 {
    grid-column-end: 3;
  }
  .blue-grid__item--col-start-xl4 {
    grid-column-start: 4;
  }
  .blue-grid__item--col-end-xl4 {
    grid-column-end: 4;
  }
  .blue-grid__item--col-start-xl5 {
    grid-column-start: 5;
  }
  .blue-grid__item--col-end-xl5 {
    grid-column-end: 5;
  }
  .blue-grid__item--col-start-xl6 {
    grid-column-start: 6;
  }
  .blue-grid__item--col-end-xl6 {
    grid-column-end: 6;
  }
  .blue-grid__item--col-start-xl7 {
    grid-column-start: 7;
  }
  .blue-grid__item--col-end-xl7 {
    grid-column-end: 7;
  }
  .blue-grid__item--col-start-xl8 {
    grid-column-start: 8;
  }
  .blue-grid__item--col-end-xl8 {
    grid-column-end: 8;
  }
  .blue-grid__item--col-start-xl9 {
    grid-column-start: 9;
  }
  .blue-grid__item--col-end-xl9 {
    grid-column-end: 9;
  }
  .blue-grid__item--col-start-xl10 {
    grid-column-start: 10;
  }
  .blue-grid__item--col-end-xl10 {
    grid-column-end: 10;
  }
  .blue-grid__item--col-start-xl11 {
    grid-column-start: 11;
  }
  .blue-grid__item--col-end-xl11 {
    grid-column-end: 11;
  }
  .blue-grid__item--col-start-xl12 {
    grid-column-start: 12;
  }
  .blue-grid__item--col-end-xl12 {
    grid-column-end: 12;
  }
}
@media (min-width: 768px) {
  .columns-2-1 .blue-grid--cols-md3 {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 1200px) {
  .columns-2-1 .blue-grid--cols-md3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.blue-grid:is(ul), .content .blue-grid:is(ul):not(.accordion):not(.pagers):not(.toggle-content) {
  list-style: none;
}

p:empty {
  display: none;
}

.font-display {
  font-family: "hypatia-sans-pro", sans-serif;
}

.font-copy {
  font-family: "prenton", sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0 0 0.25rem;
  line-height: 1.35;
  display: block;
  border-bottom: none;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 400;
  color: inherit;
}

.h1,
.h2,
.h4,
.h5,
.h6 {
  border: none;
}

.h2,
.h4 {
  text-transform: uppercase;
}

.h1,
.h3,
.h5,
.h6 {
  text-transform: none;
}

.h1 {
  font-size: 2.25rem;
}

.h2 {
  font-size: 1.5rem;
}

.h3 {
  font-size: 1.35rem;
  padding-bottom: 0.125em;
  margin-bottom: 0.35em;
  border-bottom: transparent 1px solid;
  text-transform: none;
}

.h4 {
  font-size: 1.25rem;
}

.h5 {
  font-size: 1.25rem;
  text-transform: none;
}

.h6 {
  font-size: 1.125rem;
  font-family: "prenton", sans-serif;
  font-weight: 700;
  text-transform: none;
}

.uppercase {
  text-transform: uppercase;
  font-style: normal;
}

.small {
  font-size: 0.9375em;
  line-height: 1.25em;
}

p,
small {
  max-width: 100%;
}
p a,
small a {
  /* Paragraph links with underline */
  display: inline-block;
  padding: 0 0.125em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  p a,
  small a {
    padding-bottom: 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  p a::before,
  small a::before {
    bottom: 2px;
  }
}
p a::before,
small a::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -0.05em;
  content: " ";
  transition: all 0.25s ease-in-out;
}
.light p a::before, .dark .light p a::before,
.light small a::before,
.dark .light small a::before {
  background-color: rgba(71, 31, 110, 0.5);
}
.dark p a::before, .light .dark p a::before,
.dark small a::before,
.light .dark small a::before {
  background-color: rgba(183, 146, 87, 0.65);
}
p a:hover::before, p a:focus::before,
small a:hover::before,
small a:focus::before {
  transform: translateY(2px);
}
.light p a:hover::before, .dark .light p a:hover::before, .light p a:focus::before, .dark .light p a:focus::before,
.light small a:hover::before,
.dark .light small a:hover::before,
.light small a:focus::before,
.dark .light small a:focus::before {
  background-color: #471f6e;
}
.dark p a:hover::before, .light .dark p a:hover::before, .dark p a:focus::before, .light .dark p a:focus::before,
.dark small a:hover::before,
.light .dark small a:hover::before,
.dark small a:focus::before,
.light .dark small a:focus::before {
  background-color: #b79257;
}

.italic {
  font-style: italic;
}

.section__heading, .section__subheading {
  position: relative;
  z-index: 1;
}
.section__heading {
  margin-bottom: 0.4444444444rem;
}
@media only screen and (min-width: 768px) {
  .section__heading {
    font-size: 1.5555555556rem;
  }
}
.section__subheading {
  margin-bottom: 1.1111111111rem;
  font-size: 1rem;
  line-height: 1.38095;
}
@media only screen and (min-width: 768px) {
  .section__subheading {
    font-size: 1.1666666667rem;
  }
}

.site-wrap {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .site-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .site-wrap {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
}

.wide-wrap {
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .wide-wrap {
    width: calc(100% - 40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .wide-wrap {
    width: calc(100% - 5vw);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1678px) {
  .wide-wrap {
    width: calc(100% - 10vw);
  }
}

.narrow-wrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

@media only screen and (max-width: 1023px) {
  .padded {
    padding: 30px 0 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .padded {
    padding: 3vh;
  }
}

.center {
  text-align: center;
  justify-content: center;
}
.center li {
  margin: 0.25em auto;
}
.center p {
  margin-left: auto;
  margin-right: auto;
}

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

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

.content-between {
  justify-content: space-between;
}

.content-end.flex, .content-end.button-group {
  justify-content: flex-end;
}
.content-end.grid {
  justify-content: end;
}

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

.self-baseline {
  align-self: baseline;
}

.self-end {
  align-self: end;
}

.self-stretch {
  align-self: stretch;
}
@keyframes pulse {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3.5px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scale-x {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes hamburger-closed-top {
  0% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg) translateY(8px);
  }
}
@keyframes hamburger-closed-bottom {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg) translateY(-8px);
  }
}
@keyframes hamburger-open-top {
  0% {
    transform: translateY(8px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
@keyframes hamburger-open-bottom {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
.offscreen {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

a.offscreen:focus {
  left: 0;
  width: auto;
  height: auto;
  clip: auto;
  padding: 0.5em 0.85em;
  z-index: 20;
}
.light a.offscreen:focus {
  background-color: #471f6e;
  color: #fff;
}
.dark a.offscreen:focus {
  background-color: #b79257;
  color: #471f6e;
}

.block {
  display: block;
}

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

.justify-center {
  justify-content: center !important;
}

/* Content Styles */
.content {
  font-size: 1.075rem;
}
.content p {
  max-width: 100ch;
  margin-bottom: 0.75em;
  line-height: 1.5;
}
.content p + h2, .content p + h3, .content p + h4, .content p + h5, .content p + h6 {
  margin-top: 1em;
}
.content .card + h2, .content .card + h3, .content .card + h4, .content .card + h5, .content .card + h6 {
  margin-top: 1.25em;
}

article.content[class*=grid] {
  align-content: start;
  align-items: start;
}
article.content blockquote {
  border-left: transparent 2px solid;
  padding: 0.5em 0 0.5em 1em;
  line-height: 1.5;
}
.light article.content blockquote, .dark .light article.content blockquote {
  border-color: #e7ded1;
}
.dark article.content blockquote, .light .dark article.content blockquote {
  border-color: #b79257;
}

/* Intro */
.intro {
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .intro {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .intro {
    margin-bottom: 50px;
  }
}
.intro h1,
.intro h2 {
  margin: 0 auto 0.35em;
  max-width: 55ch;
}
.intro p {
  font-size: 1.175rem;
  max-width: 100ch;
  margin: 0 auto 0.75em;
}

/* Disclaimers */
.disclaimer {
  margin-top: 1em;
}

/* Page Content */
@media only screen and (max-width: 767px) {
  .page-content {
    margin: 20px 0 50px;
  }
}
@media only screen and (min-width: 768px) {
  .page-content {
    margin: 35px 0 80px;
  }
}

.sidebar > div + div {
  margin-top: 30px;
}
.sidebar > div + div.button-group {
  margin-top: 10px;
}
.sidebar h3 {
  border-bottom: #e7ded1 2px solid;
  margin-bottom: 0.25em;
}

.page-subheading {
  padding-top: 32px;
}
@media only screen and (min-width: 768px) {
  .page-subheading {
    padding-top: 42px;
  }
}

.admissions {
  margin-bottom: 4.4444444444rem;
}
@media only screen and (min-width: 768px) {
  .admissions {
    margin-bottom: 6.8888888889rem;
  }
}
.admissions__events {
  margin: 3.3333333333rem 0;
}
@media only screen and (min-width: 768px) {
  .admissions__events {
    margin: 4.4444444444rem 0;
  }
}

.light, .dark .light {
  color: #0a0a0a;
}
.light h2,
.light h4,
.light h6,
.light .h2,
.light .h4,
.light .h6, .dark .light h2,
.dark .light h4,
.dark .light h6,
.dark .light .h2,
.dark .light .h4,
.dark .light .h6 {
  color: #471f6e;
}
.light h3,
.light .h3, .dark .light h3,
.dark .light .h3 {
  border-color: rgba(85, 85, 85, 0.5);
}
.light a, .dark .light a {
  color: #471f6e;
}
.light a:hover, .light a:focus, .dark .light a:hover, .dark .light a:focus {
  color: #471f6e;
}

.dark, .light .dark {
  background-color: #471f6e;
  color: #fff;
}
.dark a, .light .dark a {
  color: #fff;
}
.dark a:hover, .dark a:focus, .light .dark a:hover, .light .dark a:focus {
  color: #e7ded1;
}

.background-white {
  background-color: #fff;
}

.background-gray {
  background-color: rgba(85, 85, 85, 0.5);
}

[class*=-striped] {
  background-repeat: repeat;
  background-position: top left;
}
[class*=-striped][class*=white], [class*=-striped].light {
  background-image: url(/media/25fawkee/bg-diag-lines-gold.png);
}
[class*=-striped].dark {
  background-image: url(/media/nwcllbat/wu-purple-stripes.jpg);
}
[class*=-striped].gradient-bottom.light::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.35) 50%, rgb(255, 255, 255) 100%);
}
.admissions [class*=-striped]:is(section) {
  background-image: url("/img/styling-images/diagonal-pattern.png");
}

.umb-block-grid__area {
  margin-bottom: 24px;
}

@media only screen and (min-width: 1024px) {
  .umb-block-grid__layout-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--column-gap, 16px);
    column-gap: var(--umb-block-grid--column-gap, 16px);
    row-gap: var(--umb-block-grid--row-gap, 16px);
  }
  .umb-block-grid__layout-item {
    position: relative;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    display: grid;
    grid-column-start: 1;
    grid-column-end: calc(var(--umb-block-grid--grid-columns, 12) + 1);
    grid-row: span var(--umb-block-grid--item-row-span, 1);
  }
  .umb-block-grid__area-container,
  .umb-block-grid__block--view::part(area-container) {
    position: relative;
    display: grid;
    grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(50px, min-content);
    -moz-column-gap: var(--umb-block-grid--areas-column-gap, 16px);
    column-gap: var(--umb-block-grid--areas-column-gap, 16px);
    row-gap: var(--umb-block-grid--areas-row-gap, 16px);
  }
  .umb-block-grid__area {
    position: relative;
    height: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1) * 3, var(--umb-block-grid--area-grid-columns));
    grid-row: span var(--umb-block-grid--area-row-span, 1);
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
  .umb-block-grid__area > .umb-block-grid__layout-container {
    max-width: 100%;
    display: block;
  }
  .waldorf-three-column-layout .umb-block-grid__area {
    grid-column-end: unset;
    grid-column-end: span calc(var(--umb-block-grid--area-grid-columns, 12) / 3);
  }
  .waldorf-two-column-layout .umb-block-grid__area:first-child {
    grid-column-start: 1;
    grid-column-end: calc(var(--umb-block-grid--area-grid-columns, 12) * 3 / 4 + 1);
  }
  .waldorf-two-column-layout .umb-block-grid__area:last-child {
    grid-column-start: calc(var(--umb-block-grid--area-grid-columns, 12) * 3 / 4 + 1);
    grid-column-end: calc(var(--umb-block-grid--area-grid-columns, 12) + 1);
  }
  .waldorf-two-column-layout .umb-block-grid__area > .umb-block-grid__layout-container > .umb-block-grid__layout-item {
    display: flex;
  }
  .waldorf-two-column-layout-50-50 .umb-block-grid__area:first-child {
    grid-column-start: 1;
    grid-column-end: calc(var(--umb-block-grid--area-grid-columns, 12) / 2 + 1);
  }
  .waldorf-two-column-layout-50-50 .umb-block-grid__area:last-child {
    grid-column-start: calc(var(--umb-block-grid--area-grid-columns, 12) / 2 + 1);
    grid-column-end: calc(var(--umb-block-grid--area-grid-columns, 12) + 1);
  }
  .waldorf-two-column-layout-50-50 .umb-block-grid__area > .umb-block-grid__layout-container > .umb-block-grid__layout-item {
    display: flex;
  }
}
/* NEW HEADER STYLES */
header {
  position: relative;
  z-index: 20;
}

@media only screen and (min-width: 1024px) {
  .mobile-utility-navigation,
  .mobile-alert,
  .mobile-alert-bar,
  .mobile-site-logo,
  .mobile-search-box {
    display: none;
  }
}

.mobile-alert-bar li {
  margin: 0.75em auto;
}

.mobile-site-logo {
  max-width: 200px;
  margin: 4px 0 8px;
}

@media only screen and (max-width: 1023px) {
  .alert-bar,
  .desktop-search-box {
    display: none;
  }
}

.utility-navigation {
  overflow: hidden;
}
.utility-navigation .navigation-wrapper {
  display: flex;
  justify-content: space-between;
}
.utility-navigation .navigation-wrapper > .flex {
  position: relative;
}
.utility-navigation .navigation-wrapper .site-logo {
  margin: 15px 15px 15px 0;
  max-width: 180px;
}
@media only screen and (max-width: 1023px) {
  .utility-navigation .navigation-wrapper .site-logo {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .utility-navigation .navigation-wrapper .site-navigation {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .utility-navigation .navigation-wrapper .site-navigation {
    display: flex;
    margin: 0 1.5em;
  }
}
.utility-navigation .navigation-wrapper .site-navigation li a {
  display: block;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 600;
  padding: 0.75em 1em;
  font-size: 1rem;
}
.utility-navigation .navigation-wrapper .site-navigation li a:hover {
  text-decoration: underline;
}
.utility-navigation .navigation-wrapper .site-navigation li a:focus {
  outline: 2px dotted #471f6e;
}
@media only screen and (max-width: 1023px) {
  .utility-navigation .navigation-wrapper .site-chat-icon {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .utility-navigation .navigation-wrapper .site-chat-icon {
    z-index: 1;
  }
  .utility-navigation .navigation-wrapper .site-chat-icon .fa {
    font-size: 22px;
    cursor: pointer;
    padding: 10px;
    color: #e7ded1;
  }
  .utility-navigation .navigation-wrapper .site-chat-icon .fa:hover, .utility-navigation .navigation-wrapper .site-chat-icon .fa:focus {
    color: #471f6e;
    outline: 2px dotted #471f6e;
  }
  .utility-navigation .navigation-wrapper .site-chat-icon .fa:focus-within {
    outline: 2px dotted #471f6e;
  }
}

/* Desktop Search*/
.desktop-search-box {
  flex-wrap: nowrap;
}
.desktop-search-box::after {
  position: absolute;
  content: "";
  background-color: #b79257;
  width: 50vw;
  top: 0;
  bottom: 0;
  right: auto;
  left: 60px;
}
.desktop-search-box .angle {
  display: block;
  height: 100px;
  transform: translateX(1px);
}
.desktop-search-box .angle .angle-bg {
  fill: #b79257;
}
.desktop-search-box .search-box {
  margin-left: 0.5rem;
  background: #b79257;
}
.desktop-search-box .search-query {
  position: absolute;
  top: 50%;
  right: 3.5rem;
  transform: translate(100%, -50%);
  opacity: 0;
  flex-wrap: nowrap;
  height: 100%;
}
.desktop-search-box .search-query .search-icon {
  padding: 1em 1em 1em 0.75em;
  height: 100%;
  background: #b79257;
  display: flex;
  align-items: center;
}
.desktop-search-box .search-query .search-icon g {
  fill: #e7ded1;
}
.desktop-search-box .search-query form {
  height: 100%;
  background: #b79257;
  display: flex;
  align-items: center;
}
.desktop-search-box .search-query .form-control {
  border-top: none;
  border-bottom: none;
  border-right: none;
  color: #471f6e;
  padding: 0.85em 0.75em;
  width: none;
}

/* Mobile Search*/
.mobile-search-box {
  flex-wrap: nowrap;
  flex: 100%;
  margin-top: 20px;
  z-index: 5;
}
.mobile-search-box .angle {
  display: none;
}
.mobile-search-box .search-box {
  width: 100%;
  position: relative;
}
.mobile-search-box .search-query {
  width: 100%;
}
.mobile-search-box .search-query .search-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1em;
}
.mobile-search-box .search-query form {
  flex: 1 auto;
}
.mobile-search-box .search-query form .form-control {
  background-color: #e7ded1;
  border-color: #471f6e;
  color: #0a0a0a;
  padding: 0.85em 0.75em;
  width: 100%;
}
.mobile-search-box .search-query form .form-control:focus {
  box-shadow: inset 0 0 0 2px #471f6e;
}

.site-search .toggle {
  padding: 0.7em 0.85em;
  cursor: pointer;
  z-index: 10;
  background: #b79257;
  transition: none;
}
.site-search .toggle svg g {
  fill: #e7ded1;
}
.site-search .toggle:focus-within {
  outline: 2px dotted #471f6e;
}
.site-search .toggle:hover, .site-search .toggle:focus {
  outline: 2px dotted #471f6e;
}
.site-search .toggle:hover svg g {
  fill: #471f6e;
}
.site-search .toggle .search-open {
  position: absolute;
  opacity: 1;
  transform: scale(1);
}
.site-search .toggle .search-close {
  opacity: 0;
  transform: scale(0);
}
.site-search .toggle[aria-expanded=true] .search-open {
  opacity: 0;
  transform: scale(0);
}
.site-search .toggle[aria-expanded=true] .search-close {
  opacity: 1;
  transform: scale(1);
}
.site-search .toggle[aria-expanded=true] + .search-box .nav-overlay {
  opacity: 1;
  width: 100%;
}
.site-search .toggle[aria-expanded=true] + .search-box .search-query {
  transform: translate(0, -50%);
  opacity: 1;
  transition: transform 0.35s ease-in-out;
}
.site-search .toggle[aria-expanded=true] + .search-box .search-query .form-control {
  width: 400px;
}

.nav-overlay {
  position: absolute;
  top: 0;
  right: 3em;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transition: opacity 0.25s ease-in;
}

@media only screen and (min-width: 1024px) {
  .main-navigation {
    background-color: #3c3c3c;
  }
}
@media only screen and (max-width: 1023px) {
  .main-navigation {
    background-color: #fff;
  }
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper {
    justify-content: space-between;
  }
  .main-navigation .navigation-wrapper > .flex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 80px 20px 20px;
    z-index: 5;
    align-content: baseline;
    background-color: #471f6e;
    transform-origin: right;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper > .flex {
    position: relative;
    width: 100%;
  }
}
.main-navigation .navigation-wrapper .site-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper .site-navigation {
    width: 100%;
  }
  .main-navigation .navigation-wrapper .site-navigation > li {
    flex: 100%;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > a,
  .main-navigation .navigation-wrapper .site-navigation > li > .toggle {
    position: relative;
    color: #fff;
    font-size: 1.25rem;
    padding: 1rem 0;
    z-index: 5;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li {
  opacity: 1;
  transition: all 0.3s 0.3s;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .main-navigation .navigation-wrapper .site-navigation > li {
    position: initial;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li > a,
.main-navigation .navigation-wrapper .site-navigation > li > button {
  transition: none;
  padding: 1.25em 1em;
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper .site-navigation > li > a,
  .main-navigation .navigation-wrapper .site-navigation > li > button {
    width: 100%;
    text-align: left;
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper .site-navigation > li > a,
  .main-navigation .navigation-wrapper .site-navigation > li > button {
    margin: 0 1em;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > a::after,
  .main-navigation .navigation-wrapper .site-navigation > li > button::after {
    position: absolute;
    left: calc(100% + 0.5em);
    content: "//";
    font-weight: 400;
    color: #b79257;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper .site-navigation > li > a:hover, .main-navigation .navigation-wrapper .site-navigation > li > a:focus,
  .main-navigation .navigation-wrapper .site-navigation > li > button:hover,
  .main-navigation .navigation-wrapper .site-navigation > li > button:focus {
    color: #fff;
    text-decoration: underline;
    background-color: #555;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li:first-child > a,
.main-navigation .navigation-wrapper .site-navigation > li:first-child > button {
  margin-left: 0;
}
.main-navigation .navigation-wrapper .site-navigation > li:last-child > a,
.main-navigation .navigation-wrapper .site-navigation > li:last-child > button {
  margin-left: 0;
}
.main-navigation .navigation-wrapper .site-navigation > li:last-child > a::after,
.main-navigation .navigation-wrapper .site-navigation > li:last-child > button::after {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true], .main-navigation .navigation-wrapper .site-navigation > li > button:active {
    padding: 1rem 0 1rem 30px;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown, .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown {
    position: relative;
    outline: 0;
    clip: auto;
    overflow: visible;
    opacity: 1;
    transform: translateX(0);
    transition: translate 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown a, .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown a {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown, .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown {
    transform: translateX(-50%) scaleY(1);
    clip: auto;
    min-height: 200px;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown > div,
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown > ul, .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown > div,
  .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown > ul {
    opacity: 1;
  }
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=true] + .dropdown li > a, .main-navigation .navigation-wrapper .site-navigation > li > button:active + .dropdown li > a {
    outline: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper .site-navigation > li > button[aria-expanded=false] + .dropdown {
    opacity: 0;
    transform: translateX(-100%);
    transition: translate 0.4s ease-in-out, opacity 0.4s ease-in-out;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li .dropdown {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media only screen and (max-width: 1023px) {
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown {
    width: 100%;
    padding: 0 0 20px;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown[class*=larger], .main-navigation .navigation-wrapper .site-navigation > li .dropdown[class*=equal] {
    grid-template-columns: repeat(1, minmax(50px, 1fr));
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown .column {
    display: none;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown .column .text-overlay {
    padding-top: 0;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown li:first-child a {
    border-top: #471f6e 1px solid;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown a {
    color: #fff;
    padding: 0.75em 0;
    border-bottom: #471f6e 1px solid;
    transition: all 0.3s ease;
  }
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown {
    padding: 25px 20px 20px;
    border-top: 4px solid #0a0a0a;
    transition: transform 0.25s ease-out;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top;
    background-color: #555;
    z-index: 5;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown > div,
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown > ul {
    opacity: 0;
    transition: opacity 0.1s ease-in-out 0.1s;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown ul {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 30px;
         column-gap: 30px;
    padding: 0 0 0 1.5rem;
    background: transparent;
    border-top: none;
    position: relative;
    overflow: auto;
    clip: auto;
    padding: 15px 0;
  }
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown li a {
    padding: 0 0 1.25em;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown {
    width: 100%;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li .dropdown li {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .main-navigation .navigation-wrapper .site-navigation > li .dropdown li {
    display: inline-block;
    width: 100%;
  }
}
.main-navigation .navigation-wrapper .site-navigation > li .dropdown li a {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  font-family: "hypatia-sans-pro", sans-serif;
}
.main-navigation .navigation-wrapper .site-navigation > li .dropdown li a:hover, .main-navigation .navigation-wrapper .site-navigation > li .dropdown li a:focus {
  text-decoration: underline;
}

.mobile-menu {
  padding: 0.5em;
  background-color: transparent;
  margin: 0;
  border: none;
  cursor: pointer;
  z-index: 10;
  outline: none;
  position: relative;
}
.mobile-menu g {
  fill: #471f6e;
}
.mobile-menu .bar {
  transform-origin: center;
  transform-box: view-box;
  transition: all 0.25s ease-in-out;
}
.mobile-menu .bar.top {
  transform: translateY(calc(-50% + 3px));
}
.mobile-menu .bar.middle {
  transition: all 0.5s ease-in-out;
}
.mobile-menu .bar.bottom {
  transform: translateY(calc(50% - 3px));
}
@media only screen and (min-width: 1024px) {
  .mobile-menu {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .mobile-menu[aria-expanded=false] g .bar.top {
    animation: hamburger-closed-top 0.5s forwards ease-in-out;
  }
  .mobile-menu[aria-expanded=false] g .bar.bottom {
    animation: hamburger-closed-bottom 0.5s forwards ease-in-out;
  }
  .mobile-menu[aria-expanded=false] + .flex {
    opacity: 0;
    transform: translateX(100%) scaleX(0);
  }
  .mobile-menu[aria-expanded=true] g {
    fill: #fff;
  }
  .mobile-menu[aria-expanded=true] g .bar.top {
    animation: hamburger-open-top 0.5s forwards ease-in-out;
  }
  .mobile-menu[aria-expanded=true] g .bar.middle {
    opacity: 0;
  }
  .mobile-menu[aria-expanded=true] g .bar.bottom {
    animation: hamburger-open-bottom 0.5s forwards ease-in-out;
  }
  .mobile-menu[aria-expanded=true] + .flex {
    opacity: 1;
  }
}

.mobile-utility-navigation {
  margin: 15px 0 30px;
  border-top: #e7ded1 solid 1px;
  width: 100%;
  padding-top: 15px;
}
.mobile-utility-navigation a {
  display: block;
  color: #fff;
  padding: 0.5em 0;
}
.mobile-utility-navigation a:hover, .mobile-utility-navigation a:focus {
  color: #fff;
}

/* NEW FOOTER STYLES */
footer .featured-links,
footer .featured-links.dark {
  padding: 30px 0 24px;
  background-color: #603B83;
  background-image: url("/img/styling-images/purple-pattern-rect.png");
  background-repeat: repeat;
  background-size: auto auto;
}
footer .featured-links::after, footer .featured-links::before,
footer .featured-links.dark::after,
footer .featured-links.dark::before {
  content: unset;
}
footer .featured-links h2,
footer .featured-links.dark h2 {
  text-transform: none;
  margin-bottom: 20px;
  text-align: center;
  font-style: italic;
  font-size: 1.7222222222rem;
  line-height: 1.6111111111rem;
  font-weight: 400;
}
@media only screen and (min-width: 768px) {
  footer .featured-links,
  footer .featured-links.dark {
    padding: 40px 0 36px;
  }
  footer .featured-links h2,
  footer .featured-links.dark h2 {
    margin-bottom: 25px;
  }
}
footer .featured-links .footer__featured,
footer .featured-links.dark .footer__featured {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}
footer .featured-links .footer__featured a.button,
footer .featured-links.dark .footer__featured a.button {
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  footer .featured-links .footer__featured,
  footer .featured-links.dark .footer__featured {
    flex-direction: row;
  }
  footer .featured-links .footer__featured a.button,
  footer .featured-links.dark .footer__featured a.button {
    margin: 0;
    flex: 1 0 auto;
    width: auto;
  }
  footer .featured-links .footer__featured a.button:first-child:nth-last-child(3), footer .featured-links .footer__featured a.button:nth-child(2):nth-last-child(2), footer .featured-links .footer__featured a.button:nth-child(3):last-child,
  footer .featured-links.dark .footer__featured a.button:first-child:nth-last-child(3),
  footer .featured-links.dark .footer__featured a.button:nth-child(2):nth-last-child(2),
  footer .featured-links.dark .footer__featured a.button:nth-child(3):last-child {
    flex: 1 0 calc(33.333% - 0.625rem);
  }
  footer .featured-links .footer__featured a.button:first-child:nth-last-child(4), footer .featured-links .footer__featured a.button:nth-child(2):nth-last-child(3), footer .featured-links .footer__featured a.button:nth-child(3):nth-last-child(2), footer .featured-links .footer__featured a.button:nth-child(4):last-child,
  footer .featured-links.dark .footer__featured a.button:first-child:nth-last-child(4),
  footer .featured-links.dark .footer__featured a.button:nth-child(2):nth-last-child(3),
  footer .featured-links.dark .footer__featured a.button:nth-child(3):nth-last-child(2),
  footer .featured-links.dark .footer__featured a.button:nth-child(4):last-child {
    flex: 1 0 calc(25% - 0.75rem);
  }
  footer .featured-links .footer__featured a.button:first-child:nth-last-child(5), footer .featured-links .footer__featured a.button:nth-child(2):nth-last-child(4), footer .featured-links .footer__featured a.button:nth-child(3):nth-last-child(3), footer .featured-links .footer__featured a.button:nth-child(4):nth-last-child(2), footer .featured-links .footer__featured a.button:nth-child(5):last-child,
  footer .featured-links.dark .footer__featured a.button:first-child:nth-last-child(5),
  footer .featured-links.dark .footer__featured a.button:nth-child(2):nth-last-child(4),
  footer .featured-links.dark .footer__featured a.button:nth-child(3):nth-last-child(3),
  footer .featured-links.dark .footer__featured a.button:nth-child(4):nth-last-child(2),
  footer .featured-links.dark .footer__featured a.button:nth-child(5):last-child {
    flex: 1 0 calc(20% - 1rem);
  }
}
footer .dark::before {
  position: absolute;
  height: 8px;
  width: 8px;
  content: " ";
  background: url(/media/nwcllbat/wu-purple-stripes.jpg) repeat;
  background-size: contain;
  z-index: 5;
}
footer .dark::after {
  content: " ";
  background: url(/media/mmkf3ljn/footer-warrior.png) no-repeat center center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media only screen and (max-width: 1023px) {
  footer .dark::after {
    background-size: cover;
  }
}
@media only screen and (min-width: 1024px) {
  footer .dark::after {
    background-size: contain;
  }
}
@media only screen and (max-width: 1023px) {
  footer .dark .flex {
    justify-content: center;
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  footer .dark .flex {
    justify-content: flex-end;
    text-align: right;
  }
}
footer .dark .flex .content h1 {
  font-weight: 700;
  font-family: "hypatia-sans-pro", sans-serif;
}
footer .dark .flex .content p {
  font-weight: 400;
  font-family: "hypatia-sans-pro", sans-serif;
}
@media only screen and (max-width: 1023px) {
  footer .dark nav ul {
    text-align: center;
  }
}
@media only screen and (min-width: 1024px) {
  footer .dark nav ul {
    display: flex;
    justify-content: center;
  }
}
footer .dark nav ul li a {
  padding: 0.7rem 1rem;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "hypatia-sans-pro", sans-serif;
  display: inline-block;
}
footer .dark nav ul li a:hover {
  text-decoration: underline;
}
footer .dark nav ul li a:focus {
  outline: 2px dotted #e7ded1;
}
@media only screen and (min-width: 1024px) {
  footer .dark nav ul li::after {
    content: "//";
  }
  footer .dark nav ul li:last-child::after {
    display: none;
  }
}
footer .dark .copyright p {
  font-weight: 400;
  font-family: "hypatia-sans-pro", sans-serif;
  text-transform: uppercase;
}

/* Third party logos */
.logo-grid.flex {
  align-items: center;
}
.logo-grid.center li {
  margin: 0;
}
.logo-grid.center .social-link {
  margin: 0.5em;
}
.logo-grid a.social-link {
  margin: 0 1em 0 0;
  width: 3rem;
  height: 3rem;
}
.logo-grid a.social-link svg {
  fill: #471f6e;
}
.logo-grid a.social-link.square, .logo-grid a.social-link.circle {
  padding: 0.5em;
  background-color: #471f6e;
}
.logo-grid a.social-link.square svg, .logo-grid a.social-link.circle svg {
  fill: #fff;
}
.logo-grid a.social-link.circle {
  border-radius: 50%;
}
.logo-grid a.social-link:hover, .logo-grid a.social-link:focus {
  transform: scale(1.1);
}
.logo-grid a:hover img, .logo-grid a:focus img {
  transform: scale(1.1);
}
.logo-grid img,
.logo-grid .social-link {
  display: block;
  transition: transform 0.25s ease-in-out;
}
.logo-grid img {
  margin: 20px;
  max-width: 200px;
  max-height: 125px;
}
.logo-grid > img:hover,
.logo-grid li > img:hover {
  transform: scale(1.1);
}

/* Cards */
.card-wrapper.flex .card {
  flex: 1 1 300px;
}
@media only screen and (max-width: 767px) {
  .card-wrapper.flex .card {
    margin: 10px 0;
  }
}
@media only screen and (min-width: 768px) {
  .card-wrapper.flex .card {
    margin: 15px;
  }
}

.card {
  position: relative;
  padding: 15px 20px;
  background: #fff;
}
.light .card, .dark .light .card {
  border: #e7ded1 1px solid;
}
.dark .card, .light .dark .card {
  box-shadow: 0 3px 5px rgba(34, 4, 64, 0.25);
}
.background-gray .card, .light .background-gray .card {
  border-color: rgba(85, 85, 85, 0.75);
}
.card.columns-1 {
  grid-template-rows: auto 1fr;
}
.card.clickable {
  padding: 5px;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.card.clickable:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.15);
}
.card.clickable .image + .text {
  padding: 5px 20px 15px;
}
.card.clickable .image img {
  display: block;
  margin: 0 auto;
}
.card.clickable .text {
  padding: 15px 20px;
}
.card.clickable h2 a,
.card.clickable h3 a,
.card.clickable .card__heading a {
  color: inherit;
  position: inherit;
  display: block;
}
.card.clickable h2 a::before,
.card.clickable h3 a::before,
.card.clickable .card__heading a::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: " ";
  z-index: 10;
}
.card.clickable h2 a:hover, .card.clickable h2 a:focus,
.card.clickable h3 a:hover,
.card.clickable h3 a:focus,
.card.clickable .card__heading a:hover,
.card.clickable .card__heading a:focus {
  color: #471f6e;
}
.card[class*=equal-to], .card[class*=smaller-than] {
  text-align: center;
}
.card[class*=larger-than] {
  align-items: center;
}
.card img {
  width: 100%;
}
.card + p {
  margin-top: 35px;
}
p + .card {
  margin-top: 35px;
}
.card.card--cta .text.content h2,
.card.card--cta .text.content h2.h4,
.card.card--cta .text.content .card__heading:is(h2, h3, h4), .card.card--minimal .text.content h2,
.card.card--minimal .text.content h2.h4,
.card.card--minimal .text.content .card__heading:is(h2, h3, h4) {
  font-size: 1.1666666667rem;
  line-height: 1.6111111111rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.card.card--cta .text.content p, .card.card--minimal .text.content p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-weight: 400;
  color: #1E1E1E;
}
.card.card--cta {
  padding: 0.3333333333rem 0.3333333333rem 1.2222222222rem;
}
.card.card--cta .image {
  width: 100%;
  position: relative;
  aspect-ratio: 10000/6478;
}
.card.card--cta .image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 64.78%;
}
.card.card--cta .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.card--cta .text.content {
  padding: 1.3333333333rem 1.0555555556rem 0;
}
.card.card--cta .text.content p {
  margin-bottom: 0;
}
.card.card--cta .text.content h2,
.card.card--cta .text.content h2.h4 {
  font-size: 1.1666666667rem;
  line-height: 1.6111111111rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.card.card--cta .text.content p {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  font-weight: 400;
  color: #1E1E1E;
}
.card.card--minimal {
  padding: 1.2222222222rem 0.3333333333rem;
}
.card.card--minimal .text.content {
  padding: 0 1.0555555556rem;
}
.card.card--news, .card.card--event {
  list-style: none;
}
.card.card--news .text.content, .card.card--event .text.content {
  padding-top: 0.9444444444rem;
  padding-bottom: 0.9444444444rem;
}
.card.card--news .text.content h3,
.card.card--news .text.content h3.h5,
.card.card--news .text.content .h5, .card.card--event .text.content h3,
.card.card--event .text.content h3.h5,
.card.card--event .text.content .h5 {
  font-size: 1.1666666667rem;
  line-height: 1.6111111111rem;
  font-weight: 600;
  margin-bottom: 8px;
  padding-bottom: 0;
}
.card.card--news .text.content p, .card.card--event .text.content p {
  font-size: 1rem;
  line-height: 1.6111111111rem;
  font-weight: 400;
  color: #1E1E1E;
  margin-bottom: 0;
}
.card.card--news .text.content p {
  font-family: "prenton", sans-serif;
}
.card.card--event {
  display: flex;
  align-items: center;
}
.card.card--event .image {
  flex: 0 0 50%;
  aspect-ratio: 290/203;
}
.card.card--event .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.card--event .text.content p {
  font-family: "hypatia-sans-pro", sans-serif;
}
@media only screen and (max-width: 414px) {
  .card.card--event {
    flex-direction: column;
    align-items: flex-start;
  }
  .card.card--event .image {
    flex: 0 0 auto;
    width: 100%;
  }
}
.card.card--highlight {
  flex: 1 1 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 180px;
  padding: 0.8888888889rem 0.3333333333rem 1.3888888889rem;
}
@media only screen and (min-width: 415px) {
  .card.card--highlight {
    flex: 0 0 calc(50% - 15px);
  }
}
@media only screen and (min-width: 768px) {
  .card.card--highlight {
    flex: 0 0 calc(25% - 15px);
  }
}
.card.card--highlight .card__heading {
  font-size: 2.6666666667rem;
}
.card.card--highlight .card__copy {
  font-size: 1rem;
  line-height: 1.33333;
  color: #1E1E1E;
  font-weight: 400;
}

.news-list,
.event-list {
  display: flex;
  flex-direction: column;
  gap: 0.8333333333rem;
  margin: 20px 0;
  position: relative;
  z-index: 1;
}

.highlight-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8333333333rem;
  margin: 1.7777777778rem 0;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1024px) {
  .highlight-cards {
    margin: 2.3333333333rem 0;
  }
}

/* Title Banner */
.title-banner {
  background-image: url(/media/nwcllbat/wu-purple-stripes.jpg);
  background-position: center;
  background-repeat: repeat;
}
.title-banner h1 {
  padding: 2.5em 0 0.5em;
}
.title-banner.shadow {
  background-image: linear-gradient(180deg, rgba(71, 31, 110, 0.6) 0%, rgba(41, 8, 72, 0.75) 100%);
  background-color: transparent;
  position: relative;
}
.title-banner.shadow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/img/styling-images/purple-pattern-rect.png);
  background-position: center;
  background-repeat: repeat;
  z-index: -1;
}
.title-banner.shadow h1 {
  padding: 2.8333333333rem 0;
  text-align: center;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .title-banner.shadow h1 {
    font-size: 2.6666666667rem;
  }
}

/* CTA Banner*/
.cta-banner {
  padding: 35px 0;
  text-align: center;
}
.cta-banner.dark h1 {
  color: #e7ded1;
}
.cta-banner h1 {
  font-size: 1.75rem;
}
.cta-banner .button-group {
  max-width: 600px;
  margin: 0 auto;
  justify-content: center;
  font-family: "hypatia-sans-pro", sans-serif;
}
.cta-banner .button-group .button {
  font-size: 1rem;
  padding: 1em;
}
@media only screen and (max-width: 767px) {
  .cta-banner .button-group .button {
    flex: 1 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .cta-banner .button-group .button {
    flex: 1 0 150px;
  }
}

/* Alert Banner */
.alert-bar {
  padding: 1em 0;
}
.alert-bar a {
  font-weight: 400;
  font-size: 1rem;
  padding: 10px;
  font-family: "hypatia-sans-pro", sans-serif;
}
.alert-bar a:hover {
  text-decoration: underline;
}
.alert-bar a:focus {
  outline: 2px dotted #fff;
}
.alert-bar h1.h4 {
  font-size: 1rem;
  margin: 0;
  line-height: 1.4;
}
.alert-bar ul li:last-child::after {
  display: none;
}
.alert-bar ul li::after {
  content: "//";
}

/* Buttons */
.button-group {
  align-items: center;
}
.button-group:not([class*=-grid]) {
  display: flex;
  flex-wrap: wrap;
}
.button-group:not([class*=-grid]) button.ghost, .button-group:not([class*=-grid]) button.solid, .button-group:not([class*=-grid]) .button.ghost, .button-group:not([class*=-grid]) .button.solid {
  margin-left: 0.75em;
  margin-right: 0.75em;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .button-group:not([class*=-grid]) button, .button-group:not([class*=-grid]) .button {
    flex-grow: 1;
  }
}
.button-group.grid button, .button-group.grid .button, .button-group.page-grid button, .button-group.page-grid .button,
.button-group > li button,
.button-group > li .button {
  display: block;
  margin: 0;
}
.button-group.stretch > * {
  flex-grow: 1;
}
.button-group > li {
  margin: 0;
}
.button-group--50-50, .button-group--50-50:not([class*=-grid]) {
  -moz-column-gap: 1.40625em;
       column-gap: 1.40625em;
}
.button-group--50-50 .button,
.button-group--50-50 .button.solid,
.button-group--50-50 .button.button--purple, .button-group--50-50:not([class*=-grid]) .button,
.button-group--50-50:not([class*=-grid]) .button.solid,
.button-group--50-50:not([class*=-grid]) .button.button--purple {
  flex: 0 0 100%;
}
@media only screen and (min-width: 768px) {
  .button-group--50-50 .button,
  .button-group--50-50 .button.solid,
  .button-group--50-50 .button.button--purple, .button-group--50-50:not([class*=-grid]) .button,
  .button-group--50-50:not([class*=-grid]) .button.solid,
  .button-group--50-50:not([class*=-grid]) .button.button--purple {
    flex: 0 0 calc(50% - 0.75em);
  }
}

button,
.button {
  display: inline-block;
  margin: 0.5em 0;
  padding: 1em 1.25em;
  background-color: transparent;
  border: transparent 2px solid;
  transition: all 0.15s ease-in-out;
  font-family: "hypatia-sans-pro", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.15;
}
.home-page-content button,
.home-page-content .button {
  font-weight: 600;
}
.light button, .dark .light button,
.light .button,
.dark .light .button {
  color: #0a0a0a;
}
.light button.solid, .dark .light button.solid,
.light .button.solid,
.dark .light .button.solid {
  background-color: #d4ccdf;
  border-color: #471f6e;
  color: #471f6e;
}
.light button.ghost, .dark .light button.ghost,
.light .button.ghost,
.dark .light .button.ghost {
  border-color: #471f6e;
  color: #471f6e;
}
.light button[type=submit], .dark .light button[type=submit],
.light .button[type=submit],
.dark .light .button[type=submit] {
  background-color: #b79257;
  color: #0a0a0a;
}
.light button.solid:hover, .light button.solid:focus, .light button[type=submit]:hover, .light button[type=submit]:focus, .light button.ghost:hover, .light button.ghost:focus, .dark .light button.solid:hover, .dark .light button.solid:focus, .dark .light button[type=submit]:hover, .dark .light button[type=submit]:focus, .dark .light button.ghost:hover, .dark .light button.ghost:focus,
.light .button.solid:hover,
.light .button.solid:focus,
.light .button[type=submit]:hover,
.light .button[type=submit]:focus,
.light .button.ghost:hover,
.light .button.ghost:focus,
.dark .light .button.solid:hover,
.dark .light .button.solid:focus,
.dark .light .button[type=submit]:hover,
.dark .light .button[type=submit]:focus,
.dark .light .button.ghost:hover,
.dark .light .button.ghost:focus {
  border-color: transparent;
}
.dark button, .light .dark button,
.dark .button,
.light .dark .button {
  color: #fff;
}
.dark button.solid, .dark button[type=submit], .light .dark button.solid, .light .dark button[type=submit],
.dark .button.solid,
.dark .button[type=submit],
.light .dark .button.solid,
.light .dark .button[type=submit] {
  background-color: #b79257;
  color: #0a0a0a;
}
.dark button.ghost, .light .dark button.ghost,
.dark .button.ghost,
.light .dark .button.ghost {
  border-color: #fff;
  color: #fff;
}
.dark button.solid:hover, .dark button.solid:focus, .dark button[type=submit]:hover, .dark button[type=submit]:focus, .dark button.ghost:hover, .dark button.ghost:focus, .light .dark button.solid:hover, .light .dark button.solid:focus, .light .dark button[type=submit]:hover, .light .dark button[type=submit]:focus, .light .dark button.ghost:hover, .light .dark button.ghost:focus,
.dark .button.solid:hover,
.dark .button.solid:focus,
.dark .button[type=submit]:hover,
.dark .button[type=submit]:focus,
.dark .button.ghost:hover,
.dark .button.ghost:focus,
.light .dark .button.solid:hover,
.light .dark .button.solid:focus,
.light .dark .button[type=submit]:hover,
.light .dark .button[type=submit]:focus,
.light .dark .button.ghost:hover,
.light .dark .button.ghost:focus {
  border-color: #fff;
}
.light button.solid:hover, .light button.solid:focus, .light button[type=submit]:hover, .light button[type=submit]:focus, .light button.ghost:hover, .light button.ghost:focus, .dark .light button.solid:hover, .dark .light button.solid:focus, .dark .light button[type=submit]:hover, .dark .light button[type=submit]:focus, .dark .light button.ghost:hover, .dark .light button.ghost:focus, .dark button.solid:hover, .dark button.solid:focus, .dark button[type=submit]:hover, .dark button[type=submit]:focus, .dark button.ghost:hover, .dark button.ghost:focus, .light .dark button.solid:hover, .light .dark button.solid:focus, .light .dark button[type=submit]:hover, .light .dark button[type=submit]:focus, .light .dark button.ghost:hover, .light .dark button.ghost:focus,
.light .button.solid:hover,
.light .button.solid:focus,
.light .button[type=submit]:hover,
.light .button[type=submit]:focus,
.light .button.ghost:hover,
.light .button.ghost:focus,
.dark .light .button.solid:hover,
.dark .light .button.solid:focus,
.dark .light .button[type=submit]:hover,
.dark .light .button[type=submit]:focus,
.dark .light .button.ghost:hover,
.dark .light .button.ghost:focus,
.dark .button.solid:hover,
.dark .button.solid:focus,
.dark .button[type=submit]:hover,
.dark .button[type=submit]:focus,
.dark .button.ghost:hover,
.dark .button.ghost:focus,
.light .dark .button.solid:hover,
.light .dark .button.solid:focus,
.light .dark .button[type=submit]:hover,
.light .dark .button[type=submit]:focus,
.light .dark .button.ghost:hover,
.light .dark .button.ghost:focus {
  color: #fff;
  background-color: #471f6e;
}
.light button.solid:hover, .light button.solid:focus, .light button[type=submit]:hover, .light button[type=submit]:focus, .dark .light button.solid:hover, .dark .light button.solid:focus, .dark .light button[type=submit]:hover, .dark .light button[type=submit]:focus, .dark button.solid:hover, .dark button.solid:focus, .dark button[type=submit]:hover, .dark button[type=submit]:focus, .light .dark button.solid:hover, .light .dark button.solid:focus, .light .dark button[type=submit]:hover, .light .dark button[type=submit]:focus,
.light .button.solid:hover,
.light .button.solid:focus,
.light .button[type=submit]:hover,
.light .button[type=submit]:focus,
.dark .light .button.solid:hover,
.dark .light .button.solid:focus,
.dark .light .button[type=submit]:hover,
.dark .light .button[type=submit]:focus,
.dark .button.solid:hover,
.dark .button.solid:focus,
.dark .button[type=submit]:hover,
.dark .button[type=submit]:focus,
.light .dark .button.solid:hover,
.light .dark .button.solid:focus,
.light .dark .button[type=submit]:hover,
.light .dark .button[type=submit]:focus {
  background-color: #471f6e;
}
.light button.ghost:hover, .light button.ghost:focus, .dark .light button.ghost:hover, .dark .light button.ghost:focus, .dark button.ghost:hover, .dark button.ghost:focus, .light .dark button.ghost:hover, .light .dark button.ghost:focus,
.light .button.ghost:hover,
.light .button.ghost:focus,
.dark .light .button.ghost:hover,
.dark .light .button.ghost:focus,
.dark .button.ghost:hover,
.dark .button.ghost:focus,
.light .dark .button.ghost:hover,
.light .dark .button.ghost:focus {
  background-color: #986E2A;
}
button.button--purple,
.button.button--purple {
  padding: 0.7777777778rem 1.1666666667rem;
  color: #fff;
  border: solid 2px #471f6e;
  background-color: #603B83;
}
button.button--purple:hover,
.button.button--purple:hover {
  background-color: #d4ccdf;
  color: #471f6e;
}
button.button--center,
.button.button--center {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
button.button--section-footer,
.button.button--section-footer {
  margin-top: 20px;
}
button.button--gold,
.button.button--gold {
  color: #1E1E1E;
  background-color: #E4C69D;
  border: 2px solid #BB9257;
}
button.button--gold:hover, button.button--gold:focus,
.button.button--gold:hover,
.button.button--gold:focus {
  background-color: #BB9257;
  color: #1E1E1E;
}

.button {
  background: none;
}
.flex .button {
  margin-right: 1em;
}
.flex.center .button {
  margin-left: 1em;
}
.light .button:hover, .light .button:focus, .dark .light .button:hover, .dark .light .button:focus {
  border-color: #471f6e;
}
.dark .button:hover, .dark .button:focus, .light .dark .button:hover, .light .dark .button:focus {
  border-color: #e7ded1;
}
.button.button--purple {
  padding: 0.7777777778rem 1.1666666667rem;
  color: #fff;
  border: solid 2px #471f6e;
  background-color: #603B83;
}
.button.button--purple:hover {
  background-color: #d4ccdf;
  color: #471f6e;
}
.button.button--center {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.button.button--section-footer {
  margin-top: 20px;
}
.button.button--gold {
  color: #1E1E1E;
  background-color: #E4C69D;
  border: 2px solid #BB9257;
}
.button.button--gold:hover, .button.button--gold:focus {
  background-color: #BB9257;
  color: #1E1E1E;
}

[data-whatinput=mouse] button:focus {
  outline: none;
}

/* Basic Image Positions */
img.right {
  float: right;
  margin: 0 0 1em 2em;
}
img.left {
  float: left;
  margin: 0 2em 1em 0;
}
@media only screen and (min-width: 768px) {
  img.right, img.left {
    max-width: 200px;
  }
}

/* Image fills container width and height */
.fit-image {
  width: 100%;
  height: 100%;
  position: absolute;
}
.fit-image img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Fill half page with image */
.image.half-page {
  width: 100%;
  height: 100%;
}
.image.half-page img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Text overlaying image */
.text-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
}
.text-overlay.gradient-bottom {
  padding: 0 1.25em 0.75em 1.25em;
}
@media only screen and (max-width: 767px) {
  .text-overlay.gradient-bottom {
    padding-top: 10vh;
  }
}
@media only screen and (max-width: 767px) {
  .dark .text-overlay.gradient-bottom {
    background: linear-gradient(to top, rgba(71, 31, 110, 0.85) 10%, rgba(71, 31, 110, 0.5) 100%);
  }
}
@media only screen and (min-width: 768px) {
  .dark .text-overlay.gradient-bottom {
    background: linear-gradient(to top, rgba(71, 31, 110, 0.9) 0%, rgba(71, 31, 110, 0.55) 50%, rgba(71, 31, 110, 0) 75%);
  }
}
.text-overlay.gradient-bottom .text {
  align-self: flex-end;
}
.text-overlay.gradient-bottom .text :last-child {
  margin-bottom: 0;
}

.umb-block-grid__layout-item p > img {
  display: block;
}

/* Lists */
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) {
  margin: 0 0 1em;
  text-align: left;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) {
  position: relative;
  padding: 0.25em 0 0.5em 1.5em;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > ul:last-child {
  margin-bottom: 0;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference) {
  display: inline-block;
  padding: 0 0.125em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference) {
    padding-bottom: 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;
  }
  .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference)::after {
    bottom: 2px;
  }
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference)::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -0.05em;
  content: " ";
  transition: all 0.25s ease-in-out;
}
.light .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference)::after {
  background-color: rgba(71, 31, 110, 0.5);
}
.dark .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference)::after {
  background-color: rgba(183, 146, 87, 0.65);
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):hover::after, .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):focus::after {
  transform: translateY(2px);
}
.light .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):hover::after, .light .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):focus::after {
  background-color: #471f6e;
}
.dark .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):hover::after, .dark .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) > a:not(.reference):focus::after {
  background-color: #b79257;
}
.light .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) {
  color: #0a0a0a;
}
.dark .content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile) {
  color: #fff;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content):not(.blue-grid) > li:not(.card):not(.tile)::before {
  position: absolute;
  top: 0.05em;
  left: 0;
  margin: 0;
  display: inline-block;
  content: "//";
  font-family: "prenton", sans-serif;
  color: #b79257;
  font-size: 1.25em;
  font-weight: 700;
}

.content ol {
  list-style: none;
  counter-reset: csu-counter;
  margin: 0 0 2em;
  padding: 0;
}
.content ol > li {
  position: relative;
  counter-increment: csu-counter;
  padding: 0.25em 0 0.5em 1.25em;
}
.content ol > li::before {
  position: absolute;
  top: 0.05em;
  left: 0;
  height: 100%;
  content: counter(csu-counter);
  display: inline-block;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
  font-size: 1.25em;
}
.light .content ol > li::before {
  color: #b79257;
}
.content ol > li > a {
  display: inline-block;
  padding: 0 0.125em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .content ol > li > a {
    padding-bottom: 4px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-top;
  }
  .content ol > li > a::after {
    bottom: 2px;
  }
}
.content ol > li > a::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -0.05em;
  content: " ";
  transition: all 0.25s ease-in-out;
}
.light .content ol > li > a::after {
  background-color: rgba(71, 31, 110, 0.5);
}
.dark .content ol > li > a::after {
  background-color: rgba(183, 146, 87, 0.65);
}
.content ol > li > a:hover::after, .content ol > li > a:focus::after {
  transform: translateY(2px);
}
.light .content ol > li > a:hover::after, .light .content ol > li > a:focus::after {
  background-color: #471f6e;
}
.dark .content ol > li > a:hover::after, .dark .content ol > li > a:focus::after {
  background-color: #b79257;
}

.check-list {
  display: block;
  text-align: left;
}
.check-list > li {
  position: relative;
  padding: 0.35em 0 0.35em 2em;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
}
.content .check-list > li {
  font-size: 1rem;
}
.light .check-list > li {
  color: #0a0a0a;
}
.light .check-list > li::before {
  color: rgba(71, 31, 110, 0.65);
}
.dark .check-list > li {
  color: #fff;
}
.dark .check-list > li::before {
  color: #b79257;
}
.check-list > li::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  display: inline-block;
  margin-right: 0.5em;
  content: "\e91e";
  font-size: 1.25em;
  font-weight: 700;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* better font rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Pagination */
.controls {
  justify-content: center;
}
.controls .button {
  padding: 0.5em;
  margin: 0 0.5rem 0.5rem 0;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 1.35;
}
.controls .solid {
  font-size: 2.25em;
  font-weight: 400;
  padding: 0;
  line-height: 0.75;
}

/* Tiles */
.tile-group.background-white {
  padding: 15px;
}

.tile {
  position: relative;
  margin: 0;
  padding: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tile:not(:last-child) {
    border-bottom: #e7ded1 1px solid;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .tile:not(:nth-child(3n+3)) {
    border-right: #e7ded1 1px solid;
  }
  .tile:not(:nth-child(n+4)) {
    border-bottom: #e7ded1 1px solid;
  }
}
@media only screen and (min-width: 1024px) {
  .tile:not(:last-child) {
    border-right: #e7ded1 1px solid;
  }
}
.tile a {
  position: initial;
}
.tile a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  z-index: 5;
}
.tile a span {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.tile a + .image,
.tile a > .image {
  z-index: 1;
  overflow: hidden;
  margin-bottom: 1.5em;
}
.tile a + .image img,
.tile a > .image img {
  transition: opacity 0.25s ease-in-out, transform 0.5s ease-out;
  backface-visibility: hidden;
}
.tile a:hover + .image img,
.tile a:hover > .image img, .tile a:focus + .image img,
.tile a:focus > .image img {
  transform: scale(1.1);
  opacity: 0.75;
}
.light .tile a:focus, .dark .light .tile a:focus {
  outline: 3px dashed #471f6e;
}

.dark .tile-group.light {
  padding: 20px;
  background-color: #fff;
}
.tile-group.tile-group--home {
  display: flex;
  flex-direction: column;
}
.tile-group.tile-group--home .tile {
  padding: 0;
}
.tile-group.tile-group--home .tile:last-child {
  border-right: none;
}
.tile-group.tile-group--home .tile > a {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.tile-group.tile-group--home .tile > a::before {
  content: unset;
}
.tile-group.tile-group--home .tile > a .image {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 0.5rem;
  max-width: 140px;
}
.tile-group.tile-group--home .tile > a .image::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.tile-group.tile-group--home .tile > a .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.tile-group.tile-group--home .tile > a span {
  position: relative;
  max-width: calc(100% + 1rem);
  width: calc(100% + 1rem);
  left: -0.5rem;
  right: -0.5rem;
  bottom: 0;
}
@media only screen and (min-width: 415px) {
  .tile-group.tile-group--home {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }
  .tile-group.tile-group--home .tile {
    flex: 0 0 50%;
    border-bottom: none;
  }
  .tile-group.tile-group--home .tile a {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .tile-group.tile-group--home .tile {
    flex: 0 0 33.3333%;
  }
}
@media only screen and (min-width: 1024px) {
  .tile-group.tile-group--home .tile {
    flex: 0 0 25%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .tile-group.tile-group--home .tile:nth-of-type(4) {
    border-right: none;
  }
}
@media only screen and (min-width: 1200px) {
  .tile-group.tile-group--home .tile {
    flex: 0 0 16.666665%;
  }
  .tile-group.tile-group--home .tile:nth-of-type(6):not(:nth-last-of-type(3)):not(:nth-last-of-type(2)) {
    border-right: none;
  }
  .tile-group.tile-group--home .tile:first-of-type:nth-last-of-type(7), .tile-group.tile-group--home .tile:nth-of-type(2):nth-last-of-type(6), .tile-group.tile-group--home .tile:nth-of-type(3):nth-last-of-type(5), .tile-group.tile-group--home .tile:nth-of-type(4):nth-last-of-type(4), .tile-group.tile-group--home .tile:nth-of-type(5):nth-last-of-type(3), .tile-group.tile-group--home .tile:nth-of-type(6):nth-last-of-type(2), .tile-group.tile-group--home .tile:nth-of-type(7):last-of-type {
    flex: 0 0 14.2857%;
    padding: 1rem;
  }
  .tile-group.tile-group--home .tile:first-of-type:nth-last-of-type(7) > a > span, .tile-group.tile-group--home .tile:nth-of-type(2):nth-last-of-type(6) > a > span, .tile-group.tile-group--home .tile:nth-of-type(3):nth-last-of-type(5) > a > span, .tile-group.tile-group--home .tile:nth-of-type(4):nth-last-of-type(4) > a > span, .tile-group.tile-group--home .tile:nth-of-type(5):nth-last-of-type(3) > a > span, .tile-group.tile-group--home .tile:nth-of-type(6):nth-last-of-type(2) > a > span, .tile-group.tile-group--home .tile:nth-of-type(7):last-of-type > a > span {
    font-size: 0.875rem;
  }
  .tile-group.tile-group--home .tile:first-of-type:nth-last-of-type(8), .tile-group.tile-group--home .tile:nth-of-type(2):nth-last-of-type(7), .tile-group.tile-group--home .tile:nth-of-type(3):nth-last-of-type(6), .tile-group.tile-group--home .tile:nth-of-type(4):nth-last-of-type(5), .tile-group.tile-group--home .tile:nth-of-type(5):nth-last-of-type(4), .tile-group.tile-group--home .tile:nth-of-type(6):nth-last-of-type(3), .tile-group.tile-group--home .tile:nth-of-type(7):nth-last-of-type(2), .tile-group.tile-group--home .tile:nth-of-type(8):last-of-type {
    flex: 0 0 12.5%;
    padding: 0.875rem;
  }
  .tile-group.tile-group--home .tile:first-of-type:nth-last-of-type(8) > a > span, .tile-group.tile-group--home .tile:nth-of-type(2):nth-last-of-type(7) > a > span, .tile-group.tile-group--home .tile:nth-of-type(3):nth-last-of-type(6) > a > span, .tile-group.tile-group--home .tile:nth-of-type(4):nth-last-of-type(5) > a > span, .tile-group.tile-group--home .tile:nth-of-type(5):nth-last-of-type(4) > a > span, .tile-group.tile-group--home .tile:nth-of-type(6):nth-last-of-type(3) > a > span, .tile-group.tile-group--home .tile:nth-of-type(7):nth-last-of-type(2) > a > span, .tile-group.tile-group--home .tile:nth-of-type(8):last-of-type > a > span {
    font-size: 0.75rem;
  }
}

/* Features */
.feature.half-page .column {
  align-self: stretch;
}
@media only screen and (max-width: 767px) {
  .feature.half-page .column {
    min-height: 250px;
  }
}
@media only screen and (min-width: 1024px) {
  .feature.half-page .text.content {
    padding: 7.5vh 0;
  }
}
.feature.full-width {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .feature.full-width .image {
    position: relative;
    height: auto;
    border-bottom: #b79257 3px solid;
  }
}
@media only screen and (min-width: 768px) {
  .feature.full-width .image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.feature.full-width .image::before {
  position: absolute;
  content: " ";
  display: block;
  width: 100%;
  left: 0;
}
@media only screen and (max-width: 1023px) {
  .feature.full-width .image::before {
    height: 50%;
    position: absolute;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .feature.full-width .image::before {
    top: 0;
    height: 100%;
    content: " ";
    z-index: 2;
  }
}
.feature.full-width .image::after {
  position: absolute;
  right: 0;
  max-width: 500px;
  height: 72px;
  content: " ";
  background: url(/media/hfjdcxls/gold-wireframe.png) bottom right no-repeat;
  background-size: contain;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .feature.full-width .image::after {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) {
  .feature.full-width .image::after {
    width: 35%;
  }
}
@media only screen and (max-width: 1023px) {
  .feature.full-width .image::after {
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .feature.full-width .image::after {
    bottom: 20px;
  }
}
.feature.full-width .image img {
  display: block;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .feature.full-width.dark .image::before {
    background: linear-gradient(to top, rgba(34, 4, 64, 0.85) 0%, rgba(34, 4, 64, 0) 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .feature.full-width.dark .image::before {
    background: linear-gradient(to right, rgba(34, 4, 64, 0.95) 0%, rgba(34, 4, 64, 0.75) 50%, rgba(34, 4, 64, 0.1) 100%);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .feature.full-width.dark .image::before {
    background: linear-gradient(to right, rgba(34, 4, 64, 0.9) 0%, rgba(34, 4, 64, 0.7) 45%, rgba(34, 4, 64, 0.1) 90%);
  }
}
@media only screen and (min-width: 1200px) {
  .feature.full-width.dark .image::before {
    background: linear-gradient(to right, rgba(34, 4, 64, 0.9) 0%, rgba(34, 4, 64, 0.65) 45%, rgba(34, 4, 64, 0) 100%);
  }
}
.feature.full-width .text {
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 767px) {
  .feature.full-width .text {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .feature.full-width .text {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
}
@media only screen and (min-width: 1200px) {
  .feature.full-width .text {
    padding-top: 75px;
    padding-bottom: 85px;
  }
}
.feature.full-width .text p {
  max-width: 85ch;
}
.feature.full-width .text ul {
  margin-top: 1.5em;
}
.feature.full-width .text ul li {
  max-width: 85ch;
}
.feature[class*=smaller-than] > .flag {
  width: 70%;
  margin: 0 auto 20px;
}
.feature[class*=smaller-than] > .flag + .text {
  text-align: center;
}
.feature[class*=larger-than], .feature[class*=equal-to] {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-gap: 30px;
  align-items: center;
}
.feature .content p {
  line-height: 1.35;
}

.featured-group.alternating .feature:nth-child(even)[class*=larger-than], .featured-group.alternating .feature:nth-child(even)[class*=equal-to] {
  grid-auto-flow: dense;
  grid-template-columns: 2fr 1fr;
}
.featured-group.alternating .feature:nth-child(even)[class*=larger-than] .image, .featured-group.alternating .feature:nth-child(even)[class*=equal-to] .image {
  grid-column-start: 2;
}
.featured-group.alternating .feature:nth-child(even)[class*=larger-than] .image img, .featured-group.alternating .feature:nth-child(even)[class*=equal-to] .image img {
  -webkit-clip-path: polygon(20.9% 0, 0 50%, 20.9% 100%, 100% 100%, 100% 0, 0 0);
          clip-path: polygon(20.9% 0, 0 50%, 20.9% 100%, 100% 100%, 100% 0, 0 0);
  margin-left: 4.5%;
}
.featured-group.alternating .feature:nth-child(even)[class*=larger-than] .image .flag-border, .featured-group.alternating .feature:nth-child(even)[class*=equal-to] .image .flag-border {
  right: auto;
  left: 0;
  transform: scaleX(-1);
}

/* Footnotes */
main {
  counter-reset: footnotes;
}

.reference {
  counter-increment: footnotes;
}
.reference::after {
  content: counter(footnotes);
  display: inline-block;
  font-size: 0.875rem;
  margin-left: 0.25em;
  line-height: 1.5;
  text-align: center;
  transform: translateY(-0.125em);
  font-weight: 700;
  outline: transparent 2px dotted;
  transition: all 0.15s ease-in-out;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  font-family: "hypatia-sans-pro", sans-serif;
  font-style: normal;
}
.light .reference, .dark .reference, .dark .light .reference, .light .dark .reference {
  color: inherit;
  font-weight: inherit;
}
.light .reference::before, .dark .reference::before, .dark .light .reference::before, .light .dark .reference::before {
  display: none;
}
.light .reference:hover, .light .reference:focus, .dark .reference:hover, .dark .reference:focus, .dark .light .reference:hover, .dark .light .reference:focus, .light .dark .reference:hover, .light .dark .reference:focus {
  color: inherit;
}
.light .reference::after, .dark .light .reference::after, .dark [class*=gradient] .reference::after, .light .dark [class*=gradient] .reference::after {
  color: #0a0a0a;
  background-color: #e7ded1;
}
.light .reference:hover::after, .light .reference:focus::after, .dark .light .reference:hover::after, .dark .light .reference:focus::after, .dark [class*=gradient] .reference:hover::after, .dark [class*=gradient] .reference:focus::after, .light .dark [class*=gradient] .reference:hover::after, .light .dark [class*=gradient] .reference:focus::after {
  background-color: #b79257;
}
.dark .reference::after, .light .dark .reference::after {
  background-color: rgba(71, 31, 110, 0.65);
  color: #fff;
}
.dark .reference:hover::after, .dark .reference:focus::after, .light .dark .reference:hover::after, .light .dark .reference:focus::after {
  background-color: #471f6e;
}

.footnotes {
  padding: 15px 20px;
  margin-top: 50px;
  border: transparent 1px solid;
}
.light .footnotes {
  border-color: #e7ded1;
}
.footnotes ol {
  list-style: none;
  counter-reset: csu-counter;
  margin: 0.5em 0;
  padding: 0;
}
.footnotes ol :target {
  background-color: rgba(212, 204, 223, 0.65);
}
.footnotes ol > li {
  padding-left: 1.125em;
  position: relative;
  counter-increment: csu-counter;
}
.footnotes ol > li:nth-last-child(n+2) {
  margin-bottom: 0.5em;
}
.footnotes ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  content: counter(csu-counter);
  display: inline-block;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
}
.light .footnotes ol > li::before {
  color: #471f6e;
}

/* Forms */
.label {
  color: #471f6e;
  font-weight: 700;
}
@media only screen and (max-width: 1023px) {
  .label {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .label {
    font-size: 0.9375rem;
  }
}

@media only screen and (min-width: 768px) {
  .csu-form {
    min-width: 250px;
  }
}
.csu-form h1 {
  margin-bottom: 0.75em;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .csu-form h1 {
    font-size: 1.35em;
  }
}
@media only screen and (min-width: 1024px) {
  .csu-form h1 {
    font-size: 1.5em;
  }
}
.csu-form fieldset {
  outline: none;
}
.csu-form button,
.csu-form input,
.csu-form select,
.csu-form textarea {
  width: 100%;
  font-size: 100%;
}
.csu-form select:disabled {
  cursor: not-allowed;
  background-color: #e7ded1;
  opacity: 0.35;
}
.csu-form button {
  margin: 1em 0 0;
}
.csu-form .flex {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .csu-form .flex > .form-group {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .csu-form .flex > .form-group {
    flex: 1;
    min-width: 150px;
  }
  .csu-form .flex > .form-group:last-child {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .csu-form .contact-group .flex > .form-group:first-child {
    width: 100%;
    flex: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .csu-form .name-group legend, .csu-form .name-group .hint {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .csu-form .name-group label {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }
  .csu-form .name-group .hint::after {
    position: absolute;
    top: 0.5em;
    right: 0.65rem;
    width: 1.65em;
    height: 1.65em;
    border-radius: 50%;
    font-size: 1.125rem;
    font-family: "hypatia-sans-pro", sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    transform: scale(0);
    transform-origin: center;
    transition: all 0.15s ease-in-out;
  }
  .csu-form .name-group .form-error .hint::after {
    content: "!";
    border: #471f6e 2px solid;
    transform: scale(1);
    color: #471f6e;
  }
  .csu-form .name-group .form-success .hint::after {
    content: "✔";
    background-color: #471f6e;
    color: #471f6e;
    transform: scale(1);
    opacity: 0;
    animation: fade-out 1.5s ease-in 1;
  }
}

.form-group {
  position: relative;
  margin-bottom: 10px;
}
.form-group label {
  margin-bottom: 0.15em;
}
.form-group input,
.form-group select {
  margin-bottom: 0.15em;
}
.form-group:not(.select-wrap) label::after {
  position: absolute;
  top: 1.75em;
  right: 0.65rem;
  width: 1.65em;
  height: 1.65em;
  border-radius: 50%;
  font-size: 1.125rem;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
  text-align: center;
  transform: scale(0);
  transform-origin: center;
  transition: all 0.15s ease-in-out;
}

.radio-group {
  margin-bottom: 10px;
}
.radio-group legend {
  padding: 10px 0;
  text-align: center;
}
.radio-group label {
  display: flex;
  align-items: center;
  margin-bottom: 0.15em;
  border: #b79257 1px solid;
}
.radio-group label span {
  position: relative;
  flex: 1;
  margin: 0;
  padding: 0.65em 0.75em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #0a0a0a;
  font-weight: 400;
}
.radio-group input[type=radio],
.radio-group input[type=checkbox] {
  width: 2.75em;
  height: 2.75em;
  margin-right: 0.925em;
  cursor: pointer;
}
.radio-group input[type=radio]:hover:not(:checked)::before,
.radio-group input[type=checkbox]:hover:not(:checked)::before {
  color: #0a0a0a;
}
.radio-group input[type=radio]:empty::before,
.radio-group input[type=checkbox]:empty::before {
  display: block;
  width: 2.75em;
  height: 2.75em;
  padding: 0.6em 0.925em;
  content: "✔";
  background-color: #b79257;
  box-shadow: 0 0 0 2px #b79257;
  transition: all 0.15s ease-in-out;
  color: #b79257;
}
.radio-group input[type=radio]:checked::before,
.radio-group input[type=checkbox]:checked::before {
  color: #fff;
  background-color: #471f6e;
  box-shadow: 0 0 0 2px #471f6e;
}
.radio-group .flex > label {
  flex: 1;
}
.radio-group .flex > label:last-child {
  margin-left: 15px;
}

.form-error label {
  color: #471f6e;
}
.form-error input, .form-error select {
  border-color: #471f6e;
}
.form-error input:focus, .form-error select:focus {
  box-shadow: inset 0 0 0 2px #471f6e;
}
.form-error .form-error-message {
  color: #471f6e;
  font-style: italic;
  font-weight: 700;
  line-height: 1.15;
}
.form-error:not(.select-wrap) label::after {
  content: "!";
  border: #471f6e 2px solid;
  transform: scale(1);
  color: #471f6e;
}

.form-success:not(.select-wrap) label::after {
  content: "✔";
  background-color: #471f6e;
  color: #fff;
  transform: scale(1);
  opacity: 0;
  animation: fade-out 1.5s ease-in 1;
}

.hero {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero[class*=gradient]::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .hero.gradient-left {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero.gradient-left {
    padding: 5vh 0;
  }
}
@media only screen and (min-width: 1200px) {
  .hero.gradient-left {
    padding: 15vh 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero.gradient-left .page-grid:not([class*=columns]) .content {
    grid-column: auto/span 4;
  }
}
@media only screen and (min-width: 1200px) {
  .hero.gradient-left .page-grid:not([class*=columns]) .content {
    grid-column: auto/span 8;
  }
}
@media only screen and (max-width: 767px) {
  .hero.gradient-left.dark::before {
    background-color: rgba(34, 4, 64, 0.85);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero.gradient-left.dark::before {
    background: linear-gradient(to right, rgba(34, 4, 64, 0.95) 0%, rgba(34, 4, 64, 0.85) 45%, rgba(34, 4, 64, 0.5) 100%);
  }
}
@media only screen and (min-width: 1200px) {
  .hero.gradient-left.dark::before {
    background: linear-gradient(to right, rgba(34, 4, 64, 0.95) 0%, rgba(34, 4, 64, 0.85) 45%, rgba(34, 4, 64, 0) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .hero.gradient-bottom {
    padding-top: 15vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hero.gradient-bottom {
    padding-top: 25vh;
  }
}
@media only screen and (min-width: 1200px) {
  .hero.gradient-bottom {
    padding-top: 35vh;
  }
}
@media only screen and (max-width: 767px) {
  .hero.gradient-bottom.dark::before {
    background-color: rgba(34, 4, 64, 0.85);
  }
}
@media only screen and (min-width: 768px) {
  .hero.gradient-bottom.dark::before {
    background: linear-gradient(to bottom, rgba(34, 4, 64, 0) 25%, rgba(34, 4, 64, 0.35) 50%, rgba(34, 4, 64, 0.85) 100%);
  }
}
@media only screen and (max-width: 767px) {
  .hero.content-overlap {
    padding: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .hero.content-overlap.bottom {
    padding-bottom: 75px;
  }
}
@media only screen and (min-width: 768px) {
  .hero.content-overlap.bottom {
    padding-bottom: 100px;
  }
}
.hero.content-overlap.bottom + section .background-white {
  transform: translateY(-30px);
}
.hero.hero--admissions {
  padding: 0;
  display: flex;
  align-items: flex-end;
}
.hero.hero--admissions .site-wrap {
  flex: 1 1 100%;
}
@media only screen and (min-width: 768px) {
  .hero.hero--admissions {
    min-height: 332px;
  }
}
.hero.hero--admissions h1 {
  font-weight: 600;
  padding: 6.6666666667rem 0 1.3888888889rem;
}
@media only screen and (min-width: 1024px) {
  .hero.hero--admissions h1 {
    font-size: 2.6666666667rem;
    margin-bottom: 0;
  }
}
.hero.hero--video {
  position: relative;
}
.hero.hero--video::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .hero.hero--video {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero.hero--video {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.hero.hero--video .hero__img, .hero.hero--video .hero__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .hero.hero--video .hero__img {
    display: none;
  }
}
.hero.hero--video .hero__video {
  display: none;
}
@media only screen and (min-width: 768px) {
  .hero.hero--video .hero__video {
    display: block;
  }
}
.hero.hero--video .hero__content {
  position: relative;
  z-index: 1;
  padding: 2rem 1.5rem;
  text-align: center;
  text-transform: uppercase;
}
.hero.hero--video .hero__content h1 {
  font-size: 1.125rem;
}
@media only screen and (min-width: 415px) {
  .hero.hero--video .hero__content h1 {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .hero.hero--video .hero__content h1 {
    font-size: 1.75rem;
  }
}
.hero.hero--video .hero__copy {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.12;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 415px) {
  .hero.hero--video .hero__copy {
    font-size: 3rem;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (min-width: 768px) {
  .hero.hero--video .hero__copy {
    font-size: 4rem;
    letter-spacing: 0.64px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero.hero--video .hero__copy {
    font-size: 4.875rem;
    letter-spacing: 0.64px;
  }
}

@media only screen and (max-width: 767px) {
  .interior-hero {
    padding-top: 15vh;
  }
  .interior-hero::before {
    background: linear-gradient(to bottom, rgba(34, 4, 64, 0.25) 0, rgba(34, 4, 64, 0.65) 50%, #220440 100%);
  }
}
@media only screen and (min-width: 768px) {
  .interior-hero::before {
    background: linear-gradient(to bottom, rgba(34, 4, 64, 0) 25%, rgba(34, 4, 64, 0.35) 50%, rgba(34, 4, 64, 0.85) 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .interior-hero {
    padding-top: 25vh;
  }
}
@media only screen and (min-width: 1200px) {
  .interior-hero {
    padding-top: 35vh;
  }
}
.interior-hero::before {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.interior-hero .site-wrap {
  position: relative;
  z-index: 5;
}
.interior-hero h1 {
  padding-bottom: 0.5em;
  line-height: 1.25;
}
@media only screen and (min-width: 1024px) and (max-width: 1599px) {
  .interior-hero h1 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1600px) {
  .interior-hero h1 {
    font-size: 2.5rem;
  }
}

.hero-caption {
  padding: 0.65em 0.85em 0.65em 0.85em;
}
@media only screen and (min-width: 768px) {
  .hero-caption {
    max-width: 400px;
  }
}

.caption-name {
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
}
.light .caption-name {
  color: #0a0a0a;
}

.dark .caption-title {
  color: #555;
}

/* Icons */
.icon {
  color: #b79257;
}
@media only screen and (max-width: 767px) {
  .icon.large {
    font-size: 4.65rem;
  }
}
@media only screen and (min-width: 768px) {
  .icon.large {
    font-size: 6.25rem;
  }
}
.icon.round {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5;
  border-radius: 50%;
  font-size: 0.85em;
  border: transparent 2px solid;
}
p .icon {
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 1.125em;
}

/* Icon Links */
.icon-link {
  display: block;
}
.icon-link:hover .icon, .icon-link:focus .icon {
  transform: scale(1.025);
  opacity: 1;
}
.icon-link .icon {
  margin-bottom: 1rem;
  transition: all 0.25s ease-in-out;
  opacity: 0.65;
}
.icon-link .text {
  font-family: "hypatia-sans-pro", sans-serif;
  font-size: 1.125rem;
}
.light .icon-link {
  color: #471f6e;
}
.light .icon-link:hover, .light .icon-link:focus {
  color: #471f6e;
}
.light .icon-link .icon {
  color: #471f6e;
}

/* Course Table */
.table-wrapper {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    background: radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0;
    background-repeat: no-repeat;
    background-size: 10px 100%;
  }
}
.table-wrapper + .table-wrapper {
  margin-top: 30px;
}
.table-wrapper + h2, .table-wrapper + h3, .table-wrapper + h4, .table-wrapper + h5, .table-wrapper + h6, .table-wrapper + p {
  margin-top: 1.5em;
}
.table-wrapper table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .table-wrapper table {
    white-space: nowrap;
    background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)), linear-gradient(to left, white 30%, rgba(255, 255, 255, 0)) 100% 0;
    background-size: 50px 100%;
    background-repeat: no-repeat;
  }
}
.toggle-content .table-wrapper:last-child {
  margin-bottom: 30px;
}

.dark table {
  box-shadow: 0 3px 5px rgba(34, 4, 64, 0.25);
}
table caption {
  margin-bottom: 0.25em;
  font-family: "hypatia-sans-pro", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
.light table caption {
  color: #0a0a0a;
}
.dark table caption {
  color: #e7ded1;
}
table thead th {
  padding: 1em 15px;
}
table th {
  font-size: 1rem;
  font-family: "hypatia-sans-pro", sans-serif;
}
.light table th a, .dark table th a {
  color: #0a0a0a;
}
.light table th a:not(.reference):hover, .light table th a:not(.reference):focus, .dark table th a:not(.reference):hover, .dark table th a:not(.reference):focus {
  color: #471f6e;
}
.light table th a.reference::after, .dark table th a.reference::after {
  background-color: rgba(10, 10, 10, 0.6);
  color: #fff;
}
.light table th a.reference:hover::after, .light table th a.reference:focus::after, .dark table th a.reference:hover::after, .dark table th a.reference:focus::after {
  background-color: #0a0a0a;
}
table tbody th,
table td {
  padding: 0.65em 15px;
}
table tbody {
  background-color: #fff;
}
table tbody tr:nth-last-child(n+6):first-child:hover,
table tbody tr:nth-last-child(n+6):first-child ~ tr:hover {
  background-color: rgba(231, 222, 209, 0.25);
}
table td {
  font-size: 1.125rem;
}
table td a:not(.reference) {
  position: relative;
}
table td a:not(.reference)::after {
  display: inline-block;
  margin-left: 0.25em;
  content: "»";
  font-family: "prenton", sans-serif;
  font-size: 1.25em;
  line-height: 1;
  vertical-align: baseline;
  position: absolute;
  color: #b79257;
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
}
table td a:not(.reference):hover::after, table td a:not(.reference):focus::after {
  animation: pulse 1s infinite alternate ease-in-out;
  opacity: 1;
}
.light table td .reference::after, .dark table td .reference::after {
  background-color: #e7ded1;
  color: #0a0a0a;
}
.light table td .reference:hover::after, .light table td .reference:focus::after, .dark table td .reference:hover::after, .dark table td .reference:focus::after {
  background-color: #b79257;
}
table.default {
  color: #0a0a0a;
}
table.default thead th:nth-last-child(n+2) {
  border-right: transparent 2px solid;
}
table.default tbody tr {
  border-bottom: transparent 1px solid;
}
table.default tbody tr:last-of-type {
  border: none;
}
table.default tbody th {
  border-top: transparent 2px solid;
}
table.default thead {
  background-color: #b79257;
}
table.default tbody tr {
  border-color: #e7ded1;
}
table.default tbody th {
  border-color: #fff;
  background-color: rgba(231, 222, 209, 0.65);
}
table.default thead th:nth-last-child(n+2) {
  border-color: #fff;
}
table.last-right td:last-child {
  width: 5em;
}

.textbook-table tbody {
  border: transparent 1px solid;
}
.textbook-table tr:nth-last-child(n+2) th,
.textbook-table tr:nth-last-child(n+2) td {
  border-bottom: transparent 1px solid;
}
.textbook-table th {
  width: 6.5em;
}
.light .textbook-table tbody {
  border-color: #e7ded1;
}
.light .textbook-table th {
  background-color: #e7ded1;
}
.light .textbook-table th,
.light .textbook-table td {
  color: #0a0a0a;
}
.light .textbook-table tr:nth-last-child(n+2) th {
  border-color: #fff;
}
.light .textbook-table tr:nth-last-child(n+2) td {
  border-color: #e7ded1;
}

/* Filters */
.filter {
  margin-bottom: 1em;
}

.filter-controls {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
.filter-controls legend {
  margin-bottom: 0.25em;
  font-size: 1rem;
}
.filter-controls label {
  cursor: pointer;
}
.filter-controls label:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .filter-controls label:first-child {
    flex: 100%;
  }
  .filter-controls label:nth-child(even) {
    margin-right: 0.25em;
  }
}
@media only screen and (min-width: 768px) {
  .filter-controls label {
    margin-right: 0.25em;
  }
}
@media only screen and (max-width: 1023px) {
  .filter-controls label {
    flex: 1 0 125px;
    margin-bottom: 0.25em;
  }
}
.filter-controls label span {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .filter-controls {
    width: 100%;
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .filter-controls {
    margin-right: 2em;
  }
  .filter-controls:last-of-type {
    margin-right: 0;
  }
}

.light .filter-item + .button:hover, [data-whatinput=keyboard] .light .filter-item:focus + .button {
  background-color: #b79257;
  color: #0a0a0a;
}
.filter-item + .button {
  margin: 0;
  border: none;
}
.light .filter-item[data-state=on] + .button {
  background-color: #471f6e;
  color: #fff;
}
.light .filter-item[data-state=on] + .button:hover, [data-whatinput=keyboard] .light .filter-item[data-state=on]:focus + .button {
  background-color: #471f6e;
  color: #fff;
}

/* Accordion */
.accordion {
  margin-bottom: 1em;
}

.toggle {
  position: relative;
  padding-right: 2.5em;
  border: none;
}
.accordion .toggle {
  width: 100%;
  margin: 0 0 3px;
  font-size: 1.125rem;
  text-align: left;
}
.accordion .toggle:not(.solid) {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
  padding-left: 0;
}
.accordion .toggle p {
  font-family: "prenton", sans-serif;
}
.light .accordion .toggle:not(.solid) {
  background: none;
}
.light .accordion .toggle:not(.solid) p {
  color: #0a0a0a;
  font-weight: 400;
}
.light .accordion .toggle:not(.solid)[aria-expanded=false] {
  border-bottom: #e7ded1 1px solid;
}
.light .accordion .toggle.solid:hover, .light .accordion .toggle.solid:focus {
  background-color: #b79257;
  color: #3c3c3c;
}
.light .accordion .toggle.solid:hover i.toggle-icon::before, .light .accordion .toggle.solid:hover i.toggle-icon::after, .light .accordion .toggle.solid:focus i.toggle-icon::before, .light .accordion .toggle.solid:focus i.toggle-icon::after {
  background-color: #3c3c3c;
}
.light .accordion .toggle.solid[aria-expanded=true] {
  background-color: #471f6e;
  color: #fff;
}
.light .accordion .toggle.solid[aria-expanded=true]:hover, .light .accordion .toggle.solid[aria-expanded=true]:active, [data-whatinput=keyboard] .light .accordion .toggle.solid[aria-expanded=true]:focus {
  background-color: #471f6e;
  color: #fff;
}
.light .accordion .toggle.solid[aria-expanded=true]:hover i.toggle-icon::before, .light .accordion .toggle.solid[aria-expanded=true]:hover i.toggle-icon::after, .light .accordion .toggle.solid[aria-expanded=true]:active i.toggle-icon::before, .light .accordion .toggle.solid[aria-expanded=true]:active i.toggle-icon::after, [data-whatinput=keyboard] .light .accordion .toggle.solid[aria-expanded=true]:focus i.toggle-icon::before, [data-whatinput=keyboard] .light .accordion .toggle.solid[aria-expanded=true]:focus i.toggle-icon::after {
  background-color: #fff;
}
.light .accordion .toggle.solid[aria-expanded=true] i.toggle-icon::before, .light .accordion .toggle.solid[aria-expanded=true] i.toggle-icon::after {
  background-color: #fff;
}
.accordion .toggle h2 {
  font-size: 1.5rem;
}

.toggle-icon {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1em;
  height: 1em;
  transform: translateY(-50%) rotate(0);
  transition: transform 0.25s ease-in-out;
}
.solid .toggle-icon {
  right: 0.65em;
}
.toggle-icon::before, .toggle-icon::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: " ";
  background-color: #3c3c3c;
  transform: translate(-50%, -50%);
}
.toggle-icon::before {
  width: 0.15em;
  height: 100%;
}
.toggle-icon::after {
  width: 100%;
  height: 0.15em;
}
.toggle:active .toggle-icon, .toggle[aria-expanded=true] .toggle-icon {
  transform: translateY(-50%) rotate(135deg);
}

.toggle-content {
  padding: 15px 0;
  transition: all 0.25s ease-in-out;
}
.light .toggle-content {
  border-bottom: #e7ded1 1px solid;
}

/* Makes YouTube embeds responsive while maintaining aspect ratio */
.video-embed {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article .video-embed {
  margin-bottom: 35px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 6;
}
.modal.modal--visible {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .modal-content {
  background-color: #fff;
  max-width: 650px;
  margin: 15px;
  padding: 3rem 2rem 2rem;
  position: relative;
}
.modal .modal-content .modal-close {
  background-color: #fff;
  fill: #471f6e;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.modal .modal-content .modal-close:hover, .modal .modal-content .modal-close:focus {
  fill: #471f6e;
}

/* ================================== */
/* == SEARCH RESULTS -------------------------- */
.SearchDialog .form-horizontal {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5em;
}
.SearchDialog .form-group {
  position: relative;
}
.SearchDialog .form-group:first-child {
  flex: 1 0 200px;
}
.SearchDialog .form-group .editing-form-label-cell {
  position: absolute;
  margin-top: -1.5em;
}
.SearchDialog .form-group .editing-form-value-cell {
  height: 100%;
}
.SearchDialog .form-group .editing-form-value-cell input {
  width: 100%;
  height: 100%;
}
.SearchDialog .form-group .btn {
  height: 100%;
  display: block;
  padding: 1em 1.25em;
  transition: all 0.15s ease-in-out;
  font-family: "hypatia-sans-pro", sans-serif;
  font-size: 0.85em;
  font-style: italic;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  background-color: #e7ded1;
  color: #0a0a0a;
}
.SearchDialog .form-group .btn:hover, .SearchDialog .form-group .btn:focus {
  background-color: #471f6e;
  color: #fff;
}

.SearchResults {
  margin-top: 30px;
}

.search-result {
  margin-bottom: 1.5em;
  border-bottom: #e7ded1 1px solid;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content) > .search-result:not(.card):not(.tile) {
  padding-left: 0;
}
.content ul:not(.accordion):not(.pagers):not(.toggle-content) > .search-result:not(.card):not(.tile)::before {
  display: none;
}
.search-result:last-of-type {
  margin-bottom: 2em;
}
.search-result a {
  display: block;
  margin-bottom: 0.25em;
}
.search-result a:hover h2, .search-result a:focus h2 {
  color: #471f6e;
}
.search-result a:hover h2::after, .search-result a:focus h2::after {
  animation: pulse 1s infinite alternate ease-in-out;
  opacity: 1;
}
.search-result a h2 {
  position: relative;
  margin-bottom: 0.15em;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .search-result a h2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.search-result a h2::after {
  display: inline-block;
  margin-left: 0.25em;
  content: "»";
  font-family: "prenton", sans-serif;
  font-size: 1.25em;
  line-height: 1;
  vertical-align: baseline;
  position: absolute;
  color: #b79257;
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
}
.search-result cite {
  display: block;
  font-weight: 400;
  color: #0a0a0a;
  font-size: 1.125em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-result .result-url {
  display: block;
  word-break: break-all;
  line-height: 1.25;
}
@media only screen and (max-width: 767px) {
  .search-result .result-url {
    margin-bottom: 0.25em;
  }
}
@media only screen and (min-width: 768px) {
  .search-result .result-url {
    font-size: 0.9375em;
    margin-bottom: 0.125em;
  }
}
.search-result p {
  color: #0a0a0a;
  margin-bottom: 0.25em;
}
.search-result p:empty {
  display: none;
}
.search-result .time-stamp {
  color: #0a0a0a;
}
.search-result .highlight {
  display: inline-block;
  position: relative;
  background-color: rgba(212, 204, 223, 0.65);
  padding-bottom: 2px;
}
.search-result .highlight::after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(71, 31, 110, 0.35);
  display: block;
  left: 0;
}

.NewsSummary {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  .NewsSummary {
    align-items: stretch;
    flex-direction: row;
  }
}
.NewsSummary__media {
  position: relative;
}
.NewsSummary__media::before {
  content: "";
  display: block;
  padding-top: 66.6%;
}
.NewsSummary__media img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1200px) {
  .NewsSummary__media {
    flex: 0 0 200px;
    margin-bottom: 1.5em;
  }
  .NewsSummary__media::before {
    content: unset;
  }
}
@media only screen and (min-width: 1200px) {
  .NewsSummary__content {
    flex: 1;
  }
}

.SearchDialog {
  margin-bottom: 1.5rem;
}
.SearchDialog .form-group .editing-form-value-cell select {
  width: 100%;
  height: 100%;
}

.split-quote {
  position: relative;
  width: 100%;
  background: #fff;
}
@media only screen and (min-width: 1024px) {
  .split-quote {
    width: 100vw;
    left: calc(50% - 50vw);
    display: flex;
  }
}
.split-quote__right, .split-quote__left {
  position: relative;
}
.split-quote__right::before, .split-quote__left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  background-image: inherit;
  background-position: inherit;
}
.split-quote__right-inner, .split-quote__left-inner {
  padding: 2.8888888889rem 1rem;
  padding-left: 3rem;
  position: relative;
  width: 100%;
  z-index: 2;
}
.split-quote__right-inner blockquote,
.split-quote__right-inner blockquote p, .split-quote__left-inner blockquote,
.split-quote__left-inner blockquote p {
  font-size: 1.2222222222rem;
  font-weight: 500;
  line-height: 1.30769;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .split-quote__right-inner blockquote,
  .split-quote__right-inner blockquote p, .split-quote__left-inner blockquote,
  .split-quote__left-inner blockquote p {
    font-size: 1.4444444444rem;
    font-weight: 600;
  }
}
.split-quote__right-inner blockquote, .split-quote__left-inner blockquote {
  position: relative;
}
.split-quote__right-inner blockquote::before, .split-quote__left-inner blockquote::before {
  content: open-quote;
  position: absolute;
  left: -32px;
  top: -18px;
  font-size: 58px;
}
.split-quote__right-inner blockquote::after, .split-quote__left-inner blockquote::after {
  content: close-quote;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
@media only screen and (min-width: 1024px) {
  .split-quote__right, .split-quote__left {
    flex: 0 0 calc(50% + 50px);
    display: flex;
  }
  .split-quote__right-inner, .split-quote__left-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 1200px) {
  .split-quote__right, .split-quote__left {
    flex: 0 0 calc(50% + 77px);
  }
}
@media only screen and (min-width: 1600px) {
  .split-quote__right, .split-quote__left {
    flex: 0 0 calc(50% + 132px);
  }
  .split-quote__right blockquote,
  .split-quote__right p, .split-quote__left blockquote,
  .split-quote__left p {
    width: 36.5rem;
    max-width: 100%;
  }
}
.split-quote__left {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0% calc(100% - 12px));
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0% calc(100% - 12px));
}
.split-quote__left-inner {
  padding-bottom: 4.1111111111rem;
  background: rgba(71, 30, 110, 0.8980392157);
}
.split-quote__left-inner blockquote::before {
  color: #BB9257;
}
.split-quote__left-inner * {
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .split-quote__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 104px) 0%, calc(100% - 4px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 104px) 0%, calc(100% - 4px) 100%, 0% 100%);
    margin-right: -50px;
  }
  .split-quote__left-inner {
    padding: 4.4444444444rem 5.5555555556rem 4.4444444444rem 2.6666666667rem;
  }
}
@media only screen and (min-width: 1200px) {
  .split-quote__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 152px) 0%, calc(100% - 8px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 152px) 0%, calc(100% - 8px) 100%, 0% 100%);
    margin-right: -77px;
  }
  .split-quote__left-inner {
    padding: 8rem 8rem 8rem 4rem;
  }
}
@media only screen and (min-width: 1600px) {
  .split-quote__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 272px) 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 272px) 0%, 100% 100%, 0% 100%);
    margin-right: -132px;
  }
  .split-quote__left-inner {
    padding: 8rem 14.6666666667rem 8rem 4rem;
    align-items: flex-end;
  }
}
.split-quote__right {
  margin-top: -3.5555555556rem;
  -webkit-clip-path: polygon(0% 60px, 100% 12px, 100% 100%, 0% 100%);
          clip-path: polygon(0% 60px, 100% 12px, 100% 100%, 0% 100%);
}
.split-quote__right-inner {
  padding-top: 4.4444444444rem;
  background: rgba(187, 146, 87, 0.8980392157);
}
.split-quote__right-inner blockquote::before {
  color: #471E6E;
}
@media only screen and (min-width: 1024px) {
  .split-quote__right {
    -webkit-clip-path: polygon(0% -16px, 100% 0%, 100% 100%, 104px 100%);
            clip-path: polygon(0% -16px, 100% 0%, 100% 100%, 104px 100%);
    margin-top: 0;
    margin-left: -50px;
  }
  .split-quote__right-inner {
    padding: 4.4444444444rem 2.6666666667rem 4.4444444444rem 5.5555555556rem;
  }
}
@media only screen and (min-width: 1200px) {
  .split-quote__right {
    -webkit-clip-path: polygon(0% -32px, 100% 0%, 100% 100%, 152px 100%);
            clip-path: polygon(0% -32px, 100% 0%, 100% 100%, 152px 100%);
    margin-left: -77px;
  }
  .split-quote__right-inner {
    padding: 8rem 4rem 8rem 8rem;
  }
}
@media only screen and (min-width: 1600px) {
  .split-quote__right {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 272px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 272px 100%);
    margin-left: -132px;
  }
  .split-quote__right-inner {
    padding: 8rem 4rem 8rem 14.6666666667rem;
    align-items: flex-start;
  }
}
.split-quote__attribution {
  text-align: left;
}

.split-feature {
  position: relative;
  width: 100%;
  background: #fff;
  margin: 32px 0;
}
@media only screen and (min-width: 1024px) {
  .split-feature {
    width: 100vw;
    left: calc(50% - 50vw);
    display: flex;
    margin: 40px 0;
  }
}
.split-feature__right, .split-feature__left {
  position: relative;
}
.split-feature__right-inner, .split-feature__left-inner {
  padding: 2.6666666667rem 1rem;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 1024px) {
  .split-feature__right, .split-feature__left {
    flex: 0 0 calc(50% + 50px);
    display: flex;
  }
}
@media only screen and (min-width: 1200px) {
  .split-feature__right, .split-feature__left {
    flex: 0 0 calc(50% + 77px);
  }
}
@media only screen and (min-width: 1600px) {
  .split-feature__right, .split-feature__left {
    flex: 0 0 calc(50% + 132px);
  }
  .split-feature__right blockquote,
  .split-feature__right p, .split-feature__left blockquote,
  .split-feature__left p {
    max-width: 36.5rem;
  }
}
.split-feature__left {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0% calc(100% - 12px));
          clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 60px), 0% calc(100% - 12px));
  background: #471E6E;
  background-image: url("/img/styling-images/wu-purple-stripes.jpg");
}
.split-feature__left-inner {
  padding-bottom: 4.1111111111rem;
  max-width: 100%;
}
.split-feature__left-inner * {
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .split-feature__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 104px) 0%, calc(100% - 4px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 104px) 0%, calc(100% - 4px) 100%, 0% 100%);
    margin-right: -50px;
  }
  .split-feature__left-inner {
    max-width: 32rem;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 4.4444444444rem 5.5555555556rem 4.4444444444rem 2.6666666667rem;
    margin-left: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .split-feature__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 152px) 0%, calc(100% - 8px) 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 152px) 0%, calc(100% - 8px) 100%, 0% 100%);
    margin-right: -77px;
  }
  .split-feature__left-inner {
    padding: 6.7777777778rem 8rem 6.7777777778rem 4rem;
  }
}
@media only screen and (min-width: 1600px) {
  .split-feature__left {
    -webkit-clip-path: polygon(0% 0%, calc(100% - 272px) 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, calc(100% - 272px) 0%, 100% 100%, 0% 100%);
    margin-right: -132px;
  }
  .split-feature__left-inner {
    padding: 6.7777777778rem 14.6666666667rem 6.7777777778rem 4rem;
  }
}
.split-feature__right {
  margin-top: -3.5555555556rem;
  -webkit-clip-path: polygon(0% 60px, 100% 12px, 100% 100%, 0% 100%);
          clip-path: polygon(0% 60px, 100% 12px, 100% 100%, 0% 100%);
  background: #b79257;
  height: 320px;
}
.split-feature__right img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media only screen and (min-width: 768px) {
  .split-feature__right {
    height: 460px;
  }
}
@media only screen and (min-width: 1024px) {
  .split-feature__right {
    -webkit-clip-path: polygon(0% -16px, 100% 0%, 100% 100%, 104px 100%);
            clip-path: polygon(0% -16px, 100% 0%, 100% 100%, 104px 100%);
    margin-top: 0;
    margin-left: -50px;
    height: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .split-feature__right {
    -webkit-clip-path: polygon(0% -32px, 100% 0%, 100% 100%, 152px 100%);
            clip-path: polygon(0% -32px, 100% 0%, 100% 100%, 152px 100%);
    margin-left: -77px;
  }
}
@media only screen and (min-width: 1600px) {
  .split-feature__right {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 272px 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 272px 100%);
    margin-left: -132px;
  }
  .split-feature__right img {
    -o-object-position: center;
       object-position: center;
  }
}
.split-feature__heading {
  font-size: 1.3333333333rem;
  line-height: normal;
  font-weight: 400;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .split-feature__heading {
    font-size: 1.8888888889rem;
  }
}
.split-feature__copy, .split-feature__copy:is(p) {
  font-size: 0.8888888889rem;
  line-height: 1.611111;
  font-weight: 400;
  margin-bottom: 26px;
}
@media only screen and (min-width: 768px) {
  .split-feature__copy, .split-feature__copy:is(p) {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .split-feature__link {
    min-width: 392px;
  }
}

.faculty-form *, .faculty-list *, .faculty-list__intro *, .faculty-card *, .faculty-modal * {
  font-family: "hypatia-sans-pro", sans-serif;
}

.faculty-card.card {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.faculty-card.card.hidden {
  display: none;
  visibility: hidden;
}
.faculty-card__media {
  aspect-ratio: 281.25/247;
  margin: 0.3333333333rem 0.2777777778rem 1.3333333333rem;
  max-width: calc(100% - 2 * 0.2777777778rem);
  position: relative;
}
.faculty-card__media .faculty-card__img,
.faculty-card__media .faculty-card__img::before, .faculty-card__media::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.faculty-card__media .faculty-card__img::before, .faculty-card__media::before {
  content: "";
  background-color: #d4ccdf;
}
.faculty-card__img {
  -o-object-fit: cover;
     object-fit: cover;
}
.faculty-card__content {
  display: flex;
  flex-direction: column;
  padding: 0 1.1111111111rem 1rem;
}
.faculty-card__name {
  color: #471E6E;
  font-size: 1.0555555556rem;
  font-weight: 600;
  line-height: 1.6111111111rem;
}
.faculty-card__role {
  margin-bottom: 6px;
}
.faculty-card__role:last-child {
  margin-bottom: 0;
}
.faculty-card__position {
  font-weight: 600;
  font-size: 0.8888888889rem;
}
.faculty-card__dept {
  font-size: 0.7777777778rem;
  display: flex;
  gap: 0.3333333333rem;
}
.faculty-card__dept i {
  padding-top: 3px;
}
.faculty-card__contact {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.faculty-card__contact-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5555555556rem;
}
.faculty-card__contact-item i.icon {
  color: #E4C69D;
  font-size: 1.1666666667rem;
  padding-top: 3px;
  width: 1.2222222222rem;
}
.faculty-card__contact-item i.icon.fa-phone {
  font-size: 1.2777777778rem;
  padding-top: 4px;
  padding-left: 2px;
}
.faculty-card__contact-link {
  color: #471E6E;
  font-size: 0.8333333333rem;
  font-weight: 400;
  line-height: 1.6;
  text-decoration: underline;
  word-break: break-word;
}
.faculty-card__footer {
  margin-top: auto;
  padding: 0.8333333333rem 1.1111111111rem;
  border-top: solid 1px rgba(228, 198, 157, 0.5);
}
.faculty-card__more {
  font-weight: 400;
  line-height: 1.6;
  font-size: 0.8333333333rem;
  text-decoration: underline;
}
.faculty-card__education, .faculty-card__bio {
  display: none;
  visibility: hidden;
}

.faculty-modal {
  display: none;
  visibility: hidden;
}
.faculty-modal.is-open {
  display: block;
  visibility: visible;
}
.faculty-modal, .faculty-modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.faculty-modal__backdrop {
  background-color: rgba(10, 10, 10, 0.8);
}
.faculty-modal__content {
  position: fixed;
  width: calc(100vw - 32px);
  max-width: 47.7777777778rem;
  height: calc(100vh - 32px);
  max-height: calc(100vh - 32px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .faculty-modal__content {
    max-height: 28.3333333333rem;
  }
}
.faculty-modal__close {
  position: absolute;
  top: 0.3333333333rem;
  right: 0.3333333333rem;
  color: #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  border: none;
  background: transparent;
  margin: 0;
  z-index: 1;
}
.faculty-modal__close::before {
  content: "";
  display: flex;
  width: 1.1111111111rem;
  height: 1.1111111111rem;
  background-image: url("/img/styling-images/close-x.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.faculty-modal__close:hover {
  background-color: #471E6E;
}
.faculty-modal__close:hover::before {
  filter: invert(1);
}
.faculty-modal__close span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
  background: #fff;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .faculty-modal__close {
    top: 0.8888888889rem;
    right: 0.8888888889rem;
  }
  .faculty-modal__close::before {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
}
.faculty-modal__inner {
  overflow-y: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.2222222222rem;
}
@media only screen and (min-width: 768px) {
  .faculty-modal__inner {
    padding: 1.1111111111rem;
    padding-right: 2.2222222222rem;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.8333333333rem;
  }
}
.faculty-modal .faculty-card__media {
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  .faculty-modal .faculty-card__media {
    max-width: 11.5555555556rem;
  }
}
.faculty-modal .faculty-card__content {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .faculty-modal .faculty-card__content {
    flex: unset;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .faculty-modal .faculty-card__name {
    font-size: 1.3333333333rem;
    line-height: 1.6111111111rem;
  }
}
.faculty-modal .faculty-card__role {
  margin-bottom: 6px;
}
.faculty-modal .faculty-card__role:last-child {
  margin-bottom: 0;
}
.faculty-modal .faculty-card__position {
  font-weight: 600;
  font-size: 0.8888888889rem;
}
@media only screen and (min-width: 768px) {
  .faculty-modal .faculty-card__position {
    font-size: 1rem;
  }
}
.faculty-modal .faculty-card__dept {
  font-size: 0.7777777778rem;
  display: flex;
  gap: 0.2222222222rem;
}
@media only screen and (min-width: 768px) {
  .faculty-modal .faculty-card__dept {
    font-size: 0.8888888889rem;
  }
}
.faculty-modal .faculty-card__contact {
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 1.3888888889rem;
}
.faculty-modal .faculty-card__contact:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .faculty-modal .faculty-card__contact {
    -moz-column-gap: 1.75rem;
         column-gap: 1.75rem;
  }
}
@media only screen and (min-width: 1200px) {
  .faculty-modal .faculty-card__contact-item {
    min-width: 198px;
  }
}
.faculty-modal .faculty-card__education, .faculty-modal .faculty-card__bio {
  display: block;
  visibility: visible;
  margin-bottom: 1.1111111111rem;
  font-size: 0.8333333333rem;
  font-weight: 400;
  line-height: 1.6;
}
.faculty-modal .faculty-card__education:last-child, .faculty-modal .faculty-card__bio:last-child {
  margin-bottom: 0;
}
.faculty-modal .faculty-card__education-title, .faculty-modal .faculty-card__bio-title {
  color: #471E6E;
  font-weight: 600;
  line-height: 1.45;
  font-size: 1rem;
  font-family: "hypatia-sans-pro", sans-serif;
}
@media only screen and (min-width: 768px) {
  .faculty-modal .faculty-card__education-title, .faculty-modal .faculty-card__bio-title {
    font-size: 1.1111111111rem;
  }
}

body:has(.faculty-modal.is-open) .show-for-medium {
  visibility: hidden;
}

.faculty-form {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  -moz-column-gap: 0.8333333333rem;
       column-gap: 0.8333333333rem;
  margin-bottom: 1.7777777778rem;
}
@media only screen and (min-width: 768px) {
  .faculty-form {
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 2.2222222222rem;
  }
}
.faculty-form__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.2777777778rem;
}
.faculty-form__label {
  font-size: 1.1666666667rem;
  font-weight: 400;
  line-height: 1.6111111111rem;
  color: #1E1E1E;
  font-family: "hypatia-sans-pro", sans-serif;
}
.faculty-form__input, .faculty-form__select {
  padding: 0.8888888889rem 1.3333333333rem;
  font-size: 0.9444444444rem;
  line-height: 1.3333333333rem;
}
.faculty-form__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("/img/styling-images/select-down-black.svg");
  background-size: 24px 24px;
  background-position: calc(100% - 20px) 16px;
  background-repeat: no-repeat;
}
.faculty-form__submit, .faculty-form__submit.button.button--purple {
  color: #fff;
  border-color: #471f6e;
  background-color: #603B83;
  margin: 0;
  height: 58px;
}

.faculty-list__intro {
  padding: 1.1111111111rem 0;
  border-top: solid 1px #E3D9CB;
}
.faculty-list__intro span {
  color: #1E1E1E;
  font-size: 1rem;
  line-height: 1.3333;
}

.faculty__load-more,
.faculty__load-more.button,
.faculty__load-more.button.button--purple {
  display: flex;
  margin: 1.6666666667rem auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
.faculty__load-more:focus, .faculty__load-more:focus:is(a), .light .faculty__load-more:focus:is(a),
.faculty__load-more.button:focus,
.faculty__load-more.button:focus:is(a),
.light .faculty__load-more.button:focus:is(a),
.faculty__load-more.button.button--purple:focus,
.faculty__load-more.button.button--purple:focus:is(a),
.light .faculty__load-more.button.button--purple:focus:is(a) {
  color: #fff;
}
.faculty__load-more.hidden,
.faculty__load-more.button.hidden,
.faculty__load-more.button.button--purple.hidden {
  display: none;
  visibility: hidden;
}

.quote-block {
  display: flex;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
  position: relative;
  margin-bottom: 24px;
}
.quote-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  background-image: inherit;
  background-position: inherit;
}
.quote-block__inner {
  padding: 0.8888888889rem;
  padding-top: 1.3333333333rem;
  position: relative;
  z-index: 1;
}
.quote-block__quote, .quote-block__quote p {
  font-size: 1.2222222222rem;
  font-weight: 500;
  line-height: 1.30769;
  font-style: normal;
}
@media only screen and (min-width: 768px) {
  .quote-block__quote, .quote-block__quote p {
    font-weight: 600;
  }
}
.quote-block__quote, article.content .quote-block__quote:is(blockquote) {
  border-left: none;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.quote-block__quote::before, article.content .quote-block__quote:is(blockquote)::before {
  content: open-quote;
  position: absolute;
  left: -10px;
  top: -22px;
  font-size: 58px;
}
.quote-block__quote::after, article.content .quote-block__quote:is(blockquote)::after {
  content: close-quote;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0;
}
.quote-block__attribution {
  padding-left: 1.3333333333rem;
  position: relative;
}
.quote-block__attribution::before {
  content: "~";
  position: absolute;
  left: 10px;
  top: 0;
}
.quote-block--purple .quote-block__inner {
  background: rgba(71, 30, 110, 0.8980392157);
}
.quote-block--purple .quote-block__quote::before {
  color: #BB9257;
}
.quote-block--purple .quote-block__quote p, .quote-block--purple .quote-block__attribution {
  color: #fff;
}
.quote-block--gold .quote-block__inner {
  background: rgba(187, 146, 87, 0.8980392157);
}
.quote-block--gold .quote-block__quote::before {
  color: #471E6E;
}
@media only screen and (min-width: 1024px) {
  .quote-block {
    margin-bottom: 0;
  }
}

/* -- Lity - v2.2.2 - 2017-07-17
* http://sorgalla.com/lity/
* Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */
.lity-active,
.lity-active body {
  overflow: hidden;
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #e9e9e9;
  background: rgba(255, 255, 255, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 0.857rem;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-container .lity-content {
  z-index: 9993;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  transform: scale(0.8);
}

.lity-close {
  z-index: 9994;
  position: absolute;
  top: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0.25em;
  color: #fff;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 1;
  background-color: #d4ccdf;
  border-color: #471f6e;
  color: #471f6e;
  outline: none;
  box-shadow: none;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .lity-close {
    right: 0;
    width: 1.65em;
    height: 1.65em;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .lity-close {
    right: 20px;
    width: 2em;
    height: 2em;
  }
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  color: #fff;
  background-color: #471f6e;
  border-color: #fff;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  height: 80vh;
}
@media only screen and (max-width: 1023px) {
  .lity-iframe .lity-container,
  .lity-youtube .lity-container,
  .lity-vimeo .lity-container,
  .lity-facebookvideo .lity-container,
  .lity-googlemaps .lity-container {
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .lity-iframe .lity-container,
  .lity-youtube .lity-container,
  .lity-vimeo .lity-container,
  .lity-facebookvideo .lity-container,
  .lity-googlemaps .lity-container {
    width: 75%;
  }
}
@media only screen and (min-width: 1024px) {
  .lity-iframe .lity-container,
  .lity-youtube .lity-container,
  .lity-vimeo .lity-container,
  .lity-facebookvideo .lity-container,
  .lity-googlemaps .lity-container {
    width: 60%;
  }
}

.lity-iframe-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: auto;
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Inline */
.lity-inline .lity-content,
.lity-inline .lity-content > div {
  max-height: 80vh !important;
}
.lity-inline .lity-content {
  background-color: #fff;
}
.lity-inline .lity-content > div {
  overflow: auto;
}
@media only screen and (max-width: 1199px) {
  .lity-inline .lity-content > div {
    padding: 4.25rem 20px 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .lity-inline .lity-content > div {
    padding: 5.5rem 20px 20px;
  }
}
.lity-inline .lity-content > div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #471f6e;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .lity-inline .lity-content > div::after {
    height: 2.85rem;
  }
}
@media only screen and (min-width: 1200px) {
  .lity-inline .lity-content > div::after {
    height: 4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .lity-inline .lity-container {
    max-width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
  .lity-inline .lity-container {
    width: 80%;
  }
}
@media only screen and (min-width: 1200px) {
  .lity-inline .lity-container {
    width: 60%;
  }
}

.lity-hide {
  display: none;
}

.lity-video {
  width: 95vw;
  max-width: 100%;
}