/* Header betasite-banner */
#header #betasite-banner a:focus-visible {
    outline: 2px solid #ffffff !important; 
}

#header #betasite-banner a:hover, 
#header #betasite-banner a:active {

}

/* END Header betasite-banner */

/* Header */

#header nav a:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

#header nav a:hover, 
#header nav a:active {
    font-weight: bold;
}

#header .navbar-dark .navbar-toggler {
    background-color: #2980b9 !important;
    border-color: #ffff !important;
}

#header nav.menu-top button:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

/* END Header */

/* Searcher */

#mySearcherTab button:focus-visible {
    outline: 2px solid #000000 !important; 
}

#mySearcherTab a:focus-visible, 
button#sidebarCollapse:focus-visible,
.dropdown-menu a.dropdown-item:focus-visible  {
    outline: 2px solid #2980b9 !important; 
}

#sidebar button.close_sidebar:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

.searcher-advanced-home #tabSearcher li.nav-item{ 
    background: #ebebeb !important;
}

#mySearcherTab #tabSearcher li.nav-item {
    background: #ebebeb !important;
}

#mySearcherTab #tabSearcher li.nav-item  a.nav-link{
    color: #000 !important;
}

#sidebar button.close_sidebar:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

#sidebar-filter:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

.bootstrap-tagsinput:focus-within {
    outline: 2px solid #2980b9 !important; 
}

button#export-pdf:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

/* END Searcher */

/* Footer */


#footer a:not(.social_media):focus-visible {
    outline: 2px solid #2980b9 !important; 
}

#footer a:not(.social_media):hover, 
#footer a:not(.social_media):active {
    text-decoration: underline !important;
}

#footer .social-icon svg:hover {
    fill: #2980b9;
}

#footer .social-icon a:focus-within svg {
    fill: #2980b9;
    outline: 2px solid #2980b9 !important; 
}

.order-show #drop-relevance:focus-visible, 
.order-show #drop-pagination:focus-visible {
    outline: 2px solid #2980b9 !important;     
    border: none;
}

#footer .share ul li a:focus-visible {
    color: #fff;
    background: #2196f3;
}

#footer .share button:focus-visible {
    outline: 2px solid #2980b9 !important;     
    background: #fff;
}

#footer .share button:focus-visible:before {
    color: #2196f3;
}

/* END Footer */

/* Content */
.home-browse .list:focus-within {
    background: #600961 url(../img/img-list.webp) no-repeat center center;
    background-size: cover;
}

.home-browse .timeline:focus-within {
    background: #007370 url(../img/img-timeline.webp) no-repeat center center;
    background-size: cover;
}

.home-browse .gallery:focus-within {
    background: #BA5D02 url(../img/img-gallery.webp) no-repeat center center;
    background-size: cover;
}

.home-browse .map:focus-within {
    background: #6886B3 url(../img/img-map.webp) no-repeat center center;
    background-size: cover;
}

.home-browse .list:focus-within,
.home-browse .timeline:focus-within,
.home-browse .gallery:focus-within{
    outline: 2px solid #2980b9 !important; 
}

.collection  div.container div.row > div:hover {
    background-color: rgb(0 0 0 / 10%) !important;
}

.collection  div.container div.row > div:focus-within {
    outline: 2px solid #2980b9 !important;
}

.collection  div.container div.row > div:focus-within p,
.collection  div.container div.row > div:hover p{
    font-weight: bold;
}

ul li.lslide:hover,
ul li.lslide:focus-within {
    background-color: rgb(0 0 0 / 10%) !important;
}

ul li.lslide:focus-within a p,
ul li.lslide:hover a p {
    font-weight: bold;;
}

.modal button:focus-visible {
    outline: 2px solid #000000 !important; 
}


/* END Content */

.btn-primary:focus {
    background-color: #2980b9e0 !important;
    border-color: #2980b9e0 !important;
}

.block_search_fulltext .custom-control:focus-within,
.block_advance_search_fulltext:focus-within {
    outline: 2px solid #2980b9 !important; 
}

.nav-tabs .nav-link:focus {
    font-weight: bold;
}


/* Types of search, list, time etc. */
div.header-browse a:focus > i{
    color: #000000  !important;
}

div.header-browse a:focus > i.active {
    outline: 1px solid #718D9B !important;
}

/* select2 */
span.select2-selection:focus {
    outline: 1px solid #718D9B !important;
}


/* Search results */

.form-control:focus-visible {
    
    outline: 2px solid #2980b9 !important; 
    border: none;
    
    /*
    border-color: #80bdff;
    outline: 1px solid #718D9B !important;
    */
}

.bootstrap-tagsinput span.tag:focus-within {

    outline: 2px solid #2980b9 !important; 
    border: none;
    
}

dl.item-list dd a:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

#advanced .select2-container--default .select2-selection--single:focus {
    outline: 2px solid #2980b9 !important; 
    border: none;
}

span.select2-selection:focus-visible {
    outline: 2px solid #2980b9 !important; 
    border: none;
}

.searcher-view ul.nav li a:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

.searcher-view ul.nav li a:hover {
    text-decoration: underline  !important; 
}

div.row > div.result > div.row > div.search-thumbnail:focus-within, 
div.row > div.result > div.row > div > .h5:focus-within,
div.row > div.content-time > div.row > div > .h5:focus-within {
    outline: 2px solid #2980b9 !important;
    padding-left: 0.4rem;
}

div.row > div.result > div.row > div > .h5 a:hover {
    text-decoration: underline !important;
}

div.row > div.content-result > div.container-result > div.row:focus-within {
    outline: 2px solid #2980b9 !important;
}

div.row div:focus-within > .card .card-img-actions .card-img-actions-overlay {
    opacity: 1;
    visibility: visible;
}

.card-img-actions:focus .card-img-actions-overlay {
    opacity: 1;
    visibility: visible
}

.content-result a:focus-visible .card-img-actions .card-img-actions-overlay, 
div.row div:focus-within > .card .card-img-actions .card-img-actions-overlay {
    opacity: 1;
    visibility: visible
}


.container-result button:focus-visible{
    outline: 2px solid #2980b9 !important;
}

/* END Search results */
/* Facets */

div.card-body div.list-group a.list-group-item:focus-visible {
    outline: 2px solid #2980b9 !important;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

div.card-body div.list-group a:hover {
    background-color: rgb(0 0 0 / 10%) !important; 
}

.card h2.card-header:focus-within,
.card button.card-header:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

.card h2.card-header:hover,
.card button.card-header:hover  {
    background-color: rgb(0 0 0 / 10%) !important; 
}


.card a.badge:focus-visible {
    color: #f6f6f6 !important;
    font-size: 79%;
    outline: 2px solid #2980b9 !important; 
}

.card .btn-secondary:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

/* END Facets */

/* Object view */
.links_manifest-contact a:focus-visible {
    outline: 2px solid #2980b9 !important;
}

.links_manifest-contact button:focus-visible {
    color: #2980b9 !important;
    outline: 2px solid #2980b9 !important;
}

.attachments-files div a:focus-visible {
    outline: 2px solid #2980b9 !important;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.collection-section .collection-item:focus-within {
    outline: 2px solid #2980b9 !important;
}

a.browse_collection:focus-visible {
    /* outline: 2px solid #2980b9 !important; */
    outline: 2px solid #ffffff !important;
}

a:focus-visible > i.fa-download,
a:focus-visible > i.fa-file-archive {
    color: #2980b9;
    outline: 2px solid #2980b9 !important;
    padding: 0.2rem;
}

.content-view dl dd a:focus-visible{
    color:#2980b9;
    outline: 2px solid #2980b9 !important;
}

.multi-text_after button:focus-visible,
.tool-multiwrapbox button:focus-visible{
    outline: 2px solid #2980b9 !important;
} 

/* Cookie banner */
#cookie-banner div #consent-cookies:focus-visible {
    outline: 2px solid #ffffff !important;
}

#cookie-banner div #consent-cookie:hover {
    background-color: #2980b9e0 !important;
    border-color: #2980b9e0 !important;
}

#cookie-banner div span a:focus-visible {
    outline: 2px solid #2980b9 !important;
}

#cookie-banner div span a:hover {
    text-decoration: underline !important;
}

/* END Cookie banner */

/* CMS Pages Content */

#content.background-page .container :not(.list-group-item) > a:focus-visible {
    outline: 2px solid #2980b9 !important;
}

#content.background-page .container :not(.list-group-item) > a:hover {
    text-decoration: underline !important;
}

#content.background-page .container div.card-body ul.list-group li:focus-within {
    outline: 2px solid #2980b9 !important;
}

#content.background-page .container div.card-body ul.list-group li:hover {
    background-color: rgb(0 0 0 / 10%) !important; 
}

a.badge:focus-visible {
    outline: 2px solid #2980b9 !important;
    color: #f6f6f6 !important;
    font-size: 79%;
}

/* END CMS Pages Content */


button.close:focus {
    /* background-color: rgb(0 0 0 / 10%) !important; */ 
    outline: 2px solid #2980b9 !important;
}


/* leaflet component */
.leaflet-container:focus-visible,
.leaflet-container .leaflet-popup-close-button:focus-visible,
.leaflet-container .leaflet-control a:focus-visible,
.leaflet-container .leaflet-control-layers-expanded:focus-within ,
.leaflet-container .leaflet-marker-pane img:focus-visible,
.leaflet-container .leaflet-popup-content-wrapper:focus-within,
.leaflet-container .marker-cluster:focus-visible {
    outline: 2px solid #2980b9 !important; 
}

/* Custom Pages */

.content-page a:focus-visible {
    outline: 2px solid #2980b9 !important; 
}


/* Private Page */
section.private-page a:focus-visible {
    outline: 2px solid #000000 !important;
}