/*
  Library of Virginia refresh for the default (Thanks, Roy) theme.
  Loaded after style.css: LVA type system, softer chrome, LVA footer.
*/
:root {
  --font-primary: trade-gothic-next, "Helvetica Neue", Arial, sans-serif;
  --font-condensed: trade-gothic-next-condensed, "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-secondary: mr-eaves-modern, "Helvetica Neue", Arial, sans-serif;
  --blue-dark: #0D466A;
  --rule: rgba(0, 0, 0, 0.1);
  --radius: 8px;
}

@media screen {
  body {
    font-family: var(--font-primary);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, .recent-title, h3, .record .title, legend, h4, h5, h6 {
    font-family: var(--font-condensed);
    font-weight: 700;
    line-height: 1.15;
  }
  h1 {
    font-size: 2.75rem;
    text-transform: uppercase;
    color: var(--blue-dark);
  }
  h2, .recent-title { font-size: 1.9rem; }
  h3, .record .title { font-size: 1.35rem; }
  .exhibit-description p, .element-text {
    max-width: 72ch;
  }

  /* Navigation */
  #primary-nav ul.navigation a, #exhibit-pages a, .secondary-nav a, #secondary-nav a, .menu-button {
    font-family: var(--font-secondary);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 0.95rem;
  }
  #primary-nav ul.navigation > li a {
    padding: 12px 14px;
  }
  #primary-nav ul.navigation > li a:before {
    content: none;
  }
  #primary-nav ul.navigation {
    border-top: 2px solid var(--blue-dark);
  }
  #primary-nav ul.navigation > li a {
    border-bottom: 1px solid var(--rule);
  }
  #primary-nav .active > a {
    color: var(--blue-dark);
    box-shadow: inset 3px 0 0 var(--blue-dark);
  }
  #exhibit-pages h4, #exhibit-pages > ul > li {
    border-bottom-color: var(--rule);
  }
  #exhibit-pages > ul > li a {
    text-decoration: none;
    border-bottom: 0;
  }
  #exhibit-pages > ul > li a:hover, #exhibit-pages > ul > li a:focus {
    text-decoration: underline;
  }
  #exhibit-pages {
    border: 1px solid var(--rule);
    border-radius: var(--radius);
    padding: 8px 16px;
  }

  /* Buttons and search */
  .button, button, input[type=reset], input[type=submit], input[type=button], .pagination_next a, .pagination_previous a {
    font-family: var(--font-secondary);
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-radius: 100px;
  }
  #search-form input[type=text] {
    border-radius: 100px;
    padding-left: 16px;
    border: 1px solid var(--rule) !important;
  }
  #search-container #submit_search {
    border-radius: 0 100px 100px 0;
  }
  #search-container .show-advanced.button {
    border-radius: 0;
  }

  /* Metadata on item pages */
  .element-set h2 {
    font-family: var(--font-secondary);
    font-size: 1.05rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #555;
    border-bottom: 1px solid var(--rule);
    padding-bottom: 8px;
    margin: 32px 0 16px;
  }
  .element h3 {
    font-size: 0.85rem;
    font-family: var(--font-primary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #555;
    margin-bottom: 2px;
  }
  .exhibit-block img, .exhibit-item img, #itemfiles a img, .browse .item-img img, #collection-items .item img {
    border-radius: 6px;
  }

  /* Footer in LVA blue */
  footer[role=contentinfo] {
    background-color: var(--blue-dark);
    color: #fff;
    padding: 32px 24px;
    margin-top: 48px;
    font-size: 0.95rem;
  }
  footer[role=contentinfo] p {
    margin: 0 0 8px;
  }
  footer[role=contentinfo] a:link, footer[role=contentinfo] a:visited {
    color: #d4d4d4;
  }
  footer[role=contentinfo] a:hover, footer[role=contentinfo] a:focus {
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.1rem;
  }
}