body {
  background-color: #efefef;
}

container{
  background-color: #efefef;
}

footer {
  background:#001E82;
  color: #FFFFFF;
}

footer a {
  color: #FFD200;
  text-decoration: underline;
}

footer a:hover {
  color: #FFFFFF;
}

a {
  color: #001E82;
}

a:hover {
  color: #000000;
}

.nav-link {
  color: #0CC0DF !important;
}

.nav-link:hover {
  color: #FFFFFF !important;
}

.active > .nav-link {
  color: #FFFFFF !important;
}

.text-muted {
  color: #4f565c !important;
}

/* Links in a paragraph e.g. abstract content in catalogue view */
p > a {
  text-decoration: underline;
}

/* Links in the class used for Abstracts on the entry view */
.col-md-8.col-lg-9.break-word.pre-line a {
  text-decoration: underline;
}

#tab-related {
  background-color: #efefef;
  color: #000000 !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #FFD200;
    background-color: #001E82;
    border-color: #312d81;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #FFFFFF;
    border-color: #dee2e6;
}

.page-link {
    background-color: #FFFFFF;
    color: #001E82;
}

.btn-link {
    color: #001E82;
}

.btn-link:hover {
    color: #0097B2;
}

.btn-primary {
    background-color: #001E82;
    border-color: #001E82;
    color: #FFD200;
}

.btn-primary:hover {
    background-color: #001E82;
    border-color: #001E82;  
    color: #FFFFFF;
}

.btn-light {
    background-color: #001E82;
    /* border-color: #312d81; */
    color: #FFD200;
    border-radius: 5px;
    transition: background-color 0.1s, border-color 0.1s, color 0.1s, border-radius 0.1s;
}

.btn-light:hover {
    background-color: #001E82;
    border-color: #001E82;
    color: #FFFFFF;
    border-radius: 7px;
}

.list-no-bullets {
  list-style-type: none;
}
.no-decorate:hover,
.no-decorate:focus {
  text-decoration: none;
}
:hover > .parent-decorate,
:focus > .parent-decorate {
  text-decoration: underline;
}
.no-js .print-link {
  display: none;
}
.break-word {
  word-wrap: break-word; /* Older, non-standard name for overflow-wrap. */
  overflow-wrap: break-word;
}
.pre-line {
  white-space: pre-line;
}
.breadbox > .card-body > * {
  margin-top: 1rem;
}
.breadbox > .card-body > *:first-child {
  margin-top: 0;
}
@media print {
  .row {
    /*
      Fix for truncated pages in Firefox (issue with display: flex).
      Ref: https://bugzilla.mozilla.org/show_bug.cgi?id=939897
      Breaks column layouts, but we can live with that.
    */
    display: block !important;
  }
  .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
  .text-md-right.text-print-left {
    text-align: left !important;
  }
  .breadbox a,
  .search-item a,
  .item-content a {
    text-decoration: none;
  }
}
.navbar-brand {
  white-space: normal;
  display: flex;
  align-items: center;
}

.navbar {
  background:#001E82;
}

.navbar-brand-logo {
width: 250px;
}

.navbar-brand-text {
  color: #FFFFFF;
}

.dropdown-width-300 {
  width: 300px;
  max-width: 90vw;
}
.dropdown-item {
  white-space: normal;
}
.btn-expand[aria-expanded="true"] {
  display: none;
}
.btn-expand[aria-expanded="true"] + .btn-collapse {
  display: inline;
}
.btn-expand[aria-expanded="false"] {
  display: inline;
}
.btn-expand[aria-expanded="false"] + .btn-collapse {
  display: none;
}
.continued-hint {
  -webkit-mask-image: linear-gradient(to top, transparent, black 2.75rem);
  mask-image: linear-gradient(to top, transparent, black 2.75rem);
}
main {
  min-height: calc(100vh - 14rem);
  padding-top: 1rem;
  padding-bottom: 3rem;
}
.btn-toggle[active] > .btn-toggle-icon-off {
  display: none;
}
.btn-toggle:not([active]) > .btn-toggle-icon-on {
  display: none;
}
.d-none-important {
  display: none !important;
}

/* This is for the total number of resources div */
.badge-light {
  background-color: #efefef;
}

/* This is for the citation and search bar div */
.card {
  background-color: #efefef;
}

.breadcrumb {
  background-color: #FFFFFF;
}