/* ============================================================
   jquery-ui-overrides.css
   Overrides the default jQuery UI accordion active header
   (blue) with a darker grey for brand consistency.
   Loaded after the base jQuery UI stylesheet.
   ============================================================ */

h3.ui-state-active {
    border: 1px solid #555;
    background: #fff;
    font-weight: normal;
    color: #000;
}

.ui-state-active .ui-icon {
    filter: brightness(0);
}

.ui-accordion .ui-accordion-header {
    font-size: 150%;
}