/*
  Accordion tabs that have not been created using Javascript
*/
/* clearfix */
.ckeditor-accordion-container > dl:before,
.ckeditor-accordion-container > dl:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.ckeditor-accordion-container > dl:after {
  clear: both;
}

/* CKEditor accordion */
.ckeditor-accordion-container > dl,
.ckeditor-accordion-container > dl dt,
.ckeditor-accordion-container > dl dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ckeditor-accordion-container > dl {
  position: relative;
}

/* label / tab */
.ckeditor-accordion-container > dl dt {
  position: relative;
  font-weight: 400;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.ckeditor-accordion-toggle {
  display: none;
}

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button) {
  background-color: #f2f4f7;
  color: #007190;
  text-decoration: none;
  cursor: pointer;
  font-family: "trade-gothic-next", -apple-system, BlinkMacSystemFont, "Arial", "Segoe UI", sans-serif;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ckeditor-accordion-container > dl dt > a:after,
.ckeditor-accordion-container > dl dt > a:not(.button):after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: url(/site/themes/custom/oise_2024/css/overrides/ckeditor-accordion/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='10' height='16.183' viewBox='0 0 10 16.183'%3E%3Cpath id='chevron' d='M50.815,0,48.907,1.908,55.09,8.092l-6.183,6.183,1.908,1.908,8.092-8.092Z' transform='translate(-48.907)' fill='%2325355A'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s -webkit-transform ease-in-out;
  transition: 0.3s transform ease-in-out;
  transition: 0.3s transform ease-in-out, 0.3s -webkit-transform ease-in-out;
}

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

.ckeditor-accordion-container > dl dt.active > a:after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ckeditor-accordion-container > dl dt:last-of-type > a {
  border-bottom: 0;
}

/* contents */
.ckeditor-accordion-container > dl dd {
  display: none;
  margin: 0;
  padding: 0 1.5rem;
}
.ckeditor-accordion-container > dl dd > *:first-child {
  margin-top: 1.5rem;
}
.ckeditor-accordion-container > dl dd > *:last-child {
  margin-bottom: 1.5rem;
}