/* Accordion — remove default borders and spacing */
.ckeditor-accordion-container dl {
  border: 0 !important ;
  margin: 0 ;
  padding: 0 ;
}

.ckeditor-accordion-container dt {
  margin: 0 0 8px 0 ;
  padding: 0 ;
  border: 0 !important ;
  border-bottom: 0 !important ;
  background: transparent !important ;
  box-shadow: none !important ;
  outline: none !important ;
}

.ckeditor-accordion-container dd {
  margin: 0;
  padding: 0 0 1em 0 !important ;
  border: 0 !important ;
}


/* Header — gold by default */
.ckeditor-accordion-container dt > a.ckeditor-accordion-toggler {
  display: block;
  background-color: #fec756 !important ;
  padding: 14px 20px ;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 5px ;
  color: #000000 !important ;
  text-decoration: none;
  box-shadow: none !important;
  outline: none;
  transition: 
    background-color 0.2s ease,
    color 0.2s ease ;
}

/* Hover — black background, white text */
.ckeditor-accordion-container dt > a.ckeditor-accordion-toggler:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.ckeditor-accordion-container dt > span.ckeditor-accordion-toggle {
	color: #000000 !important;
}

/* Active (open) — return to gold */
.ckeditor-accordion-container dt.active > a.ckeditor-accordion-toggler {
  background-color: #fec756;
  color: #000000;
}


/* Remove default browser focus outline */
.ckeditor-accordion-container dt > a.ckeditor-accordion-toggler:focus {
  outline: none;
}

/* Accessible focus glow */
.ckeditor-accordion-container dt > a.ckeditor-accordion-toggler:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(254, 199, 86, 0.45);
}

/* toggle - arrow - icon spacing */
.ckeditor-accordion-container .ckeditor-accordion-toggle {
  margin-right: 8px;
}

/* toggle - arrow - black - by default */
.ckeditor-accordion-container .ckeditor-accordion-toggle {
  filter: brightness(0) ;
  transition: filter 0.2s ease ;
}

/* toggle - arrow - white - on hover */
.ckeditor-accordion-container dt > a.ckeditor-accordion-toggler:hover .ckeditor-accordion-toggle {
  filter: brightness(0) invert(1) ;
}