/*
  This styling attempts to make all links and tabbable elements have an underline during focus.
  It should correct AA compliance level error "Element not highlighted on focus".
*/
/* LIGHT BACKGROUND, DARK LINE */
/* Any anchor tag or any tag using the tabindex attr will get the underline styling on focus */
*[tabindex]:focus,
a:focus {
  border-bottom: 2px solid #333 !important;
}

/* DARK BACKGROUND, LIGHT LINE */
/* Apply "drk-bg" css class to an individual element that will use the line on focus OR
the parent/ancestor of a set of elements that will use the line on focus. */
.drk-bg a:focus,
.drk-bg *[tabindex]:focus,
*[tabindex].drk-bg:focus,
a.drk-bg:focus {
  border-bottom: 2px solid #fff !important;
}

/* Alterations in additon to the standard style change above */

/* Internal Home page 6 buttons (upper-right) */
#block-bean-quicklink-buttons .paragraphs-item-quicklink-buttons-item a:focus {
  padding-bottom: 58px;
}

/* Paragraph Accordions: Additional highlighting during focus */
.ui-accordion-header:focus {
  background-color: #ff9;
}
.ui-accordion-header:focus,
.ui-accordion-header a:focus {
  border-bottom: 0 !important;
}
/* jQuery UI Filter Accordions */
.ui-accordion-header.jquery-ui-filter-accordion-header:focus {
  background-color: #046ade !important;
}

/* Page submenu; for ex. on ~/user the "Login" tab is the currently shown page and the theme uses a
   transparent bg for focus color. We need it to be an actual cokor change for accessibility. */
.tabs.primary a.is-active:focus {
  background-color: #eee;
}

/* Left-side nav links for www site */
.sidebar-menu-block .menu-name-main-menu a:focus {
    color: #2454A3 !important;
}
/* Little blue arrow next to the current item in left nav */
.sidebar-menu-block .menu-name-main-menu a.is-active-trail.active:before {
    float: left;
    width: 0;
    height: 0;
    content: " ";
    margin-left: -17px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 7px solid #2454A3;
    margin-top: -3px;
}