/* ------- Fonts ---------------------------- */
a .navheader {
    color: #000;
}

a {
    line-height: inherit;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

h1, .h1, h2, .h2, h3, .h3, h4, .site-title h1, .h4, h5, .preview-block h4, .preview-block .site-title h1, .site-title .preview-block h1, .h5, h6, .h6 {
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-style: normal;
    font-weight: 700;
    color: inherit;
    text-rendering: optimizeLegibility;
letter-spacing: -0.5px;
}

@media print, screen and (min-width: 40em){
h4 {
    font-size: 1.2rem;
}}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after, .toc-block>ul.dropdown>li.is-dropdown-submenu-parent>a::after, .toc-block ul ul.dropdown>li.is-dropdown-submenu-parent>a::after {
    
    border-color: #000 transparent transparent;

}

/* ------- Content & layout ---------------------------- */
#content {
    padding: 2rem 1rem;
max-width: 920px;
margin: auto;
}

.description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media print, screen and (max-width: 63.99875em){
.resource.show .media-embeds, .resource.show .media-list {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    margin-right: .625rem;
    margin-left: 0;
}}

/* ------- Universal Viewer ---------------------------- */
.iiif-metadata-component .groups .group .items .item .label {
    color: #fff;
    border-bottom: 1px solid #343434;
    margin: 15px 10px 0 0;
background: none;
padding: 0;
font-weight: 700;
}

.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}



/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.center {
  text-align: center;
}

