/**
 * CK Editor Accordion styling
 */

.ckeditor-accordion-container > dl {
  border: none;
  margin-bottom: 0;
}

.ckeditor-accordion-container > dl dt {
  margin-bottom: 20px;
}

.ckeditor-accordion-container > dl dd {
  margin-top: -20px !important;
  margin-bottom: 20px !important;
  border: none;
  background: #fff;
  padding: 1em 15px !important;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  background: #fff;
  border: 1px solid #FBB040;
  padding: 0.5em 0.5em 0.5em 28px;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.4;
  position: relative;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  border-color: #FBB040;
  background: #ffffff;
  color: #333;
}

.ckeditor-accordion-container > dl dt.active > a, .ckeditor-accordion-container > dl dt.active > a:hover {
  background-color: #FBB040;
  color: #333;
  border-color: #FBB040;
}

.ckeditor-accordion-container > dl dt > a:focus, .ckeditor-accordion-container > dl dt > a:not(.button):focus {
  outline: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  display: none;
}

.ckeditor-accordion-container > dl dt > a:before {
  position: absolute;
  left: 0.5em;
  content: "▸";
  width: 18px;
  color: #333;
}

.ckeditor-accordion-container > dl dt.active > a:before {
  content: "▾";
}