/*---------------------------------------------------------------*/
/*  text accents override to pass accessibility color contrast   */
/*---------------------------------------------------------------*/
.text-accent1 {
    color: #65b1e7 !important;
}

.text-accent6 {
    color: #E381ee !important;
}

/*---------------------------------------------------------------------------*/
/* This is to be able to hide a div that needs to be there for accessibility */
/*---------------------------------------------------------------------------*/
.visuallyHidden {
    display: none;
}

/*--Color Accessibility focus fixes--*/
.alert .alert-severe .alert-dismissible .alert-banner .btn:focus {
    outline: solid 2px #483BB2;
}

.utility-header a:focus,
.utility-header .btn:focus,
#skip-to-content a:focus,
#siteSettings .btn:focus,
#siteSettings .close:focus,
.section-impact a:not(.btn):focus,
.card-impact a:not(.btn):focus,
.icon.MinMaxChat.ClickableADA:focus,
.global-footer a:focus {
    outline: solid 2px #dce2ff !important;
}

.branding a:focus,
#navigation a:focus,
#navigation button:focus,
.nav > li > a:focus,
.nav > li > button:focus,
.mobile-controls .toggle-menu:focus,
.main-primary a:focus,
.main-primary .accordion-list li:focus,
.main-primary div.active:focus,
.tabs [role="tabpanel"]:focus,
div.gsc-cursor-page:focus,
.main-primary button:focus,
#chkSameEarning:focus,
input#txtClaimDate:focus,
input.form-control.money:focus,
.tableFocus:focus,
.main-primary select:focus,
#AstuteBotToggleChatContainer:focus,
i.reaction_option:focus,
input.button:focus,
i.ca-gov-icon-check-mark:focus,
.input-group-addon:focus,
input[type=text]:focus {
    outline: solid 2px #9646ff !important;
}

#Search > input:focus,
#Search > textarea:focus,
#Search > button:focus,
#Search > select:focus,
.close-search-btn > button:focus,
.accordionExpand > button:active,
.accordionExpand > button:focus,
.accordionExpand > [role="button"],
.mobile-controls .toggle-search:focus {
    outline: solid 2px #8331C1 !important;
}

.gs-visibleUrl {
    color: #008233 !important;
    /*this darkens the color contrast to pass AA WCAG requirements
	for the link text that is returned in the search page. */
}
/*--end of focus field color accessibility fixes--*/

/*--adds outline to the search box when no focus--*/
.search-container.active .search-textfield {
    border-color: #000 !important;
}

.search-container #Search .close-search .ca-gov-icon-close-mark {
    color: #000 !important;
}

#q.w-100.height-50.p-x-sm {
    border-color: #333;
}

button.pos-abs.gsc-search-button.right-0.top-0.width-50.height-50 {
    border-color: #333;
}

/*adjust color of icons to be accessible for color contrast */
.first-level-link > span[class^="ca-gov-icon"] {
    color: #046B99;
}

.nav-item:hover > a > span[class^="ca-gov-icon"], .nav-item:hover > a {
    color: #B55E00;
}