.vuiAccordionHeader {
  font-size: $fontSizeStandard;
  border-bottom: 1px solid $borderColorLight;
  width: 100%;
  padding: $sizeXs 0;
  color: $colorSubdued;

  &:hover {
    color: $colorPrimary;
    background-color: $colorPrimaryLighterShade;
    text-decoration: underline;
  }
}

.vuiAccordionHeader--isOpen {
  color: $colorText;
  border-bottom-color: $borderColor;
  font-weight: $fontWeightBold;
}

.vuiAccordionHeader__title {
  text-align: left;
}