/* W3C accordion pattern: the existing heading contains one native button. */
.dipi_faq .dipi-faq-title.sr-a11y-accordion-title-wrapper {
  position: relative !important;
  cursor: pointer !important;
}

/*
 * Keep the site's original accordion divider styling, but remove any box that
 * may be applied to the title, heading, or native trigger by Divi, Divi Pixel,
 * old Integration code, or a generic accessibility helper class.
 */
.dipi_faq .dipi-faq-title.sr-a11y-accordion-title-wrapper,
.dipi_faq .sr-a11y-accordion-heading,
.dipi_faq .sr-a11y-accordion-trigger {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.dipi_faq .sr-a11y-accordion-heading {
  margin: 0 !important;
  padding: 0 !important;
}

.dipi_faq .sr-a11y-accordion-trigger {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-transform: inherit !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* No old or pointer-created ring should remain when this button is not focused. */
.dipi_faq .sr-a11y-accordion-trigger:not(:focus),
.dipi_faq .sr-a11y-accordion-trigger:focus:not(:focus-visible) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Red focus only on the accordion button that currently owns keyboard focus. */
.dipi_faq .sr-a11y-accordion-trigger:focus-visible,
body.sr-a11y-using-keyboard .dipi_faq .sr-a11y-accordion-trigger:focus,
body.dipi-using-keyboard .dipi_faq .sr-a11y-accordion-trigger:focus {
  border: 0 !important;
  outline: 3px solid #b13b31 !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}

/* Neutralize the pseudo-element focus box used by the older Divi Integration code. */
.dipi_faq .dipi-faq-entry.dipi-faq-entry-keyboard-focus::after,
.dipi_faq .dipi-faq-entry.sr-a11y-accordion-legacy-focus::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Decorative state icons are controlled visually by Divi Pixel, not announced. */
.dipi_faq .dipi-faq-icon-open[aria-hidden="true"],
.dipi_faq .dipi-faq-icon-closed[aria-hidden="true"],
.dipi_faq [class*="dipi-faq-icon"][aria-hidden="true"] {
  pointer-events: none !important;
}

/* Do not clip the trigger focus indicator. */
.dipi_faq,
.dipi_faq .dipi-faq-wrapper,
.dipi_faq .dipi-faq-toggles,
.dipi_faq .dipi-faq-entry,
.dipi_faq .dipi-faq-title {
  overflow: visible !important;
}

/* Links/buttons/fields inside answers receive the shared keyboard focus treatment. */
.dipi_faq .dipi-faq-content a.keyboard-navigation-outline:not(:focus):not(:focus-visible),
.dipi_faq .dipi-faq-content button.keyboard-navigation-outline:not(:focus):not(:focus-visible),
.dipi_faq .dipi-faq-content input.keyboard-navigation-outline:not(:focus):not(:focus-visible),
.dipi_faq .dipi-faq-content select.keyboard-navigation-outline:not(:focus):not(:focus-visible),
.dipi_faq .dipi-faq-content textarea.keyboard-navigation-outline:not(:focus):not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.dipi_faq .dipi-faq-content a.keyboard-navigation-outline:focus-visible,
.dipi_faq .dipi-faq-content button.keyboard-navigation-outline:focus-visible,
.dipi_faq .dipi-faq-content input.keyboard-navigation-outline:focus-visible,
.dipi_faq .dipi-faq-content select.keyboard-navigation-outline:focus-visible,
.dipi_faq .dipi-faq-content textarea.keyboard-navigation-outline:focus-visible,
body.sr-a11y-using-keyboard .dipi_faq .dipi-faq-content a.keyboard-navigation-outline:focus,
body.sr-a11y-using-keyboard .dipi_faq .dipi-faq-content button.keyboard-navigation-outline:focus,
body.sr-a11y-using-keyboard .dipi_faq .dipi-faq-content input.keyboard-navigation-outline:focus,
body.sr-a11y-using-keyboard .dipi_faq .dipi-faq-content select.keyboard-navigation-outline:focus,
body.sr-a11y-using-keyboard .dipi_faq .dipi-faq-content textarea.keyboard-navigation-outline:focus {
  outline: 3px solid #b13b31 !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}