:root {
    --link: #006161;
    --background: #ffffff;
    --text: #333333;
    --panel: #d6d2c4;
    --panelborder: #696969;
    --panelfooter: #dbdcdc;
    --edge: #808080;
    --header: #ffffff;
    /*--navbar: #F8F8FF; !* GhostWhite *!*/

    /* bootstap overrides */
    --bs-link-color: var(--link) !important;
    --bs-link-hover-color: var(--link) !important;
}
/* https://coolors.co/d6d2c4-006161-ffffff-000000-d0d3d4 */

/* http://www.sussex.ac.uk/tel/resource/tel_website/accessiblecontrast/?q=FFFFFF~003b49~1d4289~94a596~e56db1~d3273e~00bfb2~d6d2c4~ffc845~dc582a~41b6e6~1b365d~be84a3~5d3754~7da1c4~f2c75c~d0d3d4~007a78~000000 */
/* 1b365d */
/* d0d3d4 */
/* f2c75c */
/* d0d3d4 */

/* always show scrollbars */

::-webkit-scrollbar {
    -webkit-overflow-scrolling: auto;
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.welcome .py-lg-5 {
    padding-top: 0 !important;
}

.card-header {
    color: var(--text) !important;
    background-color: var(--panel) !important;
}

body {
    color: var(--text);
}

p.lead, .main-toolbar {
    margin-top: 1.5rem;
}

.service-content {
    margin: 1rem;
}

.blockquote {
    font-size: 1rem !important;
    border-left: solid 4px lightgrey !important;
    padding: 10px !important;
    color: grey !important;
    margin-left: 3rem !important;
}

.blockquote-footer {
}

.navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    margin-bottom: 2rem;
}

.navbar .navbar-nav {
    --bs-nav-link-padding-y: 0.3rem;
}

.service-content .section {
    margin-top: 0.5rem !important;
}

.service-content .section h2 {
    font-size: 1.7rem;
    margin-top: 1.3rem !important;
}

.service-content .section h3 {
    font-size: 1.5rem;
    margin-top: 1rem !important;
}

.service-content .section .plead {
    margin-top: 0.5rem !important;
}

.missing-icon {
    width: 22px;
    height: auto;
    display: inline-block;
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.service-content .type-icon {
    font-size: 120%;
    margin-right: 0.5rem;
}

.btn-search {
    margin-left: 0.5rem;
}

.btn-search .menu-icon {
    margin-right: 0.5rem;
}

.main-search {
    margin-top: 3rem;
}

.navbar .divider-vertical {
    height: 30px;
    margin: 0 9px;
    border-right: thin solid #ffffff;
    border-left: thin solid #f2f2f2;
    margin-top: 10px;
    opacity: 0.2;
}

.navbar-brand {
    margin-right: 3rem;
}

.group {
    padding-top: 1rem;
}

.resource .card-header {
    font-weight: 700;
    font-size: larger;
}

ul.outgoing-list, ul.incoming-list {
    list-style-type: none;
    padding: 0;
}

.list-predicate:not(:last-child) {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.footer {
    padding-top: 0rem;
    padding-bottom: 2rem;
}


.results {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.predicate {
    border-style: solid;
    border-radius: 5px;
    border-width: medium;
    padding: 0 5px 0 5px;
    border-color: var(--edge);
}

.button .predicate, .button .direction {
    border-color: var(--background);
}

.direction {
    color: var(--edge);
}

.button .predicate, .button .direction {
    border-color: var(--background);
}

a:link {
    color: var(--link);
    text-decoration: none;
}

a:visited {
    color: var(--link);
    text-decoration: none;
}

a:focus {
    border-bottom: 1px solid;
    color: var(--link);
    text-decoration: none;
}

a:hover {
    border-bottom: 1px solid;
    color: var(--link);
    text-decoration: none;
}

a:active {
    border-bottom: 1px solid;
    color: var(--link);
}

.navbar a:hover, .navbar a.navbar-brand:hover, .navbar .navbar-nav a:hover, .navbar .nav-item .dropdown-menu .nav-item a:hover, a.nav-link:hover {
    border-bottom: none !important;
    text-decoration: none !important;
}

.nav-item .menu-icon {
    margin-right: 0.3rem;
}

.pagination {
    --bs-pagination-color: var(--link) !important;
    --bs-pagination-hover-color: var(--link) !important;
    --bs-pagination-focus-color: var(--link) !important;
    --bs-pagination-active-bg: var(--link) !important;
    --bs-pagination-active-border-color: var(--link) !important;
}

.active>.page-link, .page-link.active {
    color: var(--background) !important;
    background-color: var(--link) !important;
    border-color: var(--link) !important;
}

.hidden {
    display: none;
}

.popover-resource-info {
  --bs-popover-max-width: 400px;
  --bs-popover-border-color: var(--panelborder);
  --bs-popover-header-bg: var(--panel);
  --bs-popover-header-color: var(--text);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}

.popover-property-label-info {
  --bs-popover-max-width: 400px;
  --bs-popover-border-color: var(--panelborder);
  --bs-popover-header-bg: var(--panel);
  --bs-popover-header-color: var(--text);
}

.library-system-metadata, .library-branch-metadata {
    margin-top: 1rem;
}

.library-system-title, .library-branch-title {
    font-size: 105%;
    font-weight: 600;
    margin-left: -1.5rem;
}

.library-branch-metadata .library_hours .library_hours_title {
    font-weight: bold;
    border-bottom: 1px grey solid;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.library-branch-metadata .library_hours .openingHours:nth-of-type(even) {
    background: #f9f9f9;
}

.library-branch-metadata .library_hours .openingHours {
    padding: 2px 3px;
}

.openingHours .b, .openingHours .e {
    padding: 0 3px;
}

.openingHours .e:before {
    font-family: FontAwesome;
    content: "\f068";
    color: slategray;
    opacity: 0.3;
    padding-right: 5px;
}

.library-branch-list .list-group-item:not(:last-child) {
  margin-bottom: 1.50rem;
  padding-bottom: 1.50rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.incoming-edge-target-label {
    margin-left: 0.5rem;
}

.incoming-edge-label {
    text-decoration-color: var(--edge);
    color: var(--edge);
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}


/* icon label spacing */
li.list-group-item span + a,
ul.list-unstyled li span + a,
ul.list-unstyled li a + span,
span.resource-type + span.resource-label,
span.resource-type + a span.resource-label {
    margin-left: 0.2rem;
}


.context {
    font-size: 90%;
}

.context .card {
    margin-bottom: 1rem;
}

.portal .portal-title h1 {
    font-size: larger;
}

h1.incoming-header {
    font-size: 2rem !important;
}

.header {
    font-size: xx-large;
}

.portal .portal-metadata .row {
    margin-bottom: -0.5rem;
}

.portal .portal-metadata hr {
    margin-top: 0.3rem !important;
    margin-bottom: 1rem !important;
}

.resource-context-link {
    opacity: 30%;
    font-size: 80%;
}

.btn-xs {
    font-size: small;
}

.property-label-popover-info .btn-link {
    padding: 3px !important;
}

.btn-borrow-action, .btn-register-action {
    color: var(--background) !important;
}

.btn-register-action {
    margin-bottom: 1.5rem;
}

dt .prop-label, .list-predicate .predicate-label {
    color: var(--text);
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.actions .card .card-header,
.incoming .card .card-header,
.outgoing .card .card-header,
.context .card .card-header,
.library-info .card .card-header,
.library-resources .card .card-header,
.link-analysis .card .card-header {
    color: var(--panelborder);
    font-weight: 600;
}

.library-info .card, .library-resources .card {
    margin-bottom: 2rem;
}

.portal-section {
    margin-bottom: 2em !important;
}

.library-resources .resource-list {
    font-size: 105%;
    font-weight: 600;
}

.portal-card .portal-card-body li {
    font-size: 105%;
    font-weight: 600;
}

.library-locations .card .card-body, .library-links .card .card-body {
    max-height: 400px;
    overflow: auto;
}

.resource-context .card .card-body {
    max-height: 300px;
    overflow: auto;
}

.library-info .card .card-body {
    max-height: 700px;
    overflow: auto;
}

.library-branch-name .library-branch-label, .library-branch-name .library-branch-type {
    font-weight: 500;
}

.library-branch-name .library-branch-label {
    margin-left: 0.3rem;
}

.library-branch-name .library-branch-borrow-action {
}

.library-branch-metadata .card .card-header {
    background-color: lightgray !important;
    font-weight: 600;
}

.link-analysis .card .card-header .btn {
    margin-left: 1rem;
}

span.resource-type {
    color: var(--panelborder);
}

.resource-type-index-count, .incoming-edge-index-count {
    margin-right: 0.5rem;
    font-size: 80%;
}

.external-link {
    margin-right: 0.2rem;
}

.external-url {
    margin-left: 0.2rem;
}

.incoming ul.incoming-list ul.list-group, .outgoing ul.outgoing-list ul.list-group {
    max-height: 400px;
    overflow-y: auto;
}

li.incoming-edge-list-group-item-btn {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.resource .card-body dd ul.value li, .portal .card-body dd ul.value li {
    padding: 0.1rem 0;
}

.incoming ul.incoming-list ul.list-group li, .outgoing ul.outgoing-list ul.list-group li {
    max-height: 400px;
    padding: 0.1rem 1rem;
}


ul.list-unstyled li {
    border: none;
}

.resource .card-body dl dd, .portal .card-body dl dd {
    margin-bottom: 1rem !important;
}

.predicate-label .badge {
    color: var(--text) !important;
    background-color: var(--panelfooter) !important;
}

/* services */

@media (max-width: 768px) {
    #sidenav {
        display: none;
    }
}

.service-content .menu-icon {
    margin-right: 0.3rem;
}

.service-content .type-icon {
    color: var(--link);
}

.id-resolver-example .id-resolver-title {
    padding-bottom: 10px;
    font-weight: 600;
}

.id-resolver-explanation {
    margin-left: 1rem;
}

/* enriched */

.service-content .catalog-resource {
    color: var(--link);
}

.service-content .enriched-resource {
    color: goldenrod !important; /* goldenrod */
}

.service-content .enriched-catalog-resource {
    margin-left: -0.7rem;
}

.btn-primary {
    color: #fff !important;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--link);
    --bs-btn-border-color: var(--link);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--link);
    --bs-btn-hover-border-color: var(--link);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--link);
    --bs-btn-active-border-color: var(--link);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--link);
    --bs-btn-disabled-border-color: var(--link);
}

.btn-outline-primary {
    --bs-btn-color: var(--link);
    --bs-btn-border-color: var(--link);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--link);
    --bs-btn-hover-border-color: var(--link);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--link);
    --bs-btn-active-border-color: var(--link);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--link);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--link);
    --bs-gradient: none;
}

.text-primary {
    --bs-text-opacity: 1;
    color: var(--link) !important;
}

a:not(.btn),
a:not(.btn):hover,
a:not(.btn):link,
a:not(.btn):active,
a:not(.btn):visited {
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
}