/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ **
 * 1. Set default font family to sans-serif. * 2. Prevent iOS text size
 adjust after orientation change, without disabling *    user zoom. */
 html { font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin. */ body { margin: 0;}





/* HTML5 display definitions
   =====================================================================
   ===== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE
 10/11 * and Firefox. * Correct `block` display not defined for `main`
 in IE 11. */ article, aside, details, figcaption, figure, footer,
 header, hgroup, main, menu, nav, section, summary { display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9. * 2.
 Normalize vertical alignment of `progress` in Chrome, Firefox, and
 Opera. */ audio, canvas, progress, video { display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls. *
 Remove excess height in iOS 5 devices. */ audio:not([controls]) {
 display: none; height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10. * Hide the
 `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden],
 template { display: none; }

/* Links
   =====================================================================
   ===== */
/**
 * Remove the gray background color from active links in IE 10. */ a {
 background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all
 browsers. */ a:active, a:hover { outline: 0; }

/* Text-level semantics
   =====================================================================
   ===== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
 abbr[title] { border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
 b, strong { font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome. */ dfn {
 font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and
 `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 {
 font-size: 2em; margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9. */ mark { background: #ff0;
 color: #000; }

/**
 * Address inconsistent and variable font size in all browsers. */ small
 { font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
 sub, sup { font-size: 75%; line-height: 0; position: relative;
 vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content
   =====================================================================
   ===== */
/**
 * Remove border when inside `a` element in IE 8/9/10. */ img { border:
 0; }

/**
 * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) {
 overflow: hidden; }

/* Grouping content
   =====================================================================
   ===== */
/**
 * Address margin not present in IE 8/9 and Safari. */ figure { margin:
 1em 40px; }

/**
 * Address differences between Firefox and other browsers. */ hr {
 box-sizing: content-box; height: 0; }

/**
 * Contain overflow in all browsers. */ pre { overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers. */ code,
 kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms
   =====================================================================
   ===== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very
 limited * styling of `select`, unless a `border` property is set. */
/**
 * 1. Correct color not being inherited. *    Known issue: affects color
 of disabled elements. * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */ button, input, optgroup, select, textarea { color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button {
 overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and
 `select`. * All other form control elements do not inherit
 `text-transform` values. * Correct `button` style inheritance in
 Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance
 in Firefox. */ button, select { text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native
 `audio` *    and `video` controls. * 2. Correct inability to style
 clickable `input` types in iOS. * 3. Improve usability and consistency
 of cursor style between image-type *    `input` and others. */ button,
 html input[type="button"], input[type="reset"], input[type="submit"] {
 -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements. */ button[disabled],
 html input[disabled] { cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+. */
 button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding:
 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using
 `!important` in * the UA stylesheet. */ input { line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements. *
 Firefox's implementation doesn't respect box-sizing, padding, or width.
 * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2.
 Remove excess padding in IE 8/9/10. */ input[type="checkbox"],
 input[type="radio"] { box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For
 certain * `font-size` values of the `input`, it causes the cursor style
 of the * decrement button to change from `default` to `text`. */
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button { height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome. *
 2. Address `box-sizing` set to `border-box` in Safari and Chrome *   
 (include `-moz` to future-proof). */ input[type="search"] {
 -webkit-appearance: textfield;
  /* 1 */ * 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on
 OS X. * Safari (but not Chrome) clips the cancel button when the search
 input has * padding (and `textfield` appearance). */
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration { -webkit-appearance:
 none; }

/**
 * Define consistent border, margin, and padding. */ fieldset { border:
 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove
 padding so people aren't caught out if they zero out fieldsets. */
 legend { border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea {
 overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above). * NOTE:
 the default cannot safely be changed in Chrome and Safari on OS X. */
 optgroup { font-weight: bold; }

/* Tables
   =====================================================================
   ===== */
/**
 * Remove most spacing between table cells. */ table { border-collapse:
 collapse; border-spacing: 0; }

td, th { padding: 0; }


  /*
Table of Contents ================= -- General HTML Elements -- Global
classes -- Header -- Footer -- Search -- Home -- Items -- Simple Pages
-- Exhibits */
  /* @group ----- Generic HTML elements ----- */

  * { box-sizing: border-box; } body { font-family: "Lato", sans-serif;
  font-size: 16px; line-height: 24px; color: #222; background: #ffffff;
  }

#site-title {
flex: 2;} 
h1 { 
font-size: 36px; line-height: 38px; margin: 0; padding: 0.8em 0 0.1em; 
} 
h2 {
	display: block; font-size: 24px; line-height: 36px; font-weight: 500; margin: 48px 0px 26px; color: #333333; 
}

.mySlides h2 {
	font-size: 36px; color: #ffffff;
}
#item-list h2, #collection-items h3, #item-list .tags {
	display: block; font-weight: 400; line-height: 18px; margin: 0; }

  h3 { display: block; font-size: 18px; line-height: 36px; margin: 36px
  0px 0px; color: #333; font-weight: 600; }

#content .dcelements, #content .citation-elements, #content
#.social-elements {
	margin: 0px 0px 20px; padding: 20px 10%; background: none; clear:
	both;
}

#content .element-set {

}

#content .element-set div.element {
	clear: both; }

.element-set .element h3 { font-size: 18px; text-transform: none;
font-weight: 400; letter-spacing: 0; font-family: "arial", sans-serif;
line-height: 30px; padding-right: 0; padding-bottom: 0; margin-top: 0;
margin-bottom: 5px; }

  .element-set .element-text { line-height: 20px; padding-top: 5px;
  padding-bottom: 0; margin-bottom: 5px; }




  h4 { line-height: 24px; margin: 24px 0 0; font-weight: bold; color:
  #333; }

  /* p, ul, ol, dl {
    margin-bottom: 21px; } */ ul, ol, dl { margin-left: 0; } ul {
    list-style-type: disc; } ol { list-style-type: decimal; } ul ul, ul
    ol, ol ol, ol ul { margin-bottom: 0; } dt { font-weight: bold; } dd
    { margin-left: 1.5em; margin-bottom: 21px; } blockquote { float:
    right; text-align: right; width: 66%; margin: 0 0 42px; font-style:
    italic; font-size: 1.8em; line-height: 1.2em; color: #999999;
    padding: 20px 0 0 1.5em; border-top: 1px solid #ddd; } em, i {
    font-style: italic; } strong, b { font-weight: bold; } a:link {
    color: #305eab; } a:visited { color: #114499; } a:hover { color:
    #114499; } a:active { color: #7B8D78; } h1 a, h2 a, h3 a, h4 a,
  #site-title a {
    text-decoration: none; } table { width: 100%; margin: 42px 0;
    border-collapse: collapse; border-spacing: 0px; } th, td { margin:
    0; padding: 10px 0; border-bottom: 1px solid #ddd; } th {
    text-align: left; color: #A49D4C; font-weight: bold; border-bottom:
    2px solid #ddd; } fieldset { border: 0; padding: 0; } input {
    margin: 0; } input[type=text], input[type=password], textarea {
    font-family: "Lato", sans-serif; border: 1px solid #ddd; padding:
    4.25px; font-size: 14px; line-height: 21px; margin: 5.25px 0;
    max-width: 100%; display: block; min-height: 31.5px; }


  /*input[type=submit],
  button, a.button { -webkit-appearance: none; -moz-appearance: none;
  appearance: none; border-radius: 0; font-family: "Lato", sans-serif;
  font-size: 14px; line-height: 21px; background-color: #c8b79b; color:
  #fff; border: 0; padding: 5.25px; cursor: pointer; margin: 0; } */
  input[type=submit]:hover, button:hover, a.button:hover {
  background-color: #a4967f; } select { display: inline-block; margin:
  5.25px 0; border-radius: 0px; border: 1px solid #ccc; font-size: 14px;
  line-height: 31.5px; height: 31.5px; margin-right: 3px;
  vertical-align: top; } textarea { margin-bottom: 21px; min-width: 50%;
  min-height: 126px; border: 1px solid #ddd; padding: 9.5px;
  vertical-align: top; } label, .label { font-weight: bold;
  vertical-align: top; } .field { margin-bottom: 21px; } .inputs {
  min-height: 42px; line-height: 42px; }
  #skipnav {
    border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px;
    overflow: hidden; padding: 0; position: absolute; width: 1px; }
  #skipnav:focus {
    top: 0; z-index: 9999; clip: initial; height: auto; width: auto;
    padding: .5em; border: 1px blue dashed; color: #A49D4C; }
  /* @end */ * @group ----- Global classes ----- */
  .screen-reader-text { position: absolute; left: -9999px; }
  #wrap {
    overflow: hidden; background: #fff; width: 100%; padding: 0px;
    margin: 0px; }
  #content {
    clear: both; padding-bottom: 100px; max-width: 100%; margin: 0px
    auto; padding: 0; position: relative; background: #eee;}
    .content-inner { max-width: 80%; margin: 0px auto; padding: 0px 0px
    4em; }
    #content > h1:first-of-type {
      padding: 4% 0; margin: 0; }
    #content #intro + #primary, #content > #primary, #content #secondary
    #{
      padding-top: 21px; }
  #content > h1:first-child {
    width: 100%; display: inline-block; }
  #content > #primary:not(:only-child), #content #primary-2col {
    float: left; width: 75%; padding: 21px 21px 21px 0; margin-bottom:
    -21px; position: relative; }
    #content > #primary:not(:only-child) > h1:first-child, content >
    ##primary:not(:only-child) > h2:first-child {
      margin-top: 0; margin-bottom: 21px; }
    #content > #primary:not(:only-child):after {
      content: ""; display: block; position: absolute; right: -1px; top:
      0; bottom: 0; background-color: #ddd; width: 1px; }
  #content nav {
    overflow: hidden; }
  #secondary, sidebar {
    float: right; width: 25%; padding: 0 0 21px 21px; word-wrap:
    break-word; border-left: 1px solid #ddd; margin-bottom: -21px; }
    .navigation { list-style: none; margin-left: 0; } .pagination-nav {
    flex: 5; margin: 0 0 20px;} .pagination-nav ul { background-color:
    #ddd; display: inline-block; vertical-align: top; padding-left: 0;
    margin: 0; } .pagination-nav input { margin: 0 5px 0 0; width: 4em;
    text-align: center; display: inline; } .page-input { padding-right:
    10px; } .pagination_next, .pagination_previous { background-color:
    #d33a63; font-size: 14px; position: relative; background: #c00
    !important;} .pagination_next a, .pagination_previous a { color:
    #fff; text-decoration: none; font-weight: bold; height: 31.5px;
    display: block; padding: 0 10px; line-height: 31.5px; font-family:
    "Font Awesome 5 Free"; font-weight: 900; } .pagination_next a:after
    { content: "\f105"; } .pagination_previous a:after { content:
    "\f104"; } .pagination li { display: block; float: left; background:
    #ddd; } .hTagcloud li { display: inline; } .hTagcloud ul {
    list-style: none; margin-left: 0; padding-left: 0; } .popular {
    font-size: 100%; } .v-popular { font-size: 140%; } .vv-popular {
    font-size: 180%; } .vvv-popular { font-size: 220%; } .vvvv-popular {
    font-size: 260%; } .vvvvv-popular { font-size: 300%; }
    .vvvvvv-popular { font-size: 320%; } .vvvvvvv-popular { font-size:
    340%; } .vvvvvvvv-popular { font-size: 360%; } ul.tags {
    margin-left: 0; } ul.tags li { display: inline; margin-bottom: 0; }
    .collection { border: solid 1px #eee; padding: 20px; clear: both;
    display: flex; box-shadow: 2px 2px 5px #ddd; margin-bottom: 1.6em;
    background: #fff; } .collection-image { flex: 2; }

.collection-image img { width: 90%; } .collection-info { flex: 7; }
.exhibit .image { box-shadow: -3px -3px 0 rgba(0, 0, 0, 0.2), -6px -6px
0 rgba(0, 0, 0, 0.1); float: left; display: block; height: 200px;
margin: 0 21px 21px 6px; } .collection .image img, /*.exhibit .image
img*/ { height: 100%; background-color: #fff; width: 85%; }
  /* @end */ * @group ----- Header ----- */
  header { margin-bottom: 10.5px; border-bottom: solid 1px #eee;
  box-shadow: 2px 1px 3px #eee; }
  
@media (max-width: 1025px) {
  #header-inner, #footer-inner {
   max-width: 80%; margin: 0px auto; display: block; }
}
@media (min-width: 1026px) {
  #header-inner, #footer-inner {
    max-width: 80%; margin: 0px auto; padding: 30px 0; display: flex; }
}

   .site-title { flex: 3;}

#site-title img {
      max-width: 250px; }

#search-container {
    flex: 3; }
#search-container form {
    display: flex; position: relative; margin-left: 65%; width: 25%; }
#search-container form a {
    font-weight: bold; text-decoration: none; }
#search-container input {
      vertical-align: top; margin: 0; }
#search-container button, search-container .button {
      width: 31.5px; }

#search-container button::after, #search-container .button::after {
	font-family: "Font Awesome 5 Free"; text-indent: 0; width: 34px;
	line-height: 34px; text-align: center; font-weight: 900; }

#search-container button:after {
      content: "\f002"; }
#search-container .show-advanced:after {
      content: "\f141"; }
#search-container.with-advanced input[type=text] {
width: 100%; padding-right: 63px; height:30px;	}
    /*
  #search-container.with-advanced button, search-container.with-advanced
  #.show-advanced {
    width: 31.5px; position: absolute; }

  #search-container.with-advanced button {
    right: 0; }

  #search-container.with-advanced .show-advanced {
    width: 31.5px; color: #fff !important; display: block; right:
    31.5px; text-align: center; border-left: 1px solid rgba(0, 0, 0,
    0.08); } */

  #advanced-form {
	position: absolute; top: 50px;
	/* width: 400px; */
	border: 1px solid #eee; border-top-color: #fff; text-align: left;
	padding: 9.5px; z-index: 50; background: #fff;
	/* justify-content: flex-end; */ * display: grid; */ *
	/justify-content: flex-end; */
	width: 100%; }
    #advanced-form.closed {
      display: none; }
    #advanced-form.open {
      left: 0; }
    #advanced-form p {
      margin-bottom: 10.5px; }
    #advanced-form fieldset {
      margin-bottom: 21px; }
    #advanced-form label {
      font-size: 14px; font-weight: normal; }
    #advanced-form input[type=checkbox], advanced-form input[type=radio]
    #{
      margin: 5.25px 5px 0 0; }
    #advanced-form > *:last-child {
      margin-bottom: 0; }
  /* mega menu list */
  #top-nav {
	flex: 8;
} 
.nav-menu {
	margin: 0px auto 0; padding: 1.25em 0; display: flex; justify-content: flex-start;
}

@media (min-width: 1025px) {
	.nav-menu {
	justify-content: flex-end; }
}

@media (max-width: 600px) {
	.nav-menu {
	display: block; }
}



.nav-menu li {
	margin: 0 0px 0 25px; padding-bottom: 5px;
}

.nav-menu a { text-decoration: none; }

.nav-menu a:link, .nav-menu a:visited { } .nav-menu a:hover, .nav-menu
a:focus { color: #c00; }
  /* a top level navigation item in the mega menu */

  /* first descendant link within a top level navigation item */
  .nav-item > a { 
	margin: 0; border: 0; text-transform: uppercase; font-family: Helvetica; font-weight: 600; color: #404040;}

@media (max-width: 600px) {
	.nav-item > a { display: block; text-align: center;}
}

  /* focus/open states of first descendant link within a top level 
   navigation item */ .nav-item > a:focus, .nav-item > a.open {
   background-color: #000; }
  /* open state of first descendant link within a top level 
   navigation item */ .nav-item > a.open { background-color: none;
   border-bottom: solid 2px #c00; z-index: 1; }
  /* sub-navigation panel */
  .sub-nav { position: absolute; display: none; top: 42px; padding:
  21px; border: 0; margin: 0; background-color: #843418; z-index: 2; }
  /* sub-navigation panel open state */
  .sub-nav.open { display: block; background-color: #000; min-width:
  150%; }
  /* list of items within sub-navigation panel */
  .sub-nav ul { display: block; vertical-align: top; margin: 0; padding:
  0; } .sub-nav ul a:before { content: "\2014\0020"; }
  /* list item within sub-navigation panel */
  .sub-nav li { display: block; list-style-type: none; margin: 0;
  padding: 0; } [aria-haspopup="true"]:after { font-family:
  "FontAwesome"; content: "\f0da"; margin: 0 0 0 .5em; vertical-align:
  bottom; } [aria-haspopup="true"].open:after { content: "\f0d7"; }
  #header-image {
    clear: both; margin: 21px 0; border-top: 1px solid #ddd;
    padding-top: 20px; }
    #header-image img {
      display: block; max-width: 100%; }
  /* @end */

  /* @ group ---- Title Section ---- */

#title-section {
	width: 100%;
	background: #fff;
	color: #444;
	font-weight: 500;
	margin: 0 0 20px;
	border-top: solid 1px #ccc;
	box-shadow: inset 2px 2px 2px #eee;
}

  .title-section-inner { max-width: 80%; margin: 0px auto; padding: 10px
  0px }

	/* @end */
  /* @group ----- Footer ----- */


  footer {
	clear: both;
	padding-top: 21px;
	background: #fefefe;
	border-top: solid 1px #eee;
	box-shadow: inset 2px 2px 2px #ccc;
} 
footer ul { width: 50%; float: right; text-align: right; margin-bottom: 0; }
footer ul ul { display: none; } footer li { margin-bottom: 0; display:
  inline; } footer li a { margin-left: 9px; text-decoration: none;
  font-weight: bold; border-right: 1px solid #ddd; padding-right: 9px;
  white-space: nowrap; } footer li.nav-home a { border-width: 0; }
  footer a:visited { color: #843418; }
  #footer-text {
    width: 100%; margin-bottom: 0; text-align:right;}
  /* @end */ * @group ----- Search ----- */
  #item-filters ul, search-filters ul {
    margin: 0; padding: 0;}
    #item-filters ul ul, search-filters ul ul {
      display: inline-block; }
  #item-filters li, search-filters li {
    display: inline-block; }
  #item-filters > ul > li, search-filters > ul > li {
    padding: 5px 20px; background-color: #ccc; color: #333; }
  #item-filters li li, search-filters li li {
    text-transform: lowercase; }
    #item-filters li li:after, search-filters li li:after {
      content: ", "; }
    #item-filters li li:last-of-type:after, search-filters li
    #li:last-of-type:after {
      content: ""; }
  #item-filters {
    border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom:
    21px; }
  #search-results {
    margin-top: 21px; }
    #search-results td, #search-results th {
      vertical-align: top; }
    #search-results .searchimg {
      max-width: 100px; margin-bottom: 0; }
  /* @end */ * @group ----- Home ----- */
  #intro {
    border-bottom: 1px solid #ddd; padding-top: 21px; padding-bottom:
    20px; } .featured, #featured-exhibit { overflow: hidden; color:
    #fff; display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 2em; } .featured h2,
    #featured-exhibit h2 {
      font-size: 17.5px; font-weight: bold; margin: 0px -20px 20px;
      padding: 10px 20px; background: #ffffff; color: #333333;
      text-transform: uppercase;}

.featured h3 { margin: 0; padding: 0.4em 0; text-align: center;
font-size: 1em;

} .featured h3 a,
    #featured-exhibit h3 a{
      font-weight: 400; color: #444; }

    .featured a,
    #featured-exhibit a {
      color: #036; } .featured a:hover,
    #featured-exhibit a:hover {
      color: #dbd37b; }
  #home #content #primary {
    padding-top: 21px !important; }

.featured .item.record { background: #fff; padding: 10px; border: solid
1px #eee; box-shadow: 2px 2px 6px #ddd; }

  /* @end */ * @group ----- Items ----- */
  .items.show #content > #primary { padding-top: 21px; } .items.show
  #content #secondary { padding-top: 0; } .items-nav,
  #secondary-nav,
  .secondary-nav,
  #exhibit-child-pages {
    overflow: hidden; margin-bottom: 21px; padding-left: 0; } .items-nav
    ul, #secondary-nav ul, .secondary-nav ul, #exhibit-child-pages ul {
    padding-left: 0; display: flex;
	/* background: #000; */
	width: 60%; } .items-nav li,
    #secondary-nav li,
    .secondary-nav li,
    #exhibit-child-pages li {
      display: inline-block; float: left; padding: 0; margin: 0 10px 0
      0; } .items-nav a, #secondary-nav a, .secondary-nav a,
      #exhibit-child-pages a { text-decoration: none; display: block;
      float: left; padding: 3px 10px; text-align: center; color: #fff;
      background: #777; border-bottom: solid 3px #999; } .items-nav
      a:hover, .items-nav li.active a,
    #secondary-nav a:hover, secondary-nav li.active a,
    .secondary-nav a:hover, .secondary-nav li.active a,
    #exhibit-child-pages a:hover, exhibit-child-pages li.active a {
      background-color: #999; color: #fff; }

#grid-3-eq, #collection-items {
	display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
	grid-gap: 4em 6em; margin:0 0 3.2em; padding:0; list-style-type: none;
	clear: both; }

li.item { width: 100%;
	/* overflow: hidden; */ * margin: 0px 0px 20px; */
	padding: 0; vertical-align: top; box-shadow: 2px 2px 5px #ddd;
	border: solid 1px #eee; border-radius: 0 0 10px 10px;
	background:#fff; }

.text-container { padding: 0 1.6em 0.8em; }

.item img { width: 100%; height: auto; }

.item h2 { margin-top: 0; font-size: 14px; line-height: 16px; clear:
both; color: #000; }

.item h2 a { color: #000; }

.items.browse .tags { font-size: 0.6rem; }

.items.browse .tags a { background: #eee; padding: 1px 5px; color: #000;
text-decoration: none; display: inline-grid; margin: 2px; }

 /* .items #primary .item-file img,
  .files #primary .item-file img { width: auto; max-width: 100%; }*/

  #itemfiles {
    overflow: hidden; margin-bottom: 42px; padding: 60px; background:
    #f0f0f0; }

#itemfiles img, .files .item-file img {
	margin: 2% 7%; padding: 1px; border: 10px solid #fff;
	background-color: #000; width: 86%; }
  #itemfiles + * {
    clear: left; }
  #secondary #itemfiles img {
    width: 84px; float: left; } .element-text { font-size: 14px;
    margin-bottom: 42px; } .element-text-empty { display: none; }
    .item-pagination { clear: both; overflow: hidden; border-top: 1px
    solid #ddd; padding-top: 20px; font-weight: bold; margin: 21px 0 0;
    float: left; width: 100%; } .item-pagination li { display: block;
    float: left; width: 400px; margin-bottom: 0; } .item-pagination
    li.next { float: right; text-align: right; } .item-pagination a {
    text-decoration: none; display: block; float: left; width: 400px; }


	.nafilt { display:flex; }
  #sort-links {
    margin: 5.25px 0 21px; float: right; }
  #sort-links-list {
    margin-left: 10px; display: inline; }
   #sort-links-list li {
	display: inline; margin-right: 4px;
	/* background: #ddd; */
	padding: 5px; border: solid 1px #fff; } .asc a:after, .desc a:after
	{ display: inline-block; font-family: "Font Awesome 5 Free";
	text-decoration: underline; } .asc a:after { content: "\00a0\f0d8";
	} .desc a:after { content: "\00a0\f0d7"; } .sorting { font-weight:
	bold; }
  #advanced-search-form {
    padding-bottom: 42px; }
    #advanced-search-form label {
      font-size: 15.75px; }
    #advanced-search-form input {
      display: inline-block; }


#advanced-search, #search-form button {
	width: 30px; height: 32px; padding: 0 5px; text-indent: -9999px; transition: 0.5s all;
	margin: 0; color: #fff; background: #ccc; border-radius: 0; border:
	none; text-shadow: none; display: inline-flex; justify-content:
	center; align-items: center; border-right: solid 1px; }
/*
#advanced-search::after, #search-form button::after {
	font-family: "Font Awesome 5 Free"; position: absolute; display:
	block; font-weight: 900; text-indent: 0; text-align: center; } */

#advanced-search.button::after {
	content: "\f141"; } .remove_search { padding: 5.25px 10px;
	text-indent: -9999px; width: 31.5px; position: relative; height:
	31.5px; } .remove_search:after { content: "\f00d"; font-family:
	"FontAwesome"; text-indent: 0; text-align: center; width: 100%; top:
	0; left: 0; position: absolute; line-height: 31.5px; }
	.search-entry:first-child .advanced-search-joiner { display: none; }
  /* @end */ * @group ----- Collections ----- */

    .collections .item-img a { } .collections .item-img img { width:
    100%; height: auto; padding: 2%; background-color: #fff; }
    div.collection h2, div.exhibit h2, div.record h2 { margin-top: 0; }
  #collection-items h3,
  .view-items-link { clear: right; } .view-items-link { display: block;
  background-size: auto; margin: 0px; padding: 0px; color: #fff; }
  .view-items-link a{ color: #ffffff; font-weight: bold;
  text-decoration: none; font-size: 18pt;}
  /* @end */ * @group ----- Simple Pages ----- */

  /* @end */ * @group ----- Exhibits ----- */
  .exhibit { overflow: hidden; } .browse .exhibit { clear: both; }
  .browse #featured-exhibit .exhibit { padding: 0; border-top: 0; }
  .summary #exhibit-pages { width: calc(35% - 1.5em); float: right;
  position: relative; overflow: visible; margin-bottom: -21px; padding:
  21px 0; } .summary #exhibit-pages:after { content: ""; display: block;
  position: absolute; left: -21px; top: 0; bottom: 0; background-color:
  #DDD; width: 1px; }
  #exhibit-pages > ul > li:not(.parent) li {
    display: none; }
  #exhibit-pages > ul > li.current li {
    display: block; } .summary #content > h1:first-of-type { float:
    left; width: 65%; } .summary #content > h1:first-of-type {
    margin-right: 21px; } .summary #content #primary { margin-right:
    21px; } .exhibits #secondary h2 { margin-bottom: 21px; } .browse
    .exhibit { border-top: 1px solid #ddd; padding-top: 20px;
    margin-top: 21px; }
#exhibit-pages > ul > li {
    margin-bottom: 21px; }
#exhibit-pages ul {
    margin: 0px auto; padding: 0; overflow: hidden; }
#exhibit-pages ul ul {
      padding-left: 21px; margin-bottom: 0px; }
#exhibit-pages ul li {
      display: inline-block; padding: 0; }
#exhibit-pages ul li:last-of-type {
        margin-bottom: 0px; }
#exhibit-pages ul a {
      text-align: center; text-decoration: none; display: block;
      padding: 10px 20px; color: #fff; margin: 0px 10px 0px 0px;}
      #exhibit-pages ul li:nth-of-type(1) a {
    background: #ccc;}
#exhibit-pages ul li:nth-of-type(2) a {
    background: #c00;}
#exhibit-pages ul li:nth-of-type(3) a {
    background: #54abcb;}
#exhibit-pages ul li:nth-of-type(4) a {
    background: #6c6cb2;}   
#exhibit-pages ul a:hover {
        border-bottom: solid 4px #c00; }
#exhibit-pages .current > a {
    border-bottom: solid 4px #c00; }
#exhibit-page-navigation {
	margin: 0: padding: 1.6em 0;

}

.custom-nav { display: grid; grid-template-columns:
repeat(3,minmax(0,1fr)); grid-gap: 2%; margin-right: 2%; }
.exhibit-block { overflow: hidden; }

  .layout-file-text { background: #fff; border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc; }

.layout-text { max-width: 80%; margin: 0px auto; }

    .layout-text p{ margin: 0px auto; padding: 0px 0px 1.6em; }

    .exhibit-block .layout-gallery { background: #899dbe; padding: 0px;
    }

    .layout-gallery { max-width: 1200px; margin: 0px auto; }

   .layout-file-text div.item { display: flex; width: 100%; padding: 0;
   vertical-align: top; }

     .layout-file-text div.item h3 { display: none; }

  .exhibit-block > *:last-child { margin-bottom: 0; }
  /* @end */ * @group ----- Other Plugins ----- */
  #recaptcha_area input {
    display: inline; min-height: 0; }
  /* @end */ }

@media screen and (max-width: 844px) { body, #wrap { width: 100%;
margin: 0; }}
  #primary, secondary, exhibit-pages, sidebar {
    width: 100% !important; border-right: 0 !important; padding: 0
    !important; }
  #exhibit-pages {
    clear: both; } .exhibit #exhibit-pages:after,
  #content > #primary:not(:only-child):after {
    background-color: transparent; }
  #content > #primary:not(:only-child) {
    margin-bottom: 21px; }
  #secondary, sidebar {
    border-left: 0; }
  #search-container {
    width: 100%; background:#404040; padding: 5px 0}

@media screen and (max-width: 480px) {
  #site-title img {
    max-width: 100%; } } .navigation { position: relative; } 

  #admin-bar .navigation li {
    display: inline-block; border-color: transparent; } .sub-nav.open {
    width: 100%; min-width: 0; } .search-entry { margin-bottom: 21px; }
    .search-entry select, .search-entry input[type=text] { display:
    block; width: 100%; }


@media print { body { font-family: "Palatino Linotype", "Book Antiqua",
"Times New Roman", Times, serif; }
  #content {
    width: 100%; margin: 0; float: none; } h1,
  #site-title {
    font-size: 16pt; font-weight: bold; } h2 { font-size: 14pt;
    font-style: italic; }
  h3 { font-size: 14pt; }
  h4 { font-weight: bold; } h5 { font-weight: bold; font-style: italic;
  text-transform: uppercase; }
  a:link:after { content: " (" attr(href)
  ") "; font-size: 80%; }
  #search-container, primary-nav, header-image,
  .navigation, .pagination,
  #exhibit-page-navigation,
  .exhibit-section-nav, .exhibit-page-nav { display: none; } blockquote
  { margin: 10pt 0 0 0; font-style: italic; } }




/*
/=======================================================================
/=============================================
 * FRONT PAGE CUSTOMIZATION *
 =======================================================================
 =============================================*/

 .archiveinfo { margin: 10px 0px 10px; background: #fdfdfd; padding:
 0px; }



 .link_boxes { display: grid; grid-template-columns:
 repeat(2,minmax(0,1fr)); grid-gap: 3em; }

.link_boxes h3 a, .link_boxes h3{ color: #fff; text-transform:
uppercase; font-weight: 400; margin: 6px; }

.contactbox { background: #666666; margin: 0px; padding: 20px;
text-align: center;

}

.donatebox { background: #b51033; margin: 0px; padding: 20px;
text-align: center; }

/*

.flex-caption h2, .flex-caption h2 a, .flex-caption h2 a:visited {
color: #ffffff; margin-left: 20px; line-height: 32px; text-transform:
uppercase; }

*/


 #recent-items {
	margin: 0px; padding: 10px; background: #fdfdfd; } 
 #recent-items .item-description, #recent-items h3 a  {
    margin: 2% 2% 0; }

  #recent-items h3, #recent-items h3 a {
    color: #036; }


/*
/=======================================================================
/=============================================
 * RESPONSIVE *
 =======================================================================
 =============================================*/

@media screen and (max-width: 860px) {

  .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } }
  .flex-direction-nav .flex-next { opacity: 1; right: 0px; }

@media screen and (min-width: 860px) {

#home #content div.home_slider {
	float: left; width: 58%; margin-top: 10px; margin-bottom: 10px;
	overflow: hidden; } }

@media screen and (min-width: 768px){ .element-set .element h3 {
font-size: 16px; float: left; width: 14%; text-transform: none;
font-weight: 400; padding: 0 margin: 0 0 5px } } @media screen and
(min-width: 768px){ .element-set .element-text { line-height: 20px;
padding-top: 5px; padding-bottom: 0; width: 84%; float: right; margin: 0
0 5px; } }

 @media screen and (min-width: 860px){ .archiveinfo { width: 41%; float:
 right; margin: 10px 0px 10px; height: 468px; padding: 0px; } }

 @media screen and (min-width: 860px){ .archive-txt { margin: 0px 0px
 10px; padding: 20px; } }

 @media screen and (max-width: 400px){ div.item { display: block; width:
 100%; padding-top: 5px; padding-bottom: 0; float: right; margin: 0 0
 5px; } }


 /*
 /======================================================================
 /==============================================
 * exhibit customization *
 =======================================================================
 =============================================*/

 #exhibit-blocks .first-col {
     float: left; width: 15%; margin-right: 20px; padding-bottom:
     100px;}

#exhibit-blocks .second-col {
     float: left; width: 15%; margin-right: 20px; padding-bottom:
     100px;}

#exhibit-blocks .third-col {
     float: left; width: 15%; margin-right: 20px; padding-bottom:
     100px;}


/*
/=======================================================================
/=============================================
 * front page slideshow css *
 =======================================================================
 =============================================*/

* {box-sizing:border-box}

/* Slideshow container */

  .slideshow-container { max-width: 100%; position: relative; margin:
  auto; padding:40x 0; background:#ccc; 
}

@media (max-width: 600px) {
	.slideshow-container {display: none;}
}


.slideshow-container-inner {
	max-width: 80%;
	position: relative;
	margin: 0px auto;
	background: #000;
	padding: 0;
}

@media (max-width: 1024px) and (min-width: 601px)  {
	.slideshow-container-inner { max-width: 100%; }
}

.fade:nth-of-type(1){
	background: #5e4b42;
	padding:10px;
}
.fade:nth-of-type(2){
	background: #3f3f3f;
	padding:10px;
}
.fade:nth-of-type(3){
	background: #3f443e;
	padding:10px;
}
.fade:nth-of-type(4){
	background: #3f446d;
	padding:10px;
}







/* Hide the images by default */
.mySlides { display: none; }

.mySlides .image-container { width: 60%; overflow: hidden; max-height:
500px; margin-left: 40%; }

.mySlides .image-container img { margin-bottom: -10px;}

/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width:
auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold;
font-size: 26px; transition: 0.6s ease; border-radius: 0 3px 3px 0;
user-select: none; background:#999; }

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through
/*/
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }

/* Caption text */
.text-container { text-align: center; }

/* Number text (1/3 etc) */
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px;
position: absolute; top: 0; }

/* The dots/bullets/indicators */
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px;
background-color: #bbb; border-radius: 50%; display: inline-block;
transition: background-color 0.6s ease; }

.active, .dot:hover { border-bottom: solid 3px #c00; }

/* Fading animation */
.fade { animation-name: fade; animation-duration: 1.5s; }

@keyframes fade { from {opacity: .4} to {opacity: 1} }

.para-small { font-size: 0.8em; line-height: 1.25em; color: #000;
opacity: 0.5; }

.grid-5 { display: grid; grid-template-columns: repeat(5,minmax(0,1fr));
grid-gap: 1em; margin-right: 2em; }

.no-meta h3 { display: none; }

.exhibit-block.layout-carousel {
    background: #333;}
    
.exhibit-block.layout-carousel .slide-title a {
    color:#fff;
    text-decoration: none;
    }
	
	
.simple-page #content #primary {
	min-width: 300px;
	max-width: 800px;
	margin: 0px auto !important;
	padding-top: 0.4em !important;
}

.simple-page h1 {
	font-size: 3.2em;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

.slide-text-container {
	color: #f0f0f0;
	font-size: 15px;
	padding: 3em 32px 3em 22px;
	position: absolute;
	top: 0px;
	width: 40%;
	text-align: center;
}