/** Navigation bar */

nav.navbar {
    background-color: var(--color-navbar-style-background) !important;
    border-bottom: var(--color-navbar-style-border-bottom-pixels) solid !important;
    border-bottom-color: var(--color-navbar-style-border-bottom) !important;
}

/* This class is added by JS (openaccess.js:81) when a 100px scroll is done */
nav.scrolled-navbar {
    background-color: var(--color-navbar-style-background-scrolled) !important;
}

nav .dropdown-item:hover {
    background-color: var(--color-navbar-style-background) !important;
}

.navbar-nav .nav-link,
nav.navbar-nav a:not(.dropdown a) {
    color: var(--color-navbar-link-text) !important;
}

.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover,
nav.navbar-nav a:hover,
nav.navbar-nav a:focus {
    color: var(--color-navbar-link-text-hover) !important;
}

nav.navbar-nav a.active {
    color: var(--color-navbar-link-text-active) !important;
}

/** Search Box */
#mySearcherTab #tabSearcher li.nav-item a.nav-link.active {
    background-color: var(--color-searchbox-mainbox-background) !important;
    color: var(--color-searchbox-tabs-text) !important;
}

#mySearcherTab #tabSearcher li.nav-item {
    background-color: var(--color-searchbox-tabs-inactivetab) !important;
    color: var(--color-searchbox-tabs-text-inactivetab) !important;
}

#mySearcherTab #tabSearcher li.nav-item:hover {
    background-color: var(--color-searchbox-tabs-inactivetab-hover) !important;
}

#tabSearcherContent {
    background-color: var(--color-searchbox-mainbox-background) !important;
    border-color: var(--color-searchbox-mainbox-border) !important;
}

.search_submit:not(.btn-danger),
.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--color-searchbox-button-background) !important;
    color: var(--color-searchbox-button-text) !important;
}

.search_submit:not(.btn-danger):hover,
.search_submit:not(.btn-danger):focus {
    background-color: var(--color-searchbox-button-background-hover) !important;
    color: var(--color-searchbox-button-text-hover) !important;
    border-color: var(--color-searchbox-button-border-hover) !important;
}

/** Badges */
.badge.badge-primary {
    background-color: var(--color-primary-badge-background) !important;
    color: var(--color-primary-badge-text) !important;
}

.badge.badge-primary:hover {
    background-color: var(--color-primary-badge-background-hover) !important;
    color: var(--color-primary-badge-text-hover) !important;
}

.badge.badge-secondary {
    background-color: var(--color-secondary-badge-background) !important;
    color: var(--color-secondary-badge-text) !important;
}

.badge.badge-secondary:hover {
    background-color: var(--color-secondary-badge-background-hover) !important;
    color: var(--color-secondary-badge-text-hover) !important;
}

.badge.badge-tertiary {
    background-color: var(--color-tertiary-badge-background) !important;
    color: var(--color-tertiary-badge-text) !important;
}

.badge.badge-tertiary:hover {
    background-color: var(--color-tertiary-badge-background-hover) !important;
    color: var(--color-tertiary-badge-text-hover) !important;
}

/** Links */
.footer a {
    color: var(--color-footer-link-text) !important;
}
.footer a:hover {
    color: var(--color-footer-link-text-hover) !important;
}

#content a,
.content-browse a,
.content-page a {
    color: var(--color-metadata-link-text) !important;
}

#content a:hover,
.content-browse a:hover,
.content-page a:hover {
    color: var(--color-metadata-link-text-hover) !important;
}

.sidebar a {
    color: var(--color-facets-link-text) !important;
}

.sidebar a:hover {
    color: var(--color-facets-link-text-hover) !important;
}

/** Types of Views (icons) */
.browse-btn-group .text-primary {
    color: var(--color-view-icontext-active) !important;
}

.ways-to-explore div .active,
.browse-btn-group .btn.active {
    background-color: var(--color-view-background-active) !important;
    color: var(--color-view-icontext-active) !important;
    border-color: var(--color-view-border) !important;
}

.browse-btn-group .btn.active i {
    color: var(--color-view-icontext-active) !important;
}

.ways-to-explore > div:hover,
.ways-to-explore > div:hover i,
.ways-to-explore > div:hover .text-body,
.browse-btn-group .btn:hover {
    background-color: var(--color-view-background-hover) !important;
    color: var(--color-view-icontext-active) !important;
}

.header-elements .fa-file-download {
    color: var(--color-view-icontext-active) !important;
}

.header-elements .fa-file-download:hover,
.header-elements .fa-file-download:focus {
    color: var(--color-view-icontext-active) !important;
}

/** Pagination */
.pagination .page-link.btn-primary-disabled {
    background-color: var(--color-pagination-background-active) !important;
    color: var(--color-pagination-text-active) !important;
}

.pagination .page-link:hover,
.pagination .page-link:active {
    background-color: var(--color-pagination-background-hover) !important;
    color: var(--color-pagination-text-hover) !important;
}

.pagination .page-link:focus {
    background-color: var(--color-pagination-background-active) !important;
}

.pagination .page-link {
    border-color: var(--color-pagination-border) !important;
}

.pagination .page-link:hover {
    border-color: var(--color-pagination-border-hover) !important;
}

/** Footer */
.footer {
    background-color: var(--color-footer-background) !important;
    color: var(--color-footer-text) !important;
}

/** Layout -> Homepage */
h1.home-title,
p.home-subtitle {
    color: var(--color-homepage-welcome-text) !important;
}

.featured-objects-section {
    background-color: var( --color-homepage-featured-objects-section-background) !important;
}

.collections-objects-section .object-content {
    border-color: var(--color-homepage-card-border) !important;
}

.collections-objects-section .object-content:hover {
    background-color: var(--color-homepage-card-background-hover) !important;
}

.collections-objects-section .title-carousel-element {
    color: var(--color-homepage-card-title) !important;
}

.collections-objects-section .description-carousel-element {
    color: var(--color-homepage-card-metadata) !important;
}

.collections-objects-section .start-exploring {
    color: var(--color-homepage-card-link) !important;
}

.collections-objects-section .arrow-container .arrow-line {
    background-color: var(--color-homepage-card-link) !important;
}

/** Layout -> Results List */
.container-result .h5 a {
    color: var(--color-results-list-title) !important;
}

.container-result .h5 a:hover {
    color: var(--color-results-list-title-hover) !important;
}

.metadata-header,
.list-group-item,
dl.item-list dd {
    color: var(--color-results-list-metadata) !important;
}

.fulltext-collapsed-container {
    background-color: var(--color-fulltextdropdown-background) !important;
    color: var(--color-fulltextdropdown-text) !important;
}

.fulltext-collapsed-container:hover {
    background-color: var(--color-fulltextdropdown-background-hover) !important;
    color: var(--color-fulltextdropdown-text-hover) !important;
}

/** Layout -> Details */
.content-view h1 {
    color: var(--color-details-title) !important;
}

.content-view .container-description {
    color: var(--color-details-description) !important;
}

.content-view h2 {
    color: var(--color-details-subtitle) !important;
}

.content-view p,
.content-view dt,
.content-view dd {
    color: var(--color-details-text) !important;
}