.animated-accordion__panel {
 display: block;
 overflow: hidden;
 opacity: 1;
 transition: visibility 0s ease, max-height 1s ease, opacity 1s ease ;
 max-height: 100em;
 /* magic number for max-height = enough height */
 visibility: visible;
 transition-delay: 0s;
 margin: 0;
 padding: 0;
}
/* This is the hidden state */
[aria-hidden=true].animated-accordion__panel {
 display: block;
 max-height: 0;
 opacity: 0;
 visibility: hidden;
 transition-delay: 1s, 0s, 0s;
 margin: 0;
 padding: 0;
}


button.js-accordion__header {
  width: 100%;
  padding: 1.5em;
  border: 0;
  text-align: left;
  border:1px solid #f2f2f2;
  font-size: 1em;
}

button.js-accordion__header:hover {
  background: #f2f2f2;
}
.js-accordion__panel > .js-accordion__header {
  margin: 1em 1em 0 1em;
}
.js-accordion__panel > .ap-content {
  margin: 1em;
}

.animated-accordion__header[aria-expanded="true"]:before,
.animated-accordion__header[aria-expanded="false"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-right: 5px;
  transition: transform 0.25s ease-in;
}
/* title closed */
.animated-accordion__header[aria-expanded="false"]:before {
  content: "\f054";
}
/* title opened */
.animated-accordion__header[aria-expanded="true"]:before {
  content: "\f054";
  transform: rotate(90deg);
}