/*  Accordion style 2022, less borders, minimal/white, right aligned swippy */
/*  builds on ckeditor-accordion-container */
/*  to work must be applied alongside/beneath class ckeditor-accordion-container */

dl.accordion--white {
  border: 0;
}

dl.accordion--white dt > a {
  background-color: transparent;
  color: #4D4D4D ;
  border-bottom: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
  text-decoration: none;
  font-size: 1.1em;
  font-weight: normal;
  padding: 10px 50px 10px 15px;
}
dl.accordion--white--relaxed dt > a {
	padding: 18px 55px 18px 10px;
}

dl.accordion--white dt:first-of-type > a {
  border-top: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
 }
dl.accordion--white dt:last-of-type > a {
  border-bottom: 1px solid;
  border-color: rgb(163, 210, 156);
  border-color: rgba(163, 210, 156, 0.5);
 }


dl.accordion--white dt > a:hover {
  background-color: #008C44;
  color: #FFFFFF;
}

dl.accordion--white dt.active > a {
  background-color: #00A651;
  color: #FFFFFF;
  font-weight: 700;
}

dl.accordion--white dd {
    padding: 20px;
    border: 1px solid;
    border-color: rgb(163, 210, 156); 
    border-color: rgba(163, 210, 156, 0.5);
    border-radius: 0.3em;
    margin: 20px 0;
}
dl.accordion--white dd p:first-of-type {
  margin-top: 0.5rem;
}

/* shifts fliper to right */
dl.accordion--white dt > a > .ckeditor-accordion-toggle {
  left: calc(100% - 2.3rem);
}

/* fixes for the animation of the little flipper */
dl.accordion--white dt > .ckeditor-accordion-toggle::before {
    left: 13px;
    top: 3px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
dl.accordion--white dt > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 7px;
    top: -4px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
dl.accordion--white dt.active > .ckeditor-accordion-toggle::before {
    left: 14px;
    top: -1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
dl.accordion--white dt.active > .ckeditor-accordion-toggle::after {
    left: auto;
    right: 13px;
    top: -2px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

dl.accordion--white dt > a > .ckeditor-accordion-toggle::before,
dl.accordion--white dt > a > .ckeditor-accordion-toggle::after {
	background: rgb(163, 210, 156);
}
dl.accordion--white dt:hover > .ckeditor-accordion-toggle::before,
dl.accordion--white dt:hover > .ckeditor-accordion-toggle::after,
dl.accordion--white dt.active > .ckeditor-accordion-toggle::before,
dl.accordion--white dt.active > .ckeditor-accordion-toggle::after {
    background: #FFFFFF;	
}

dd p:first-child, dd h2:first-child, dd h3:first-child,
dd h4:first-child, dd h5:first-child, dd h6:first-child {
	margin-top: 0.2rem;	
}


/* fixes for new fields */

.fieldset-wrapper {
  margin-top:1em;
}

.fieldset-legend {
font-style: italic;
}