/* global */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > div.container-fluid {
  width: 100%;
}
#content {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  margin: 0 auto;
  max-width: 1440px;
}
@media (min-width: 606px) {
  #content {
    min-width: 576px;
  }
}
@media (min-width: 798px) {
  #content {
    min-width: 768px;
  }
}
@media (min-width: 1022px) {
  #content {
    min-width: 992px;
  }
}
@media (min-width: 1230px) {
  #content {
    min-width: 1200px;
  }
}
@media (min-width: 1470px) {
  #content {
    min-width: 1440px;
  }
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5,
a,
a:hover,
a:focus,
a:active {
  color: #222;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: #fff !important;
  background-color: #999 !important;
  border-color: #555 !important;
}
.pagination > li > a,
.pagination > li > span {
  color: #999 !important;
  background-color: #fff !important;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #555 !important;
}
.breadcrumb {
  background-color: #f5f5f5 !important;
}
.btn {
  font-size: 0.9rem;
}
.btn:hover,
.btn:active,
.btn:focus {
  color: #212529;
}
.btn-primary {
  color: #fff !important;
  background-color: #c8102e !important;
  border-color: #c8102e !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  color: #fff !important;
  border-color: #8f0c29 !important;
  background-color: #8f0c21 !important;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff !important;
  background-color: #8f0c21 !important;
  border-color: #8f0c21 !important;
}
#whats-in-container {
  margin-top: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
  border: none;
  padding-left: 0;
}
.tabbing.navbar-default {
  margin: 0 1rem;
}
.tabbing.nav-pills > li > a {
  background-color: #ddd;
  color: #555;
}
.tabbing.nav-pills > li > a.active {
  background-color: #222;
  color: #fff;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  background-color: #aaa;
  color: #222;
}
select {
  /* missing form-control class overrides */
  height: 34px;
  padding: 6px 12px;
  margin-top: -1px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #555;
  background: #fff;
  font-size: 14px;
  line-height: 1.428571429;
}
.fa-2x,
.fa-4x {
  margin-bottom: 0.5rem;
}
.searchstatement {
  padding: 0.5rem;
  margin-bottom: 1rem;
}
ul.no-bullets {
  margin-bottom: 0.5rem;
}
.readmore__label {
  border: 1px solid #c8102e !important;
  color: #c8102e !important;
}
.more-facets .btn {
  border: 1px solid #c8102e !important;
  color: #c8102e !important;
}
/* header niu */
#header ul {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  padding: 0;
  min-height: 36px;
  list-style: none;
  align-items: center;
  width: 100%;
}
#header ul li:first-child {
  margin-right: auto !important;
  display: flex;
  align-items: center;
}
#header ul li a {
  font: 300 13px "Montserrat", sans-serif;
  display: block;
  width: auto !important;
  height: 36px;
  line-height: 36px;
  color: #fff;
  transition: 0.3s ease-in-out;
  background-color: transparent;
  padding: 0 8px;
  margin: 0;
  border: 0;
  border-right: none;
  text-decoration: none;
}
#header ul li a:hover,
#header ul li a:active,
#header ul li a:focus {
  color: #222;
  background-color: #fff;
  text-decoration: none;
}
#header .container-fluid {
  background-color: #c8102e;
  padding: 0;
}
#header .row {
  height: unset;
  border-bottom: none;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
#header .logo {
  float: left;
  height: 110px;
  text-align: left;
  margin: 8px 0;
}
#header h1 {
  color: #222;
}
#header h1 small {
  font-size: 80%;
}

/* main nav archivesspace */
#navigation {
  border-bottom: 2px solid #d5d5d5;
  margin-bottom: 1rem;
}
.navbar {
  border: none;
  border-radius: 0;
}
.navbar-default {
  background-color: transparent !important;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.top-bar {
  background: transparent !important;
  border: none !important;
  float: none !important;
}
@media (min-width: 768px) {
  .navbar-nav {
    /* float: right;
    margin: 0; */
    margin-left: auto !important;
    margin-right: unset !important;
  }
}
.navbar-default .navbar-nav > li {
  padding: 0 0.5rem !important;
}
.navbar-default .navbar-nav > li > a.nav-link {
  color: #222;
  /*  font-size: 1rem !important;
  letter-spacing: 1.25px; */
}

/* footer niu */

.panel-footer {
  margin-top: 3rem;
  padding: 16px;
  background-color: #222;
  color: #ccc;
  border-top: none;
  border-radius: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.panel-footer > .row {
  margin: 0 auto;
  max-width: 1440px;
}
.panel-footer a {
  color: #ccc !important;
}
.panel-footer .footer-items,
.panel-footer .col-sm-5 .text-right {
  text-align: left;
}
@media (min-width: 768px) {
  .panel-footer .col-sm-2 > p {
    margin-top: -3rem;
  }
  .panel-footer .col-sm-5 .text-right {
    text-align: right;
  }
}

a.themed-link {
  box-shadow: inset 0 -1px 0 #c8102e, inset 0 -1px 0 #c8102e;
}

a.themed-link:hover {
  box-shadow: inset 0 -1px 0 #a5a7a8, inset 0 -1px 0 #a5a7a8;
  text-decoration: none;
}

/* -------- request form -------- */

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 640px;
  }
}

#request-form-note-pre {
  margin-bottom: 2em;
}