// Use this stylesheet to apply style specific to accessibility that can be 
// applied over all other styles.  The admin can choose to run the site in
// "accessibility mode" to apply these styles site-wide.

$search-links: #315B7D;
$search-tab-buttons-txt: #545454;
$search-tab-buttons-bg: #FFF;
$general-txt: #000;
$btn-primary: #2B4E6D;
$btn-clear-filters: #15503F;
$btn-danger-warning: #943725;
$profile-txt-general: #595959;
$debug: #FFF;
$leftnav-active: #184E6C;
$leftnav-active-pointer: transparent #FFF transparent transparent;
$search-dropdown-pill-bg: #1C6615;
$adv-search-facet-btn-txt: #000;
$map-filter-inactive-option: #595959;

a, button {
    &.search-candidate-title,
    &.search-candidate-link {
        color: $search-links;
        &:hover,
        &:focus {
            text-decoration: underline;
        }
    }
}

.search-type-btn, .search-type-btn-popup {
    color: $search-tab-buttons-txt;
}

.search-type-btn.relative:hover,
.search-type-btn.relative:focus,
.search-type-btn-popup.relative:hover,
.search-type-btn-popup.relative:focus {
    text-decoration: underline;
    background: $search-tab-buttons-bg;
}

.select2-default,
.chosen-container-single .chosen-single,
.search-listing-body,
.map-sidebar-text,
.search-export .instruction h4,
.rr-splash-description,
.time-wheel-instructions,
.search-facet-item.header input::placeholder,
.hide-datepicker-time-option .input-md::placeholder,
.related-resource-graph-information-content,
.relationships-list-item-type,
.relationships-list-count,
.report-print-date,
.rp-tile-title,
.rp-report-section-title,
.related-resources-graph-controls-instructions,
.related-resources-graph-controls span,
.rp-card-section .rp-no-data,
.related-reasources-search-container input::placeholder,
.workbench-card-sidepanel-header:before,
.search-listing-footer .provisional-edits {
    color: $general-txt!important;
}

.btn-primary,
.library-icon .bg-primary,
.select2-container-multi .select2-choices .select2-search-choice {
    background-color: $btn-primary;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: $btn-primary;
    border-color: $btn-primary;
}

.profile-label-shim,
.profile-default-message-panel,
.search-listing-body,
.account-tips,
.hover-feature-metadata,
.pagination > li > a.disabled,
.graph-designer-header,
.graph-type {
    color: $profile-txt-general;
}

.debug-notice {
    color: $debug;
    font-size: 1.2rem;
}

.sidenav-sm {
	.sidenav-menu {
		.active-sub {
			a:not(.collapse .link-submenu-item .link-submenu) {
				background-color: $leftnav-active;
                &:after {
					display: inline-block;
                    border-style: solid;
                    border-width: 5px 10px 5px 0;
                    border-color: $leftnav-active-pointer;
                    content: " ";
                    position: relative;
                    top: calc(-50% - 11px);
                    left: 20px;
				}
			}
		}
	}
}

.btn-mint {
    background-color: $btn-clear-filters!important;
}

.btn-danger, .btn-warning:not(.facet-btn) {
    background-color: $btn-danger-warning!important;
}

.filter-flag {
    background: $search-dropdown-pill-bg!important;
}

.advanced-search-container {
    .facets-search-container {
        .facet-btn-group {
            .facet-btn {
                color: $adv-search-facet-btn-txt;
            }
        }
    }
}

.edge-node-links span,
.relationships-list-count a {
    color: $search-links!important;
    &:hover {
        text-decoration: underline;
    }
    &:focus {
        text-decoration: underline;
    }
}

.map-card-zoom-tool {
    a {
        &:hover {
            text-decoration: underline;
        }
        &:focus {
            text-decoration: underline;
        }
    }
}

// Focus indicator
select2-search__field
div.chosen-container-active:not(.chosen-with-drop) a.chosen-single,
ul.chosen-results li.highlighted,
ul.select2-results li.select2-highlighted,
a[href]:focus-visible,
area[href]:focus-visible,
input:focus-visible:not(.select2-search__field),
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
iframe:focus-visible,
object:focus-visible,
embed:focus-visible,
*[tabindex]:focus-visible:not(.select2-search__field),
*[contenteditable]:focus-visible {
    outline: 2.5px solid #000 !important;
    outline-offset: -2.5px !important;
    box-shadow: inset 0 0 0 5px #fae619 !important;
    box-sizing: border-box;
}

.basemap-listing,
.overlay-listing,
.legend-listing {
    color: $map-filter-inactive-option;
}

///////////// Index page specific styles /////////////
.application-name h1 {
    font-size: 1.3rem;
}

.navbar-toggle {
    &:hover{
        background: #000;
    }
}

.down-button {
    border: 3px solid #fff;
}

.down-button-icon {
    opacity: 1;
}

.down-button {
	&:hover {
		color: #13ce67;
		border: 3px solid #13ce67;
	}
	&:focus {
		color: #13ce67;
		border: 3px solid #13ce67;
	}
}

.wide-box .box-highlight p {
    color: #555;
}

.splash-link-address:focus,
.splash-link-address:hover,
.link-spacing:focus,
.link-spacing:hover {
    color: #7AD02F;
    text-decoration: underline;
}///////////// End index page specific styles /////////////
