@media screen {
    * {
      box-sizing:border-box
    }
    html {
      font-family:"Montserrat",serif;
      src: https://fonts.google.com/share?selection.family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000|Montserrat:ital,wght@0,200;1,200;
      font-size:16px;
      line-height:24px
      
    }
    body {
      margin:0;
      padding:0
    }
    body {
      background-color:#5f564b
      
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family:"Montserrat",serif
    }
    h1 {
      font-size:32px;
      margin:12px 0;
      line-height:48px
    }
    h2 {
      font-size:28px;
      margin:12px 0;
      line-height:48px
    }
    h3 {
      font-size:24px;
      margin:12px 0
    }
    h4 {
      font-size:20px;
      margin:12px 0
    }
    a {
      color:#d6bd9f
    }
    a:link,
    a:visited {
      text-decoration:none
    }
    a:hover {
      text-decoration:underline
    }
    p a,
    span a,
    div a {
      text-decoration:underline
    }
    table {
      border-collapse:collapse;
      width:100%
    }
    th {
      border-bottom:3px solid #d6bd9f;
      padding:6px
    }
    td {
      border-bottom:1px solid #ecd6b4;
      padding:6px
    }
    pre {
      overflow-x:scroll
    }
    textarea,
    input[type=text],
    input[type=password],
    input[type=email],
    input[type=url],
    input[type=number],
    input[type=date],
    input[type=datetime-local] {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      border:1px solid #d6bd9f;
      padding:5px
    }
    input[type=submit],
    button,
    .button {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      background-color:#d6bd9f;
      text-align:center;
      padding:6px;
      border-radius:2px;
      color:#7d694f;
      line-height:24px;
      display:inline-block;
      font-weight:bold;
      border:0;
      cursor:pointer
    }
    input[type=submit]:hover,
    button:hover,
    .button:hover {
      background-color:#d6bd9f;
      color:#e2d1a7;
      border-bottom-width:0px
    }
    input[type=submit].inactive,
    button.inactive,
    .button.inactive {
      background-color:rgba(0,0,0,.08);
      color:#a7947d
    }
    [type=submit] {
      margin-left:28.5714285714%
    }
    input[type=checkbox] {
      margin:0;
      vertical-align:bottom
    }
    select {
      -webkit-appearance:auto;
      appearance:auto;
      background-color:#ffeed8;
      border:1px solid #d6bd9f;
      border-radius:2px;
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      padding:5px;
      padding-right:24px;
      background:#fff url(../../../../application/asset/img/select-arrow.svg) no-repeat;
      background-position:right 6px center;
      background-size:8px;
      height:36px
    }
    .field {
      display:flex;
      flex-wrap:wrap;
      margin:24px 0
    }
    .field .field-meta {
      width:28.5714285714%;
      text-align:right;
      padding:6px 24px 0 0
    }
    .required.field .field-meta:after {
      content:"*"
    }
    .field .field-meta .field-description {
      font-size:14px;
      line-height:18px;
      font-style:italic
    }
    .field .inputs {
      width:69.387755102%
    }
    .field .inputs .value {
      margin-bottom:12px
    }
    .oc-content-inner {
      background-color:#fff
    }
    .oc-content-inner:after {
      content:"";
      background-color:#ffe8cf;
      position:absolute;
      top:100%;
      right:0;
      left:0;
      z-index:-1
    }
    nav ul {
      list-style-type:none
    }
    .pagination {
      display:flex;
      flex-wrap:wrap;
      align-items:center
    }
    .pagination .button {
      min-width:36px
    }
    .pagination form {
      display:inline-block;
      margin-right:12px
    }
    .pagination .pagination-buttons {
      margin-right:12px
    }
    .pagination input[type=text] {
      text-align:center
    }
    #skipnav {
      position:fixed;
      top:24px;
      left:50%;
      border:1px solid #d6bd9f;
      transform:translateX(-50%);
      z-index:-5;
      padding:6px;
      background-color:#ffe3b8;
      opacity:0
    }
    #skipnav:focus {
      z-index:1000;
      opacity:1
    }
    header {
      max-width:1200px;
      margin:0 auto;
      color:#d6bd9f;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:12px 24px;
      flex-wrap:wrap
    }
    header:before {
      content:"";
      position:absolute;
      top:0;
      left:-9999px;
      right:-9999px;
      bottom:0;
      background-color:#d6bd9f;
      z-index:-1
    }
    header a:link,
    header a:visited {
      color:#f7d7ae
    }
    header .site-title {
      display:inline-block;
      vertical-align:middle;
      margin-right:auto
    }
    header .site-title img {
      vertical-align:top
    }
    header h1 {
      margin:6px 24px 6px 0;
      font-size:20px;
      line-height:24px
    }
    header nav {
      padding:24px;
      font-size:14px;
      line-height:18px
    }
    header nav ul {
      padding-left:0
    }
    header nav>ul>li {
      border-bottom:1px solid #ffe7ba;
      padding-bottom:11px;
      margin-bottom:12px
    }
    header nav>ul>li:last-child {
      border-bottom:0
    }
    header nav>ul>li>ul li {
      padding-left:12px;
      text-indent:-12px;
      margin:6px 0
    }
    header nav>ul>li>ul li:before {
      content:"—";
      color:#d6bd9f;
      width:12px;
      display:block;
      float:left
    }
    header nav ul ul ul {
      display:block
    }
    header nav a:link,
    header nav a:visited {
      color:#d6bd9f
    }
    #search-form {
      border:1px solid #ffe8be;
      border-radius:2px;
      margin:0 12px 0 0;
      height:36px;
      overflow:hidden;
      display:flex
    }
    #search-form>* {
      vertical-align:top
    }
    #search-form input[type=text] {
      background-color:#605443;
      color:#eece96;
      border:0
    }
    #search-form button[type=submit] {
      margin-left:0;
      text-indent:-9999px;
      position:relative
    }
    #search-form button[type=submit]:before {
      content:"🔎";
      font-family:"Montserrat";
      text-indent:0;
      position:absolute;
      top:0;
      right:0;
      left:0;
      bottom:0;
      line-height:36px
    }
    #search-form button,
    #menu-button {
      border:1px solid #473f2e;
      border-radius:2px;
      width:36px;
      height:36px;
      text-align:center;
      font-size:18px
    }
    #search-form button {
      border-width:0px 0px 0px 1px;
      border-radius:0
    }
    .banner {
      display:flex;
      justify-content:center;
      overflow:hidden
    }
    .banner.contained {
      max-width:1200px;
      margin:0 auto;
      padding:0 24px
    }
    .banner img {
      width:75%
    }
    footer {
      max-width:1200px;
      margin:0 auto;
      padding:24px;
      overflow:hidden
    }
    .oc-container,
    .oc-pusher,
    .oc-content {
      height:100%
    }
    .oc-content,
    .oc-content-inner {
      position:relative
    }
    .oc-container {
      position:relative;
      overflow:hidden
    }
    .oc-pusher {
      height:auto;
      min-height:100vh;
      position:relative;
      left:0;
      transition:transform 400ms;
      z-index:99
    }
    .oc-pusher::after {
      content:"";
      height:0;
      position:absolute;
      top:0;
      right:0;
      opacity:0;
      width:0;
      transition:opacity 400ms,width .1s 400ms,height .1s 400ms;
      background:transparent
    }
    .oc-menu-open .oc-pusher::after {
      height:100%;
      opacity:1;
      transition:opacity 400ms;
      width:100%
    }
    .oc-menu {
      height:100%;
      position:absolute;
      top:0;
      left:0;
      transition:all 400ms;
      visibility:hidden;
      width:225px;
      z-index:100;
      background:#d6bd9f
    }
    .oc-menu-open .oc-menu::after {
      height:0;
      opacity:0;
      transition:opacity 400ms,width .1s 400ms,height .1s 400ms;
      width:0
    }
    .oc-push.oc-menu {
      transform:translate3d(-100%, 0, 0)
    }
    .oc-push.oc-menu::after {
      display:none
    }
    .oc-push.oc-menu-open .oc-pusher {
      transform:translate3d(225px, 0, 0)
    }
    .oc-push.oc-menu-open .oc-push.oc-menu {
      overflow:hidden;
      overflow-y:scroll;
      transition:transform 400ms;
      visibility:visible
    }
    .no-js .oc-menu {
      height:auto;
      position:static;
      transform:translate3d(0, 0, 0);
      width:100%;
      visibility:visible
    }
    .no-js #oc-trigger {
      display:none
    }
    .no-js .oc-pusher {
      padding-left:0
    }
    .no-csstransforms3d .oc-pusher {
      padding-left:225px
    }
    #content {
      max-width:1200px;
      margin:0 auto;
      padding:24px;
      overflow:hidden
    }
    #content>*:first-child {
      margin-top:0
    }
    nav.breadcrumbs {
      padding:6px;
      border-radius:2px;
      margin:12px 0;
      background-color:#ffe7be
    }
    .sub-menu ul {
      padding-left:0;
      margin:0
    }
    .sub-menu li {
      display:inline-block
    }
    .sub-menu a {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      background-color:#b58e62;
      text-align:center;
      padding:6px;
      border-radius:2px;
      color:#f2cc98;
      line-height:24px;
      display:inline-block;
      font-weight:bold;
      border:0;
      cursor:pointer;
      margin-bottom:6px
    }
    .sub-menu a:hover {
      background-color:#af9d86;
      color:#e8bf7e;
      border-bottom-width:0px
    }
    .sub-menu a.inactive {
      background-color:rgba(0,0,0,.08);
      color:#f5cc93
    }
    .site-page-pagination {
      clear:both;
      margin:0 auto;
      padding:24px 0;
      color:#fff;
      max-width:1200px
    }
    .site-page-pagination a {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      background-color:#95836d;
      text-align:center;
      padding:6px;
      border-radius:2px;
      color:#eee;
      line-height:24px;
      display:inline-block;
      font-weight:bold;
      border:0;
      cursor:pointer
    }
    .site-page-pagination a:hover {
      background-color:#d6bd9f;
      color:#fff;
      border-bottom-width:0px
    }
    .site-page-pagination a.inactive {
      background-color:rgba(0,0,0,.08);
      color:#999
    }
    ul.resource-list {
      list-style-type:none;
      padding-left:0
    }
    ul.resource-list .resource {
      border-bottom:1px solid rgba(0,0,0,.08);
      padding-bottom:23px;
      margin:24px 0;
      overflow:hidden;
      position:relative
    }
    ul.resource-list .resource>*:last-child {
      margin-bottom:0
    }
    ul.resource-list .resource:first-child {
      border-top:1px solid rgba(0,0,0,.08);
      padding-top:23px
    }
    ul.resource-list .resource img {
      height:auto;
      width:96px;
      float:right;
      margin-left:12px
    }
    ul.resource-list .resource h4 {
      margin-top:0
    }
    .body-truncate-fadeout ul.resource-list .resource .description {
      max-height:96px;
      overflow:hidden;
      position:relative
    }
    .body-truncate-fadeout ul.resource-list .resource .description:after {
      content:"";
      position:absolute;
      top:66px;
      left:0;
      right:0;
      height:30px;
      background:linear-gradient(to top, white, rgba(255, 255, 255, 0))
    }
    .body-truncate-ellipsis ul.resource-list .resource .description {
      display:-webkit-box;
      -webkit-line-clamp:4;
      -webkit-box-orient:vertical;
      overflow:hidden
    }
    ul.resource-list .resource img~* {
      width:calc(100% - 108px)
    }
    .expand:after,
    .collapse:after {
      font-family:"EB Garamond";
      font-weight:900
    }
    .expand:after {
      content:""
    }
    .collapse:after {
      content:""
    }
    .collapsible {
      display:none
    }
    .collapse+.collapsible {
      width:100%;
      display:block;
      margin:24px 0;
      padding-left:24px;
      border-left:3px solid #eee;
      overflow:hidden
    }
    .resource.show #content>h2:first-of-type {
      margin-bottom:0;
      display:block;
      width:80%;
      float:right;
      word-break:break-word;
      margin:0 6px 24px 0
    }
    .resource.show #content>h2+h3 {
      font-family:"Montserrat",serif;
      font-size:16px;
      background-color:#d6bd9f;
      color:#e7e7e7;
      padding:6px 12px;
      display:block;
      margin:6px 0;
      line-height:24px;
      width:calc(20% - 18px);
      float:left;
      text-align:right
    }
    .with-sidebar {
      width:65%;
      float:left
    }
    .resource.show .media-list,
    .resource.show .property {
      margin-bottom:24px;
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      padding-right:24px;
      width:100%
    }
    .resource.show .media-list:last-child,
    .resource.show .property:last-child {
      margin-bottom:0
    }
    .media-list dt,
    .property dt {
      font-weight:bold
    }
    .media-list dt,
    .property dt,
    .media-list .value,
    .property .value {
      width:100%;
      margin:0 0 6px
    }
    .item-with-metadata .property dt,
    .item-with-metadata .media-list dt,
    .full-width .media-list dt,
    .full-width .property dt,
    #linked-resources>dt {
      width:25%;
      text-align:right;
      display:inline-block;
      margin:0;
      vertical-align:top;
      padding-right:12px;
      font-size:16px;
      line-height:24px
    }
    .resource.show .property .field-term {
      font-size:12px;
      display:inline-block
    }
    .item-with-metadata .property .value,
    .full-width .property .value,
    .full-width .media-list dt~.resource-link {
      width:75%;
      display:inline-flex;
      flex-wrap:wrap;
      text-align:left;
      margin-left:0
    }
    .item-with-metadata .property .value:not(:first-of-type),
    .full-width .property .value:not(:first-of-type),
    .full-width .media-list dt~.resource-link:not(:first-of-type) {
      border-top:1px solid #eee;
      padding-top:5px
    }
    .resource.show .property .language {
      background-color:rgba(255, 239, 204, 0.08);
      padding:0 6px;
      margin-right:6px
    }
    .values .value {
      display:flex;
      align-items:center;
      flex-wrap:wrap
    }
    .values .value:not(:last-child) {
      margin-bottom:12px
    }
    .value-content:not(:only-child) {
      margin-right:6px
    }
    .resource-link {
      display:inline-flex;
      align-items:center;
      vertical-align:bottom
    }
    .resource-link img {
      height:36px;
      width:auto;
      vertical-align:middle;
      margin:0 6px 0 0
    }
    .resource.show .property table {
      margin-top:-6px
    }
    .resource.show #itemfiles.media-list {
      width:100%;
      margin-bottom:24px
    }
    .resource.show .media-embeds,
    .resource.show .media-list .resource-link:not(:last-child) {
      margin-bottom:24px
    }
    .resource.show .media-list .resource-name {
      word-wrap:break-word;
      display:block
    }
    .resource.show .media-list~* {
      clear:both
    }
    .media-render {
      clear:both
    }
    .media-render>* {
      max-width:100%
    }
    .media.resource.show .property {
      width:100%;
      display:flex
    }
    .media.resource.show .property dt {
      width:20%
    }
    .media.resource.show .property .value {
      width:80%
    }
    .media.resource.show .media-render {
      margin:24px 0;
      text-align:center
    }
    #item-linked {
      clear:left
    }
    #item-linked h3 {
      margin:12px 0 36px
    }
    #linked-resources {
      display:flex;
      justify-content:flex-end;
      width:80%;
      flex-wrap:wrap;
      align-items:flex-start
    }
    #linked-resources caption {
      text-align:left;
      font-weight:bold;
      padding:6px 6px 3px;
      border-bottom:3px solid #ffdfab
    }
    #linked-resources th {
      text-align:left;
      border-bottom:1px solid #ffd8a5
    }
    .linked-header,
    .linked-footer {
      width:100%;
      margin-bottom:24px;
      display:flex;
      justify-content:flex-end
    }
    #linked-filter {
      display:flex;
      align-items:center;
      width:50%;
      justify-content:flex-start;
      margin-right:auto
    }
    #linked-filter h4 {
      font-size:16px;
      width:auto;
      padding:0;
      margin-right:6px;
      text-align:left
    }
    #linked-resources>h4 {
      padding:6px;
      margin:0;
      text-align:right
    }
    #item-linked .pagination {
      width:50%;
      text-align:right
    }
    #item-linked .resource-link img {
      height:36px;
      width:auto;
      display:block;
      margin-right:6px
    }
    #linked-resources .linked-resource {
      border-bottom:1px solid #eee;
      margin-bottom:12px;
      width:75%;
      padding:0 6px 11px
    }
    #linked-resources .resource-link {
      display:flex;
      align-items:center
    }
    .item-set-items {
      clear:both
    }
    .filter {
      border-radius:2px;
      margin-bottom:12px;
      border:1px solid #ffe1aa;
      display:inline-block
    }
    .filter-label {
      display:inline-block;
      padding:5px
    }
    .filter-value {
      padding:5px 12px;
      display:inline-block;
      background-color:#ffd68f;
      color:#fff
    }
    a.advanced-search {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      background-color:#ffdaaa;
      text-align:center;
      padding:6px;
      border-radius:2px;
      color:#eee;
      line-height:24px;
      display:inline-block;
      font-weight:bold;
      border:0;
      cursor:pointer;
      float:right
    }
    a.advanced-search:hover {
      background-color:#d6bd9f;
      color:#fff;
      border-bottom-width:0px
    }
    a.advanced-search.inactive {
      background-color:rgba(0,0,0,.08);
      color:#ffebb9
    }
    .browse-controls {
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap
    }
    .browse-controls>* {
      margin-bottom:12px
    }
    .sorting button {
      margin-left:0
    }
    .resource-list .resource .resource-link {
      display:inline
    }
    .resource.show .sidebar.right {
      width:35%;
      float:right;
      padding-left:24px
    }
    .resource.show .sidebar.right .media-list,
    .resource.show .sidebar.right .media-list dt,
    .resource.show .sidebar.right .media-list .resource-link,
    .resource.show .sidebar.right .property dt,
    .resource.show .sidebar.right .property .value {
      width:100%;
      text-align:left;
      padding-right:0
    }
    .resource.show .sidebar.right .media-list dt {
      margin-bottom:6px
    }
    .resource.show .sidebar.right .media-list .resource-link {
      align-items:flex-start;
      word-break:break-word
    }
    .resource.show .sidebar.right .media-render * {
      max-width:100%;
      height:auto
    }
    #advanced-search .inputs .value {
      margin-bottom:12px
    }
    .remove-value.button {
      width:36px;
      height:36px;
      position:relative;
      margin-left:6px;
      text-indent:-9999px
    }
    .remove-value.button:before {
      text-indent:0;
      position:absolute;
      top:0;
      bottom:0;
      right:0;
      left:0;
      padding:6px;
      line-height:24px
    }
    .query-property {
      width:30%
    }
    .sitewide-search-form {
      display:none
    }
    .results {
      margin-bottom:48px;
      clear:both
    }
    .results ul {
      list-style:none;
      padding-left:0
    }
    .results .result-title {
      font-weight:bold
    }
    .results>ul {
      margin:0;
      display:flex;
      flex-wrap:wrap
    }
    .results>ul>li {
      margin-bottom:24px;
      width:calc(50% - 24px)
    }
    .results>ul>li:nth-child(2n) {
      margin-left:24px
    }
    .results .result-site,
    .results ul ul {
      padding-left:12px;
      display:block
    }
    .results>a:last-child {
      font-family:"Montserrat",serif;
      font-size:16px;
      line-height:24px;
      background-color:#d6bd9f;
      text-align:center;
      padding:6px;
      border-radius:2px;
      color:#eee;
      line-height:24px;
      display:inline-block;
      font-weight:bold;
      border:0;
      cursor:pointer;
      margin-top:0
    }
    .results>a:last-child:hover {
      background-color:#d6bd9f;
      color:#fff;
      border-bottom-width:0px
    }
    .results>a:last-child.inactive {
      background-color:rgba(0,0,0,.08);
      color:#999
    }
    .pagination+.results {
      margin:24px 0 0;
      clear:both
    }
    .sitewide-search-form~.results+.pagination {
      margin-top:0
    }
    .sitewide-search-form~.advanced-search {
      display:block;
      float:left
    }
    .sitewide-search-form~p {
      clear:both
    }
    .sitewide-search-form~h2 {
      width:50%;
      float:left;
      clear:both
    }
    .sitewide-search-form~.pagination {
      margin:30px 0 24px;
      text-align:right;
      width:50%;
      float:right
    }
    .index.search .results ul li {
      margin-bottom:6px;
      padding-bottom:6px;
      border-bottom:1px solid #eee
    }
    .value a.metadata-browse-link {
      font-size:14px
    }
    button.slick-arrow:hover {
      background-color:transparent
    }
    button.slick-arrow:hover span:before {
      color:#d6bd9f
    }
  }
  @media screen and (max-width: 640px) {
    img,
    select {
      max-width:100%;
      height:auto
    }
    .field .field-meta,
    .field .inputs {
      width:100%;
      text-align:left;
      margin-bottom:6px
    }
    .item.resource.show #content {
      display:flex;
      flex-wrap:wrap
    }
    .item.resource.show #content>h2+h3 {
      order:1;
      width:auto;
      margin:0
    }
    .item.resource.show #content>h2 {
      order:2;
      width:100%
    }
    .item.resource.show #content>.media-list {
      order:3;
      width:100%;
      margin-top:0;
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap
    }
    .item.resource.show #content>* {
      order:4;
      width:100%
    }
    .item.resource.show .property {
      display:block
    }
    .item.resource.show .property dt,
    .item.resource.show .property .value,
    #linked-resources,
    #linked-resources>dt,
    #linked-resources .linked-resource {
      text-align:left;
      width:100%;
      float:none
    }
    #linked-resources>h4,
    #linked-resources .linked-resource {
      padding-left:0;
      padding-right:0
    }
    .linked-resource .resource-link {
      flex:2
    }
    .linked.resources .resource-class {
      flex:1
    }
    .index.search .results ul {
      columns:1
    }
    .site-page-pagination {
      padding:24px
    }
  }