@charset "utf-8";

:root {
  --bg: #fff;
  --fg: #4a4a4a;
  --link: #1770d8;
  --italic-letterspace: 0.03em;
  --italic-lineheight: 1.12;
  --italic-wordspacing: 0.09090909091em;
  font-family: Georgia, serif;
  font-kerning: normal;
  font-size: 125%; /* 20px */
  font-variant-ligatures: common-ligatures;
  font-variant-numeric: oldstyle-nums;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
}

html.wf-base-active {
  font-family: 'Crimson Pro', Crimson, Georgia, serif;
  font-size: 137.5%; /* 22px */
  line-height: 1.2;
  word-spacing: 0.03055555556em;
}

html.js audio {
  height: 54px;
  visibility: hidden;
}

@media (min-width: 768px) {
  :root {
    font-size: 100%; /* 16px */
  }
  html.wf-base-active {
    --italic-letterspace: 0.017em;
    --italic-lineheight: inherit;
    --italic-wordspacing: 0.111111111111em;
    font-size: 112.5%; /* 18px */
    line-height: 1.15;
    word-spacing: -0.03055555556em;
  }
}

html,
body {
  background-color: #fff;
  background-color: var(--bg);
  color: #4a4a4a;
  color: var(--fg);
  margin: 0;
  padding: 0;
}

@media screen {
  body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-direction: column;
    min-height: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
  }
}
.is-hidden,
.print-only {
  display: none;
}

.sr-only {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  clip: rect(0 0 0 0);
  height: auto; /* new - was 1px */
  margin: 0; /* new - was -1px */
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap; /* 1 */
  width: 1px;
}
a {
  color: #1673e0;
  color: var(--link);
  text-decoration: none;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a:hover {
  text-decoration: underline;
}

a > img {
  border: none;
}
a.admin-link {
  color: #c60;
  font-style: italic;
  letter-spacing: var(--italic-letterspace, 0);
  line-height: var(--italic-lineheight, inherit);
  text-decoration: underline;
  word-spacing: var(--italic-wordspacing, 0);
}
a.glossary {
  color: #c60;
  white-space: nowrap;
}
/* We might eventually move to a.glossary {display: inline !important; }
 * but not today.
 */
td > .glossary:only-child {
  display: inline;
  display: initial;
}

/* IE 10 is still confused about this sometimes */
article,
aside,
main,
section {
  display: block;
}

blockquote {
  margin: 1em 0 1em 40px;
}
blockquote.twitter-tweet {
  margin: 2em 40px;
}
blockquote.twitter-tweet p {
  font-size: 1.25em;
}
button[type=submit] svg {
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
}
cite,
em,
i {
  letter-spacing: var(--italic-letterspace, 0);
  line-height: var(--italic-lineheight, inherit);
  word-spacing: var(--italic-wordspacing, 0);
}
figure {
  margin: 0;
}

figure > a > img {
  display: block;
  margin: 0;
}
figure > a > img + br,
figure > img + br {
  display: none;
}

figure.image-center,
figure.image-left,
figure.image-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-direction: column;
}
figure.image-center {
  align-items: center;
  clear: both;
  float: none;
  margin: 0 auto 1rem;
}
figure.image-center figcaption {
  text-align: center;
  width: 100%;
}
figure.image-left,
picture.image-left,
table.image-left {
  align-items: flex-start;
  clear: left;
  float: left;
  margin: 0 1rem 1rem 0;
}

figure.image-right,
picture.image-right,
table.image-right {
  align-items: flex-end;
  clear: right;
  float: right;
  margin: 0 0 1rem 1rem;
}

figure.image-left ~ ul,
figure.image-left ~ ol {
  overflow: hidden;
}
img.bordered {
  border: solid 1px currentColor;
}
mark {
  background-color: rgba(255,255,0,0.5);
}
twitter-widget.twitter-tweet {
  margin: 1em auto;
}
.site-footer {
  background-color: #fff6cc;
  box-sizing: border-box;
  color: #4a4a4a;
  font-size: 0.9rem;
  margin: 1rem -20px -20px;
  overflow: hidden;
  padding: 2rem 0.5rem;
  text-align: center;
  width: calc(100% + 40px);
}

.site-footer a {
  color: #3870b3;
  text-decoration: none;
}
.site-footer .copyscape {
  height: 42px;
  width: 120px;
}
.site-footer .icons {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.site-footer .tier a + a::before {
  color: #333;
  content: "| ";
}
.site-footer .tier {
  margin: 0.5rem 0;
}
.site-footer .tier--top {
  font-weight: bold;
}
.site-footer .social {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .social a,
.site-footer .social li {
  height: 44px;
  width: 44px;
}
.site-footer .social a {
  align-items: center;
  display: block;
  display: flex;
  justify-content: center;
}
.site-footer .social li {
  display: inline-block;
  margin: 0 0.25rem 0.5rem;
  padding: 0;
  vertical-align: middle;
}
.site-footer .social li:first-child {
  margin-left: 0;
}
.site-footer .social li:first-child a {
  justify-content: flex-start;
}
.site-footer .social li:last-child {
  margin-right: 0;
}
.site-footer .social li:last-child a {
  justify-content: flex-end;
}
.site-footer .social svg {
  height: 32px;
  width: 32px;
}
@media (min-width: 768px) {
  .site-footer {
    padding: 2rem 1rem;
  }
  .site-footer p > br {
    display: none;
  }
}
@media (min-width: 1024px) {
  .site-footer {
    box-sizing: border-box;
    flex-basis: calc(100% + 80px);
    margin: 1rem -40px -40px;
    width: calc(100% + 80px);
  }
  .site-footer p {
    clear: right;
    float: right;
  }
  .site-footer .icons {
    align-items: flex-end;
    -ms-flex-flow: column;
    flex-direction: column;
    float: right;
  }
  .site-footer .tiers {
    float: left;
    text-align: left;
  }
  #vts-branding--footer {
    clear: left;
    display: block;
    float: left;
    margin-left: -18px;
  }
  #vts-branding--footer + p {
    margin-top: 2.5em;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: sans-serif;
  font-variant-ligatures: normal;
  font-weight: 500;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}

h2 {
  font-size: 1.5rem;
  line-height: 1;
  margin: 1.2rem 0;
}
h3 {
  font-size: 1.3rem;
  line-height: 1;
  margin: 1.3rem 0;
}
@media (min-width: 667px) {
  h3 {
    font-size: 1.4rem;
    margin: 1.25rem 0;
  }
  h2 {
    font-size: 1.8rem;
    margin: 1.05rem 0;
  }
}

iframe {
  border: none;
  display: block;
  margin: 1rem auto;
}

img {
  max-width: 100%;
}

li {
  margin-bottom: 0.65em;
}

li > p {
  margin: 0;
}

ol,
ol ol ol {
  list-style: decimal;
}

ol ol,
.upper.alpha > li {
  list-style: upper-alpha;
}
ol ol ol ol,
.lower.alpha {
  list-style: lower-alpha;
}

p {
  margin: 1.3em 0;
}

sup {
  line-height: 0.8;
}

td img {
  display: block;
}
td > a:only-child {
  display: block;
}
td > a:only-child > img {
  margin: 0 auto;
}

.admin-nav {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  -webkit-backdrop-filter: grayscale(100%);
  backdrop-filter: grayscale(100%);
  background: rgba(255,255,255,0.3);
  display: -ms-flexbox;
  display: flex;
  font-family: Helvetica, Arial, sans-serif;
  justify-content: space-between;
  left: 0;
  padding: 0.25rem 1rem;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
html.wf-active .admin-nav {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}

.admin-nav a {
  color: #701b08;
}
.brown-text {
  color: #bf6b27;
}

@supports (font-variant-caps: small-caps) {
  p .caps {
    font-variant-caps: small-caps;
    text-transform: lowercase;
  }
}

figcaption,
figure > a > .black-text-sm,
figure > .black-text-sm,
.caption,
table img ~ .black-text-sm {
  background-color: #f8f8f8;
  border-radius: 10px;
  display: block;
  font-size: 0.75rem;
  margin-top: 5px;
  min-width: 11em;
  padding: 8px 10px;
  text-align: left;
}

figcaption a,
figure > .black-text-sm,
figure > a > .black-text-sm,
.caption a,
table img ~ .black-text-sm a,
table a > img ~ .black-text-sm {
  font-weight: normal;
  text-decoration: none;
}
figcaption {
  box-sizing: border-box;
}

th[scope="row"] {
  text-align: left;
}

.article-title,
.collection-entry-title {
  color: #ca5d3c;
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 667px) {
  .article-title {
    font-size: 2.25rem;
  }
}
@media (min-width: 768px) {
  .article-title {
    font-size: 3rem;
  }
}
.error-body {
  margin: 1.2rem auto;
  max-width: 1030px;
}
.error-description {
  font-family: Runway, Lato, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6;
  margin: 0 0 2rem;
}
.error-title {
  color: var(--fg);
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
}
@media (min-width: 373px) and (orientation: portrait),
  screen and (min-width: 666px) {
  .error-title {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .error-description {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .error-title {
    font-size: 2.7rem;
  }
}
@media (min-width: 1280px) {
  .error-body {
    margin: 2rem auto;
  }
  .error-title {
    font-size: 3.2rem;
  }
}

.aspect {
  height: 0;
  position: relative;
}
.aspect[data-ratio="4:3"] {
  padding-bottom: 75%;
}
.aspect[data-ratio="16:10"] {
  padding-bottom: 62.5%;
}
.aspect[data-ratio="16:9"] {
  padding-bottom: 56.25%;
}
.aspect[data-ratio="500:281"] {
  padding-bottom: 56.2%;
}
.aspect[data-ratio="4:1"] {
  padding-bottom: 25%;
}
.aspect > iframe,
.aspect > img,
.aspect > svg {
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.aspect-wrapper {
  margin: 1rem auto;
}

.audio-controls {
  align-items: center;
  background: #eef0f1;
  border-radius: 27px;
  box-sizing: border-box;
  display: flex;
  font-family: Roboto, Ubuntu, 'Helvetica Neue', sans-serif;
  height: 54px;
  margin: 1rem 0;
  padding: 0 27px 0 5px;
  width: 300px;
}

.audio-controls__play-pause {
  background: transparent;
  border: none;
  color: #000;
  flex-shrink: 0;
  height: 44px;
  padding: 0;
  width: 44px;
}
.audio-controls__play-pause[data-action="pause"] .play,
.audio-controls__play-pause[data-action="play"] .pause {
  display: none;
}

.audio-controls progress {
  -webkit-appearance: none;
  background-color: #aaabac;
  border-radius: 2px;
  flex-grow: 1;
  height: 4px;
  min-width: 2rem;
  width: auto;
}
.audio-controls progress::-webkit-progress-bar,
.audio-controls progress::-webkit-progress-inner-element {
  border-radius: 2px;
}
.audio-controls progress::-webkit-progress-value {
  background-color: #000;
}
.audio-controls svg {
  height: 24px;
  width: 24px;
}

.audio-controls .runtime {
  margin-right: 0.4em;
}

.breadcrumbs a {
  white-space: nowrap;
}
.breadcrumbs > ul {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.breadcrumbs > ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.breadcrumbs > ul > li ~ li::before {
  content: '\00bb';
  margin: 0 0.5em;
}

.form-pair button[type=submit],
.form-pair input,
.form-pair select {
  border: solid 1px #b9b9b9;
  display: block;
  margin: 0;
  padding: 1px;
}
.form-pair button[type=submit],
.form-pair input {
  -webkit-appearance: none;
}
.form-pair select,
.form-pair input[type=text],
.form-pair input[type=search] {
  border-radius: 3px 0 0 3px;
  flex: 1 1 auto;
  padding: 0.25rem 0.5rem;
  width: 100px;
}
.form-pair input[type=text] {
  background: url(/assets/images/icons/magnify.svg) no-repeat calc(100% - 5px) center #fff;
}
.form-pair input[type=search] {
  -webkit-appearance: none;
  appearance: none;
}
@media (hover:none) and (max-width: 1023px) {
  .form-pair input[type=search] {
    font-size: 1rem;
  }
}
.form-pair button[type=submit],
.form-pair input[type=submit] {
  align-items: center;
  background: #ededed;
  border-left: none;
  border-radius: 0 3px 3px 0;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  min-height: 1.25rem;
}

.http-status {
  color: #bf6b27;
  font-size: 1.5rem;
  margin: 0;
}

.collection-categories,
.collection-items {
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

.collection-categories {
  grid-column-gap: 2rem;
  grid-template-columns: 1fr;
  text-align: left;
  width: 100%;
}

.collection-categories a,
.collection-items a {
  text-decoration: none;
}
.collection-categories h3,
.collection-items h3 {
  font-family: inherit;
  font-size: 1.17em;
  font-weight: 600;
  margin-top: 0;
}
.collection-items h3 {
  font-size: inherit;
  margin: 0;
}
.collection-categories ul {
  font-size: 0.75rem;
  line-height: 1.2;
  list-style: none;
  padding-left: 0.5rem;
}
.collection-items {
  grid-column-gap: 4rem;
  grid-template-columns: 1fr 1fr;
  text-align: center;
}

.collection-categories img,
.collection-categories svg {
  display: block;
  margin-bottom: 0.625rem;
  width: 100px;
}
.collection-items .photo,
.loaded .collection-items img {
  background: url('data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23006f66%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M16%200a16%2016%200%200%200%200%2032%2016%2016%200%200%200%200-32m0%204a12%2012%200%200%201%200%2024%2012%2012%200%200%201%200-24%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20d%3D%22M16%200a16%2016%200%200%201%2016%2016h-4A12%2012%200%200%200%2016%204z%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20dur%3D%220.8s%22%20from%3D%220%2016%2016%22%20repeatCount%3D%22indefinite%22%20to%3D%22360%2016%2016%22%20type%3D%22rotate%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E') center 44px/44px no-repeat;
}
.loaded .collection-items .photo,
.loaded .collection-items img[src] {
  background: none;
}
.loaded .collection-items img {
  height: 100%;
  width: 100%;
}
.collection-categories svg {
  height: 100px;
}

.collection-categories > li,
.collection-items > li {
  list-style: none;
  margin: 1rem;
  padding: 1rem;
}
.collection-categories > li {
  display: -ms-flexbox;
  display: flex;
  flex-basis: 100%;
  flex-wrap: nowrap;
}
.collection-categories > li > a {
  display: block;
  text-align: center;
}
.collection-items > li {
  -ms-flex: 0px 0px calc(50% - 4rem);
  flex-basis: calc(50% - 4rem);
  font-size: 0.875rem;
  text-align: left;
}


@supports (display: grid) {
  .collection-categories > li,
  .collection-items > li {
    margin: 1rem 0;
    padding: 1rem 0;
  }
}

.collection-gategories ul > li {
  margin-bottom: 0.5rem;
}
@media (min-width: 375px) {
  .collection-categories {
    grid-template-columns: repeat(2, 1fr);
  }
  .collection-categories > li {
    -ms-flex: 0px 0px calc(50% - 2rem);
    flex-basis: calc(50% - 2rem);
    -ms-flex-flow: column;
    flex-direction: column;
  }
}
@media (min-width: 414px) {
  .collection-items {
    grid-gap: 0;
    grid-template-columns: repeat(3, 100px);
    justify-content: space-between;
  }
  .collection-items > li {
    flex-basis: calc(100% / 3 - 4rem);
    -ms-flex-positive: 0;
    -ms-flex-preferred-size: 33%;
  }
}
@media (min-width: 568px) {
  .collection-items {
    grid-gap: 0.5rem;
    grid-template-columns: repeat(4, 100px);
  }
  .collection-items > li {
    -ms-flex: 0px 0px calc(100% / 4 - 4rem);
    flex-basis: calc(100% / 4 - 4rem);
  }
}
@media (min-width: 667px) {
  .collection-categories > li {
    -ms-flex-flow: row;
    flex-direction: row;
  }
  .collection-items {
    grid-gap: 4rem;
  }
}
@media (min-width: 736px) {
  .collection-items {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(5, 1fr);
  }
  .collection-items > li {
    -ms-flex: 0px 0px calc(20% - 4rem);
    flex-basis: calc(20% - 4rem);
  }
}
@media (min-width: 768px) {
  .collection-categories {
    grid-template-columns: repeat(4, 1fr);
  }
  .collection-categories > li {
    -ms-flex: 0px 0px calc(25% - 2rem);
    flex-basis: calc(25% - 2rem);
    -ms-flex-flow: column;
    flex-direction: column;
  }
  .collection-items {
    grid-gap: 2.5rem;
  }
}
@media (min-width: 1280px) {
  .collection-items {
    grid-template-columns: repeat(7, 1fr);
  }
  .collection-items > li {
    -ms-flex: 0px 0px calc(100% / 7 - 2rem);
    flex-basis: calc(100% / 7 - 2rem);
  }
  .collection-categories {
    grid-template-columns: repeat(3, 1fr);
  }
  .collection-categories > li {
    flex-basis: calc(100% / 3 - 2rem);
    -ms-flex-flow: column;
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .collection-categories {
    grid-template-columns: repeat(4, 1fr);
  }
  .collection-categories > li {
    flex-basis: calc(25% - 2rem);
    -ms-flex-flow: row;
    flex-direction: row;
  }
  .collection-items {
    grid-template-columns: repeat(8, 1fr);
  }
  .collection-items > li {
    flex-basis: calc(100% / 8 - 2rem);
  }
}
.collection-items img {
  display: block;
  margin: 0 auto;
  max-height: 200px;
  max-width: 100%;
}
@supports (object-fit: contain) {
  .collection-items img {
    object-fit: contain;
    object-position: center;
    width: 200px;
  }
}
.collection-items > li > a {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.collection-items svg {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.collection-items .photo {
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 200px;
  justify-content: center;
  margin-bottom: 0.5rem;
  position: relative;
  width: 100%;
}
.collection-items .photo--bordered img {
  border: solid 1px #000;
  box-sizing: border-box;
  height: auto;
  width: auto;
}

.modal {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 40px rgba(0,0,0,0.5);
  box-sizing: border-box;
  max-height: calc(100vh - 10px);
  max-width: calc(100vw - 10px);
  overflow-y: auto;
  padding: 0.75rem 1.25rem 1.25rem;
  position: relative;
  transition-duration: 0.3s;
  transition-property: height, width;
  transition-timing-function: ease-in-out;
  width: 750px;
}
.modal-loading {
  overflow: hidden;
}
.modal .modal-footer {
  font-size: 0.75rem;
  margin: 0.75rem -1.25rem -0.25rem;
  padding: 0.5rem 1.25rem 0;
}
.modal-footer {
  border-top: solid 1px #eee;
  padding: 0.75rem 1.25rem;
}
.modal .modal-masthead {
  align-items: center;
  margin: -0.75rem -1.25rem 0.75rem;
}
.modal-lightbox {
  width: auto;
}
.modal-lightbox figure {
  min-height: 96px;
}
.modal-lightbox figure > img {
  display: block;
}
.modal-lightbox figure > .loading {
  display: none;
}
.modal-lightbox figcaption,
.modal-lightbox .caption,
.modal-lightbox .black-text-sm {
  background: none;
  padding: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal .loading + figcaption::before {
  animation: spin 2s linear infinite;
  background-image: url("data:image/png;base64,\
  iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAD8klEQVR4Ae2YA9Qr\
  OxDH59m2bZtHz7aNzZSbtM+2jaNn2+a1bdu2fWez+dpZ1P142nOmin6ZTP6ZLJyb\
  uqhZWA0Urr56PVDiDlD4Gkh8EhKJ7ZomqMRfCHKNa2IpfY6Ge+/YokmBQtLah0FO\
  gXRkN7DtLZ3PpgUqIwdkQCW+2bRjVOFIF1R0g7tv2qxJgdJrHbCjx5BH7wQl/mBe\
  7UXAJzQSKIezriGQHwhupgOWx8ZpFaAYblBQsMWpBNc3ACTFCrJpQVBWrsSHzgar\
  d1CtkRKXMYBFZD+CitwC6Tu3pfKHvYBiQRAY+8NdsT3qCVRDRnwQn/ENA/LOnUCK\
  xaZsHihLAOIGWqYUfuyD7eOUVR0UkpGjaIAlbIlV+KmEHQhyECTx4BBFuJfarWKw\
  j1YVVG8ciQPZAM9UcHLdzfpZBjJ6ePVAlXUu2xATK9VH6ud7Btu1eqASf2KgKm9C\
  okMksnfe/mjXOxPO9JnCYysGhcQdu7qyYjq1I5cG6tx668ZU5xOQOD9Tz9XWb50N\
  lsOrz7PJv14WKNi4H+vwEZ+83BWiBv/n1k6cDCp6UKANxSYDnQaPP75+SaDw+NUb\
  UuN/6oDp+6QggFhKNtvZ2ZDGI3xgXcneJRvB6v+cw6vjsu3uPLI00FRsX9O4Hw02\
  I88ps9jVR/EsgxzhTFT3k05v4s1NraNDYr9rtjxyPX1eRv99Tn0nHaUpvPRKDGdQ\
  bbMzJ09K8QJ9fxts62R3MPGJbxJtmVrcxrx6SRBU/MqX37dq7xcE1d5QGAOJqDcK\
  HZFsh+7iXQHrRh/oyCyIdVwWxLo8xCHv510xGrtUeXqUdfJISKzFyHrqMzyFF2b+\
  p9SPDXyl6esGfT2h5aXPV1i/Hajt8ZCKnEbfx+r/KAxLAjVxuzqbAeEpRU7wGRa/\
  Z5pJfcWPYlM2g8uYVhqJ/5V31rOEWMcsDaw1VonHHM8F6tPpZbSUy0+44FPCzds6\
  Wu20LwtUS5XEOSHxtIT+39PnyT2dUGB13gjZSJ2NNxdqqCqneZeYEOBBv4rsJRrw\
  ViMvD3llTfQGdevWnn4QN83ktCRH9ZQ442sMNL9RnPEHEMybabbsZ9cPqG1v5E35\
  RA/6nOrGrehM9h3Z67kudfoWIHGW8fYf9XtnkiJuQJeX1C4e35zadMpcUSiW6xkU\
  36zbCEW3oRBwTi0WGrIe70x4rff8xn/YRjufyuaS3RRMAfEBXcYTl8cfX7f+QCnB\
  1Zc2d+kG8fSN/nvKxOwYfSMlFTB5wFTfGf4v3B3dsd6vy1rIJZ7u94g+EvOrwEp9\
  laZ2jfrsycknCWaI61GcZLR0uqsEpK13WQe2oCfONdAaaA20BroWbYvzI87FEe8A\
  AAAASUVORK5CYII=");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 48px 48px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.modal header {
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.modal .admin-nav {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.modal .article-title,
.modal .collection-entry-title {
  font-size: 1.25rem;
  margin-bottom: 0;
}
.modal .scrub {
  background: rgba(0,0,0,0.5);
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.5);
  color: #fff;
  height: 44px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.2s ease-in-out;
  width: 44px;
}
.modal .scrub:active {
  background: rgba(0,0,0,0.8);
}
.modal:hover .scrub {
  opacity: 0.8;
}
.modal .scrub svg {
  fill: none;
  height: 44px;
  linejoin: round;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 2;
  width: 44px;
}
.modal .scrub-back {
  left: 0px;
}
.modal .scrub-forward {
  right: 0px;
}
.modal-backdrop {
  align-content: center;
  align-items: center;
  background-color: rgba(0,0,0,0.7);
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 22;
}
.modal-backdrop + .modal-backdrop {
  display: none;
}
.modal-close {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  align-items: center;
  background: none;
  border: none;
  color: #9b9b9b;
  display: -ms-flexbox;
  display: flex;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
html.wf-active .modal-close {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}
.modal-close svg {
  height: 1rem;
  margin-left: 0.5rem;
  padding-bottom: 0;
  width: 1rem;
}
.modal-close .text {
  display: none;
}
.modal-masthead {
  align-items: center;
  background: url(/assets/images/sn-header.png?auto=format) right center / auto 100% no-repeat #fff;
  border-bottom: solid 1px #eee;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 100%;
  height: 80px;
}
.modal-header-logo {
  height: 64px;
  margin-right: auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 230px;
}

@media (min-height: 700px) {
  .modal {
    max-height: 90vh;
    max-width: 80vw;
  }
  .modal-backdrop {
    grid-template-columns: fit-content(80vw);
    grid-template-rows: fit-content(90vh);
  }
}
@media (min-width: 768px) {
  .modal .article-title,
  .modal .collection-entry-title {
    font-size: 1.8rem;
  }
}
@media (min-width: 938px) {
  .modal {
    width: 100%;
  }
  .modal-backdrop {
    grid-template-columns: 100%;
  }
  .modal-lightbox {
    width: auto;
  }
}
@media (min-width: 1113px) {
  .modal {
    width: 890px;
  }
  .modal-backdrop {
    grid-template-columns: fit-content(890px);
  }
  .modal-lightbox {
    width: auto;
  }
}
.outbound > .outbound-indicator {
  padding-left: 1.2em;
  position: relative;
}
.outbound > .outbound-indicator > svg {
  display: inline-block;
  height: 1em;
  left: 0;
  margin-left: 0.1em;
  position: absolute;
  top: 0;
  vertical-align: baseline;
  width: 1em;
}

.pagination {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pagination > a {
  white-space: nowrap;
}
.pagination > a:first-child {
  margin-right: 2rem;
}
.pagination > a:last-child {
  margin-left: 2rem;
}
.pagination > span {
  display: block;
  text-align: center;
}
.random-item {
  align-items: center;
  background: #fefbf0;
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1.6rem;
}
.random-item figcaption {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  background: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  margin-top: 1rem;
  text-align: center;
}
.wf-active .random-item figcaption {
  font-family: Raleway, sans-serif;
}
.random-item figcaption a {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .random-item,
  .random-item figcaption {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.related-items h2 {
  color: #ca5d3c;
  font-size: 1.5rem;
}

.related-items li {
  margin: 1rem 0;
}

.related-items ul {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.form-pair {
  display: -ms-flexbox;
  display: flex;
}
.searchform label {
  color: #4a4a4a;
  font-size: 0.75rem;
  font-weight: 600;
}
.search--scoped .fieldset {
  align-items: stretch;
  border: none;
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  margin: 0;
  padding: 0.5em 0;
}
.search--scoped .form-pair,
.search--scoped button[type=submit] {
  display: block;
  margin: 0 0 0.3rem;
  max-width: 100%;
  position: relative;
}
.search--scoped .form-pair input,
.search--scoped .form-pair select {
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.2;
  white-space: nowrap;
  width: 100%;
}
.search--scoped button[type=submit] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: #ca5d3c;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 2px;
  text-transform: uppercase;
}
.search--scoped label {
  display: block;
  font-size: 0.875rem;
}
.search--scoped legend {
  font-size: 1rem;
  padding: 0;
}
.search--scoped select {
  height: calc(1.2em + 0.5rem + 2px);
}
.sidebar {
  font-family: sans-serif;
  font-size: 0.7rem;
  font-variant-ligatures: normal;
  text-align: center;
  width: 100%;
}
.sidebar figcaption,
.sidebar figure > a > .black-text-sm,
.sidebar figure > .black-text-sm,
.sidebar .caption,
.sidebar table img ~ .black-text-sm {
  font-size: 0.694444rem;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.gallery-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.gallery-header form {
  display: flex;
}
.gallery-header .article-title {
  margin-bottom: 0;
}
.gallery-header .breadcrumbs {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0;
}
.gallery-header .breadcrumbs > li {
  margin: 0;
}
.gallery-header .breadcrumbs > li + li {
  margin-left: 0.5rem;
}
.gallery-header .breadcrumbs > li + li::before {
  content: ">";
  margin-right: 0.5rem;
}
@media (max-width: 667px) {
  .search--enhanced label {
    color: #ccc;
    font-size: 1em;
    left: 2px;
    line-height: 1.2;
    padding: 1px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease-in;
  }
  .search--enhanced:focus-within label,
  .search--enhanced.is-filled label {
    background: #fff;
    color: #414141;
    font-size: 0.5em;
    top: -0.5rem;
  }
}
@media (min-width: 667px) {
  .gallery-header {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .search--enhanced label {
    display: block;
  }
  .search--scoped .fieldset {
    align-items: flex-end;
    flex-direction: row;
    padding: 0.5em;
  }
  .search--scoped .form-pair {
    margin-right: 0.5rem;
    max-width: 50%;
  }
}
@media (min-width: 1280px) {
  .gallery-header .fieldset{
    flex-basis: auto;
  }
  .gallery-header form {
    flex-basis: 250px;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-end;
  }
  .search--scoped .form-pair {
    max-width: 130px;
  }
  .search--scoped .form-pair--select {
    max-width: none;
  }
}
html.wf-base-active .search--scoped,
html.wf-base-active .sidebar {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}

.search-results--gallery h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0;
}
.search-results--gallery h4 .divider:first-child  {
  display: none;
}
.search-results--gallery ul {
  margin-top: 0;
}
@supports (object-fit: contain) and (object-position: center) {
  .search-results--gallery .collection-items .photo img {
    height: auto;
    object-fit: contain;
    object-position: center;
  }
}
.sidebar iframe {
  margin: 0;
}
@media (min-width: 768px) {
  .sidebar {
    font-size: 0.78rem;
  }
}

.sidebar-wrapper {
  --link: #0667d9;
  background-color: #e8f2f4;
  border-radius: 10px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 12px 20px;
  position: relative;
}

.sidebar a,
.sidebar h2 {
  font-size: 100%;
}

.sidebar a {
  color: #0667d9;
  color: var(--link);
  text-decoration: none;
}

.sidebar h2 {
  font-weight: bold;
  margin-top: 0;
}
.sidebar img {
  display: block;
}
.sidebar img + br {
  display: none;
}
.sidebar img,
.sidebar table {
  margin: 0 auto;
  max-width: 160px;
}

.sidebar-social {
  margin: 1rem;
  text-align: center;
}
.sidebar-social iframe {
  margin: 0 auto;
}
.sidebar-social p {
  margin: 0.5rem 0;
}

.sidebar-block {
  box-sizing: border-box;
  padding: 12px 10px;
}
@media (min-width: 450px) {
  .sidebar-block {
    width: 50%;
  }
}
@media (min-width: 650px) {
  .sidebar-block {
    width: 33%;
  }
}
@media (min-width: 800px) {
  .sidebar-block {
    width: 25%;
  }
}

@media (min-width: 1280px) {
  .sidebar {
    float: right;
    width: auto;
  }
  .sidebar-block {
    width: auto;
  }
}
.header-wrapper {
  align-items: center;
  background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=90);
  background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=90), linear-gradient(to bottom, #f6dca9, #f4b258);
  background-position: center left, top left;
  background-repeat: no-repeat;
  background-size: auto 100%, cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  -ms-flex-pack: start;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
  overflow: hidden;
  position: relative;
  transition: background-position 0.3s 0.2s ease-in-out;
  width: 100%;
}
.head-link {
  background-image: url(/assets/images/sn-header.png?auto=format&fit=max&h=90);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 130px;
  position: absolute;
  right: -70px;
  top: 0;
  width: 208px;
}
.page-header {
  background-color: #f6dca9;
  background-image: linear-gradient(to bottom, #f6dca9, #f4b258);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-logo {
  background: url('/assets/images/logo-responsive.svg?v=2023-10-25') left center / auto 100% no-repeat;
  display: block;
  float: left;
  height: 80px;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 275px;
}
.header-logo h1,
.header-logo p {
  margin: 0;
}

.page-header,
.header-wrapper {
  height: 130px;
}
#vts-branding--header {
  display: none;
  position: absolute;
}
@media (min-width: 768px) {
  .page-header,
  .header-wrapper {
    height: 100px;
  }
  .header-logo {
    height: 100%;
    width: 300px;
  }
  .header-wrapper {
    background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=100);
    background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=100), linear-gradient(to bottom, #f6dca9, #f4b258);
    background-position: center left, top left;
  }
  .head-link {
    background-image: url(/assets/images/sn-header.png?auto=format&fit=max&h=100);
    height: 100px;
    left: 284px;
    right: auto;
    width: 159px;
  }
}
@media (min-width: 1024px) {
  .page-header,
  .header-wrapper {
    height: 150px;
  }
  .header-logo {
    height: 100%;
    width: 500px;
  }
  .header-wrapper {
    background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=150);
    background-image: url(/assets/images/sn-header-bg.png?auto=format&fit=max&h=150), linear-gradient(to bottom, #f6dca9, #f4b258);
    background-position: center left, top left;
  }
  .head-link {
    background-image: url(/assets/images/sn-header.png?auto=format&fit=max&h=150);
    height: 150px;
    left: 410px;
    width: 238px;
  }
}

main {
  background-color: #fff;
  background-color: var(--bg);
  box-shadow: 0 0 40px 0 rgba(0,0,0,0.10);
  box-sizing: border-box;
  flex-grow: 1;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0;
  position: relative;
  width: 100%;
}

main article {

  -ms-flex: 1 auto;
  flex-grow: 1;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;

  -moz-hyphenate-limit-chars: 6 3 3;

  -ms-hyphenate-limit-chars: 6 3 3;

  hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-last: always;
  -moz-hyphenate-limit-last: always;
  -ms-hyphenate-limit-last: always;
  hyphenate-limit-last: always;
  -webkit-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphenate-limit-zone: 8%;
  hyphenate-limit-zone: 8%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  max-width: 100%;
  position: relative;
}

main > .content {
  box-sizing: border-box;
  -ms-flex: 1 auto;
  flex-grow: 1;
  padding: 20px;
  position: relative;
  width: 100%;
}

@media (min-width: 800px) and (hover: hover),
  (min-width: 1024px) {
  main {
    align-items: stretch;
    background: linear-gradient(to right, #983b24, #cc5f3d) no-repeat left top / 250px 100% #fff;
    background-color: var(--bg);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    -ms-flex-item-align: stretch;
    justify-items: stretch;
  }
  main > .content {
    box-sizing: border-box;
    display: flex;
    -ms-flex: 1 auto;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: calc(100% - 80px);
    padding: 40px;
    width: calc(100% - 250px);
  }
}

@media (min-width: 1280px) {
  main article {
    flex-basis: calc(100% - 320px);
    float: left;
    width: calc(100% - 320px);
  }
  main > .content {
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
  }
  main .sidebar {
    align-self: flex-start;
    display: block;
    -ms-flex: 1 200px;
    flex: 0 0 200px;
    margin-left: 40px;
    margin-top: 4.3rem;
    width: 200px;
  }
  main .sidebar-block {
    padding: 12px 0;
  }
  main .sidebar-block + .sidebar-block {
    border-top: solid 1px #fff;
  }
}

.sidenav {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  background-color: #cc5f3d;
  background-image: linear-gradient(to right, #983b24, #cc5f3d);
  bottom: 0;
  box-sizing: border-box;
  color: #fff6cc;
  -ms-flex: 0 0 250px;
  flex-shrink: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-variant-ligatures: normal;
  font-weight: 600;
  left: -250px;
  max-width: 250px;
  min-width: 250px;
  overflow: hidden;
  padding: 10px 7px 40px;
  position: fixed;
  top: 0;
  transition: left 0.2s ease-in-out;
  vertical-align: top;
  width: 250px;
  z-index: 21;
}
.wf-active .sidenav {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}
.sidenav.opening,
.sidenav.open {
  left: 0;
  overflow-y: auto;
}
.sidenav a,
.sidenav li > span {
  align-items: center;
  border-radius: 10px;
  color: currentColor;
  display: block;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.3;
  padding-bottom: 0.35em;
  padding-top: 0.35em;
  position: relative;
  text-decoration: none;
}
.sidenav hr {
  background: #fff6cc;
  border: none;
  height: 1px;
  margin: 0 10px;
  opacity: 0.4;
  padding: 0;
}
.sidenav li {
  list-style: none;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.sidenav ol {
  margin: 0;
  padding: 0;
}
.sidenav .section > a,
.sidenav .active {
  background-color: rgba(153,59,37,0.9);
}
.sidenav .ascend::before,
.sidenav .descend::after {
  border: solid 2px currentColor;
  border-bottom: none;
  content: "";
  display: inline-block;
  height: 8px;
  opacity: 0.4;
  width: 8px;
}
.sidenav .ascend::before {
  border-right: none;
  margin-right: 0.5em;
  transform: rotate(-45deg);
}
.sidenav .descend::after {
  border-left: none;
  margin-left: 0.5em;
  margin-right: 13px;
  transform: rotate(45deg);
}
.sidenav > .nav-toggle {
  bottom: 0;
  display: none;
  left: 250px;
  position: fixed;
  right: 0;
  top: 0;
}
.sidenav.open > .nav-toggle,
.sidenav.opening > .nav-toggle {
  display: block;
}
.sidenav .text {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.sidenav .translate-wrapper .goog-te-gadget {
  color: #fff6cc;
}
.sidenav .translate-wrapper,
.sidenav-wrapper > .search-wrap form {
  padding: 10px;
}
.sidenav .translate-wrapper .goog-te-gadget a,
.sidenav .translate-wrapper .goog-te-gadget a:hover {
  color: currentColor;
  display: inline;
}

.sidenav-wrapper > .search-wrap label {
  color: currentColor;
}
@supports (mix-blend-mode: multiply) {
  .sidenav .active {
    background-color: transparent;
  }
  .sidenav .section > a::before,
  .sidenav .active:before {
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .sidenav .section > a::before,
  .sidenav .active::before {
    background-color: rgba(153,59,37,0.9);
  }
}
@media (min-width: 800px) and (hover:hover),
  (min-width: 1024px) {
  .sidenav {
    bottom: 0;
    left: 0;
    min-height: calc(100vh - 194px);
    overflow-y: auto;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
  }
  .sidenav > a.nav-toggle,
  .sidenav-wrapper > .search-wrap,
  .sidenav .toplevel,
  .sidenav .toplevel + hr {
    display: none;
  }
  .sidenav a:hover {
    background-color: rgba(153,59,37,0.4);
  }
  .sidenav > .nav-toggle:hover::before {
    content: none;
  }
  @supports (mix-blend-mode: multiply) {
    .sidenav a:hover {
      background-color: transparent;
    }
    .sidenav a:hover::before {
      background-color: rgba(153,59,37,0.4);
      border-radius: 10px;
      content: "";
      height: 100%;
      left: 0;
      mix-blend-mode: multiply;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }
  @supports (position: -webkit-sticky) {
    .sidenav {
      max-height: 100vh;
    }
  }
  @supports (position: sticky) {
    .sidenav {
      max-height: 100vh;
    }
  }
}

.topnav {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  background-color: #fff6cc;
  border-bottom: solid 4px #701b08;
  color: #4a4a4a;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-variant-ligatures: normal;
  font-weight: 600;
  height: 40px;
  justify-content: space-between;
  line-height: 40px;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  text-align: center;
  top: 0;
  z-index: 21;
}
.wf-active .topnav {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}
.topnav a {
  color: #701b08;
  display: none;
  padding: 0 1rem;
  text-decoration: none;
}
.topnav a:hover,
.topnav--secondary a:hover,
.topnav--secondary .section {
  background-color: #701b08;
  color: #fff6cc;
}

.translate-wrapper .goog-te-gadget .goog-te-combo {
  display: block;
  width: 100%;
}
.translate-wrapper .goog-te-gadget a,
.translate-wrapper .goog-te-gadget a:hover {
  background: transparent;
  color: #4a4a4a;
  padding: 0;
}
.topnav .nav-toggle,
.topnav .section {
  display: inline-block;
}

.topnav .nav-toggle {
  text-align: left;
}
.topnav .nav-toggle svg {
  color: currentColor;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 24px;
}

.topnav .section {
  text-align: right;
  white-space: nowrap;
}

@media screen and (min-width: 375px) {
  .topnav .section::before {
    content: "Section: ";
    font-weight: normal;
  }
}

@media screen and (min-width: 800px) and (hover: hover),
  screen and (min-width: 1024px) {
  .topnav {
    justify-content: space-evenly;
    position: relative;
    z-index: initial;
  }
  .topnav a {
    display: inline-block;
  }
  .topnav .nav-toggle {
    display: none;
  }
  .topnav .section {
    background-color: #701b08;
    color: #fff6cc;
    text-align: center;
  }
  .topnav .section::before {
    content: none;
  }
}
@media screen and (min-width: 1024px) {
  .topnav {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1400px) {
  .topnav {
    padding: 0 calc((100vw - 1400px) / 2);
  }
  @supports (justify-content: space-evenly) {
    .topnav {
      padding: 0;
    }
  }
}

.topnav--actions,
.topnav--secondary {
  background: transparent;
  border: none;
  -ms-flex-flow: column;
  flex-direction: column;
  font-size: 1rem;
  height: auto;
  line-height: 1.25rem;
}

.topnav--actions {
  box-sizing: border-box;
  display: none;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 40px;
  text-align: left;
  width: 260px;
}
.topnav--secondary {
  align-items: flex-end;
  -ms-flex-pack: start;
  position: relative;
}
.topnav--secondary::after {
  background: #f0b667;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
.topnav--secondary a  {
  border-radius: 0.25rem;
  color: #701b08;
  display: inline-block;
  font-weight: normal;
  line-height: 1.25rem;
  margin-right: calc(30px - 1rem);
  text-align: right;
  text-decoration: none;
}
.topnav--secondary-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .topnav--secondary-wrapper {
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: start;
    -ms-flex-pack: start;
    float: right;
  }
}
@media screen and (min-width: 1024px) {
  .topnav--actions {
    display: -ms-flexbox;
    display: flex;
  }
  .topnav--secondary a {
    line-height: 1.75rem;
  }
}
.wrapper {
  background-color: #f6f6f6;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
}


/***************************
 * Coping with the legacy markup & styles
 ***************************/
article center,
article div[align=center] {
  clear: both;
  text-align: center;
}
table[align] td:only-child {
  padding: 0;
}
table[align] td img {
  object-fit: contain;
}
.inset > a,
.inset > img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.inline-images td > a:only-child > img {
  display: inline-block;
}
@media screen and (max-width: 567px) {
  table[align] {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .inset {
    float: none !important;
  }
  table[align=center] {
    margin-bottom: 1rem;
    width: auto !important;
  }
  table[align=center] td {
    display: block;
    margin: 0 auto 1rem;
  }
  table[align=center] td .image-center:last-child,
  table[align=center] tr:last-child td:last-child {
    margin-bottom: 0;
  }

}
@media (min-width: 568px) {
  table[align] {
    margin-bottom: 0.75rem;
  }
  table[align=center] {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto !important;
  }
  .inset--left,
  table[align=left] {
    float: left;
    margin-right: 1rem;
  }
  .inset--right,
  table[align=right] {
    float: right;
    margin-left: 1rem;
  }
}


/****************************
 * Gazetteer Entries
 ***************************/

.list-map {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-map li {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  flex-basis: 80%;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 auto 2.5rem;
  position: relative;
  text-align: center;
}
.wf-active .list-map li {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}
.list-map svg {
  width: 100%;
}
.unified-map {
  display: none;
  padding-bottom: 62.29508197%;
}
@media (min-width: 415px) {
  .list-map li {
    flex-basis: 40%;
    width: 40%;
  }
}
@media (min-width: 667px) {
  .list-map {
    display: none;
  }
  .unified-map {
    display: block;
  }
}

body[data-type=collection-entry] .content {
  margin: 0 auto;
}

body[data-type=collection-entry] main {
  background-image: none;
}

body[data-type=collection-entry] main > .content {
  align-items: start;
}
.collection-entry header {
  flex-basis: 100%;
}
.collection-entry figcaption {
  background: none;
  margin: 0.5rem 0;
  padding: 0;
}
.collection-entry figure {
  margin: 0 0 2rem;
}

.collection-entry nav {
  display: none;
  grid-gap: 10px;
  grid-template-columns: repeat(5, 40px);
}
.collection-entry nav > img {
  display: block;
  height: 65px;
  margin-bottom: 10px;
  margin-right: 10px;
  object-fit: cover;
  opacity: 0.5;
  width: 40px;
}
.collection-entry nav > img:hover,
.collection-entry nav > img.active {
  opacity: 1;
}

.collection-entry nav > img:nth-child(5n),
.collection-entry nav > img:last-child {
  margin-right: 0;
}
.collection-entry .denomination,
.collection-entry .photo-credit {
  font-style: italic;
  letter-spacing: var(--italic-letterspace, 0);
  line-height: var(--italic-lineheight, inherit);
}
.collection-entry-photo {
  display: block;
  margin: 0 auto;
  max-height: 70vh;
}
.collection-entry-photo-wrapper {
  overflow: hidden;
}
.collection-entry-photo-wrapper--bordered img {
  border: solid 1px #000;
  box-sizing: border-box;
}
.collection-entry .h-card {
  margin-top: 0;
}
.collection-entry .photo-caption p,
.collection-entry .photo-credit p {
  margin: 0.25rem 0;
}

@media screen and (min-width: 355px) {
  .collection-entry-nav {
    grid-template-columns: repeat(6, 40px);
    max-width: 290px;
  }
  .collection-entry nav > img:nth-child(n) {
    margin-right: 10px;
  }
  .collection-entry nav > img:nth-child(6n),
  .collection-entry nav > img:last-child {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .collection-entry-nav {
    grid-template-columns: repeat(6, 50px);
    max-width: none;
  }
  .collection-entry nav > img:nth-child(n) {
    margin-right: 10px;
  }
  .collection-entry nav > img:last-child {
    margin-right: 0;
  }
  .collection-entry nav > img {
    height: 80px;
    width: 50px;
  }
}
@media (min-width: 937px) {
  .collection-entry-content {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .collection-entry .article-title {
    flex-basis: 100%;
  }
  .collection-entry .photos {
    flex-basis: calc(100% - 16.25rem);
    flex-shrink: 0;
    margin-right: 1.25rem;
  }
  .collection-entry .description {
    flex-basis: 15rem;
    flex-grow: 1;
    font-size: 0.875rem;
    width: 15rem;
  }
  .collection-entry .description .dimensions{
    font-variant-numeric: oldstyle-nums;
  }
  .collection-entry .description > .comment {
    font-style: italic;
    letter-spacing: var(--italic-letterspace, 0);
    line-height: var(--italic-lineheight, inherit);
    margin-top: 1em;
  }
  @supports (display: grid) {
    .collection-entry-content {
      display: grid;
      grid-column-gap: 2.25rem;
      grid-template-columns: minmax(50%, 90%) minmax(15rem, auto);
    }
    .collection-entry .photos {
      flex-basis: auto;
      margin-right: 0;
    }
    .collection-entry .description {
      flex-basis: auto;
      min-width: 15rem;
      width: auto;
    }
    .modal {
      width: unset;
    }
  }
}

@supports (display: grid) {
  .collection-entry nav > img:nth-child(n) {
    margin: 0;
  }
}

:root.js .collection-entry figure {
  display: none;
}
:root.js .collection-entry figure.active {
  display: block;
}
:root.js .collection-entry nav {
  display: -ms-flexbox;
  display: flex;
  display: grid;
  flex-wrap: wrap;
}
@supports (display: grid) and (gap: 10px) {
  :root.js .collection-entry nav {
    display: flex;
  }
}

.sitemap-grouping {
  font-size: 0.75rem;
}

.sitemap-grouping h2 {
  background-color: #fff6cc;
  padding: 0 1rem;
}
.sitemap-grouping li {
  margin-bottom: 0.2rem;
}
.sitemap-grouping ol {
  list-style: none;
  margin: 0 0 0 0.75rem;
  padding: 0;
}
.sitemap-grouping > ol > li > a {
  --italic-letterspace: 0;
  --italic-lineheight: inherit;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.wf-active .sitemap-grouping > ol > li > a {
  font-family: 'Ubuntu-asterisk', 'Raleway', sans-serif;
}
.sitemap-grouping > ol > li > ol {
  break-inside: avoid;
}
@media (min-width: 400px) {
  .sitemap-grouping > ol {
    column-count: 2;
    column-gap: 2rem;
  }
}
@media  (min-width: 600px) {
  .sitemap-grouping > ol {
    column-count: 3;
  }
}
@media (min-width: 800px) {
  .sitemap-grouping > ol {
    column-count: 4;
  }
}

.login-form {
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 2rem rgba(0,0,0,0.5);
  box-sizing: border-box;
  margin: 2rem auto;
  max-width: 30rem;
  padding: 1rem 1rem;
  width: 80%;
}
.login-form > input {
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 1rem;
  width: 100%;
}
.login-form > input[type="submit"] {
  -webkit-appearance: none;
  background-color: #cc5f3d;
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  margin: 0.5rem 0;
  padding: 0.5rem;
}
.login-form > input[type="submit"]:active {
  background-color: #983b24;
}
.login-form > label {
  display: block;
}

.secure-download {
  text-align: center;
}
.secure-download a {
  background: linear-gradient(to top, #983b24, #cc5f3d);
  border-radius: 0.5rem;
  color: #fff6cc;
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 auto;
  padding: 1rem 2rem;
}
.secure-download a:active {
  background: linear-gradient(to bottom, #983b24, #cc5f3d);
}
.secure-images {
  display: grid;
  font-size: 0.8rem;
  grid-gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  margin: 2rem 0;
  padding: 0;
}
.secure-images img {
  display: block;
  height: 225px;
  margin: 0 auto 0.25rem;
  object-fit: scale-down;
}
/****************************
 * Gallery Entries
 ***************************/
.search-results--gallery .collection-items,
body[data-section=gallery] .collection-items {
  grid-column-gap: 1rem;
}
.search-results--gallery .collection-items img,
body[data-section=gallery] .collection-items img {
  max-height: 200px;
  width: auto;
}
.search-results--gallery .collection-items .photo,
body[data-section=gallery] .collection-items .photo {
  height: 200px;
  max-height: 200px;
  max-width: 175px;
  width: 100%;
}
@media (max-width: 667px) {
  body[data-section=gallery] .form-pair--select.search--enhanced label {
    height: 0;
    overflow: hidden;
    width: 0;
  }
}
@media (min-width: 414px) {
  .search-results--gallery .collection-items,
  body[data-section=gallery] .collection-items {
    grid-gap: 0;
    grid-template-columns: repeat(2, 175px);
    justify-content: space-between;
  }
  .search-results--gallery .collection-items > li,
  body[data-section=gallery] .collection-items > li {
    flex-basis: calc(175px + 2rem);
  }
}
@media (min-width: 568px) {
  .search-results--gallery .collection-items,
  body[data-section=gallery] .collection-items {
    grid-gap: 0.5rem;
    grid-template-columns: repeat(3, 160px);
  }
}
@media (min-width: 736px) and (hover: none),
  screen and (min-width: 986px),
  print and (min-width: 5in) {
  .search-results--gallery .collection-items,
  body[data-section=gallery] .collection-items {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(4, 175px);
  }
}
@media (min-width: 1280px),
  print and (min-width: 8in) {
  .search-results--gallery .collection-items,
  body[data-section=gallery] .collection-items {
    grid-template-columns: repeat(5, 1fr);
  }
}

.collection-entry--gallery-entry .collection-entry-photo {
  max-height: none;
}


/****************************
 * Heraldry & Art Entries
 ***************************/

.collection-items--art,
.collection-items--events,
.collection-items--heraldry {
  grid-column-gap: 1rem;
}
.collection-items--art img,
.collection-items--events img,
.collection-items--heraldry img {
  max-height: 235px;
  object-position: bottom center;
}
.collection-items--art p:first-child {
  margin-top: 0;
}
.collection-items--art .photo,
.collection-items--events .photo,
.collection-items--heraldry .photo {
  height: 235px;
  max-height: 235px;
  max-width: 150px;
  width: 100%;
}
.collection-items--art .photo {
  align-items: flex-end;
  height: 200px;
  max-height: 200px;
}
.collection-items--heraldry li {
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 414px) {
  .collection-items--art,
  .collection-items--events,
  .collection-items--heraldry {
    grid-gap: 0;
    grid-template-columns: repeat(2, 150px);
    justify-content: space-between;
  }
  .collection-items--art > li,
  .collection-items--events > li,
  .collection-items--heraldry > li {
    flex-basis: calc(150px + 2rem);
  }
}
@media (min-width: 568px) {
  .collection-items--art,
  .collection-items--events,
  .collection-items--heraldry {
    grid-gap: 0.5rem;
    grid-template-columns: repeat(3, 150px);
  }
}
@media (min-width: 736px) and (hover:none),
  screen and (min-width: 986px) {
  .collection-items--art,
  .collection-items--events,
  .collection-items--heraldry {
    grid-gap: 1.25rem;
    grid-template-columns: repeat(4, 150px);
  }
}
@media (min-width: 1280px) {
  .collection-items--art,
  .collection-items--events,
  .collection-items--heraldry {
    grid-template-columns: repeat(5, 150px);
  }
}
/********************
 * Lists
 *******************/
.list-content {
  margin: 0 0 2.5rem;
}
.list-items {
  font-size: 0.8rem;
  line-height: 1.375;
  padding-left: 0;
}
.list-items td {
  padding: 0;
}
.list-items tr,
.list-item {
  display: block;
  list-style: none;
  margin: 1rem 0 2rem;
}

.list-item:last-child {
  margin-bottom: 0;
}

.list-item_title {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}
.list-item p {
  margin: 0.5rem 0;
}
.list-items td:first-child,
.list-item > .item_thumb {
  align-items: flex-start;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0 auto 1.5em;
}
.item_thumb--bordered img {
  border: solid 1px #000;
}
.list-item--music > .item_thumb,
.list-item--stnick > .item_thumb {
  width: 150px;
}

.list-item--stnick .list-item_listItemPlace {
  display: block;
  margin: 1.375em 0 0;
}

@media (min-width: 667px) {
  .list-items td:first-child,
  .list-item > .item_thumb {
    margin: 0 1rem;
    width: 140px;
  }
  .list-items tr,
  .list-item {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 768px) {
  .list-items {
    font-size: 1rem;
  }
  .list-items td:first-child,
  .list-item > .item_thumb {
    align-items: center;
  }
  .list-items td > strong:first-child,
  .list-item_title {
    font-size: 1.2rem;
    font-weight: normal;
  }
}

/*********************
 * Accessible timeline
 *********************/
body[data-page="timeline-complete"] img[width="90"] {
  display: block;
  min-width: 90px;
}

.glossary[data-term] {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
.glossary-popover {
  background: #fff6cc;
  bottom: calc(100% + 0.5rem);
  box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.5);
  color: #4a4a4a;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  left: 0;
  position: absolute;
  white-space: normal;
  width: 22rem;
  z-index: 10;
}
.glossary-popover::before {
  background: #fff6cc;
  content: "";
  height: 1rem;
  left: 1rem;
  position: absolute;
  top: calc(100% - 0.5rem);
  transform: rotate(45deg);
  width: 1rem;
}
.glossary-popover.popover-justify {
  width: calc(100vw - 40px);
}
.glossary-popover.popover-justify::before {
  content: none;
}
.glossary-popover.popover-left {
  left: auto;
  right: 0;
}
.glossary-popover.popover-left::before {
  left: auto;
  right: 1rem;
}
.glossary-popover h3 {
  align-items: center;
  background: #701b08;
  color: #fff;
  display: flex;
  font-size: 1.25rem;
  font-weight: normal;
  justify-content: space-between;
  line-height: 1.3;
  margin: 0 0 0.25rem;
  padding: 0.25rem 0.5rem;
}
@media screen and (hover:hover) {
  .glossary-popover .modal-close {
    display: none;
  }
}
.glossary-popover .modal-close {
  color: #fff;
}
.glossary-popover .body {
  font-weight: normal;
  padding: 0.5rem 0.5rem 1rem;
}
.glossary {
  position: relative;
}

.results > nav > a,
.results > nav > span {
  display: inline-block;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
}

.results > nav > .active {
  font-weight: bold;
}


.goog-te-spinner-animation {
  display: none !important;
}
/*
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #4a4a4a;
    --fg: #eee;
    --link: #90c2fc;
  }
}
*/
.redactor-selection-marker {
  display: none;
}
@font-face {
  font-display: swap;
  font-family: 'Ubuntu-asterisk';
  font-style: normal;
  font-weight: normal;
  src: url('ubuntu-m-webfont.woff2') format('woff2'),
    url('ubuntu-m-webfont.woff') format('woff');
  unicode-range: U+2A;
}

#share-buttons {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  max-width: 100%;
  width: 250px;
}
@media screen and (min-width: 1280px) {
  #share-buttons {
    max-width: 200px;
  }
}
@media screen and (min-width: 1280px) {
  #share-buttons {
    position: absolute;
    right: -240px;
    top: 0;
  }
}
@media not screen {
  #share-buttons {
    display: none;
  }
}
.share-button {
  align-items: center;
  background: #006f66;
  border: none;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  height: 1.75rem;
  justify-content: center;
  padding: 0;
  width: 1.75rem;
}
.share-button svg {
  height: 100%;
  width: 100%;
}
.share-button--email svg,
.share-button--print {
  background: #fff;
  color: #006f66;
}
.share-button--facebook {
  background: #124bbe;
}
.share-button--facebook > svg {
  height: 70%;
  width: 70%;
}
.share-button--pinterest {
  background: #e60019;
}
.share-button--print {
  cursor: pointer;
}
.share-button--twitter {
  --twitter-fill: #fff;
  background: #659ee0;
}
.share-button--twitter > svg {
  height: 60%;
  width: 60%;
}
:root.no-js .share-button--print {
  display: none;
}

a.tweet-btn {
  --link: #fff;
  background-color: #1b95e0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font: normal normal normal 11px/18px 'Helvetica Neue', Arial, sans-serif;
  height: 20px;
  padding: 1px 8px 1px 6px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}


.tweet-btn::before {
  background: transparent 0 0  no-repeat;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 3px;
  position: relative;
  top: 2px;
  vertical-align: top;
  width: 14px;
}
.tweet-btn:active,
.tweet-btn:focus,
.tweet-btn:hover {
  background-color: #0c7abf;
}

.shop-button {
  background: #cc5f3d;
  border: outset 1px #cc5f3d;
  color: #fff6cc;
  font-family: raleway, sans-serif;
  font-size: 0.6rem;
  white-space: nowrap;
}
@media screen and (min-width: 50rem) {
  .shop-button {
    font-size: 0.75rem;
  }
}