@import url("../variables.css");

.accordion.accordion-background-active .accordion-header button.accordion-button[aria-expanded=true] {
  background-color: var(--blue);
  color: #fff;
  border-color: #06c;
}

.accordion-header button.accordion-button:hover {
  background-color: #DBE4F7;
}

.accordion-header button.accordion-button {
  color:var(--blue) ;
}

.region.region-content .ckeditor-accordion-container > dl {
  border: 0px;
}

.region.region-content .ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button){
  background-color: transparent;
  color: var(--blue);
  border:0px;
  border-top: 1px solid #ccc;
  font-weight: 600;
  transition: 0.2s ease;
  padding: 13px 40px 13px 50px ;
}

.region.region-content .ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #DBE4F7;
  padding: 13px 40px 13px 50px ;
  color: #25324C;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: 4px;
}

.region.region-content .ckeditor-accordion-container > dl dt.active > a,
.ckeditor-accordion-container > dl dt.active > a:not(.button){
  background-color:   #4A6497;
  color: #fff;
}

.ckeditor-accordion-container > dl dt:last-child{
  border-bottom: 1px solid #ccc;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background-color: #6580B4;
}

.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:before,
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle:after {
  background-color: #fff;
}

.ckeditor-accordion-container > dl dt {
  line-height: 30px;
}

.ckeditor-accordion-container > dl dd>*:first-child{
  margin-top: 20px;
}