/* LAYOUT
-------------------------------------------------------- */
/* MIXINS
-------------------------------------------------------- */
/* The FAQ Item */
.accordion-list {
  /* The Questions - Heading */
  /* The Titles - Button */
  /* The Content */ }
  .accordion-list--item {
    position: relative;
    margin-bottom: .5em; }
  .accordion-list__subject {
    display: block;
    margin-bottom: 0 !important;
    /* Sorry, We have to override here :( */ }
    .accordion-list__subject .accordion-list__title::after {
      content: "\25B8";
      /*
			display: inline-block;
			float: right;
			vertical-align: baseline;*/
      font-size: 135%;
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      -o-transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .accordion-list__subject.subject-on .accordion-list__title::after {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
  .accordion-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 4px 16px;
    margin: 0;
    border-radius: 0;
    font-size: inherit;
    text-align: left; }
    .accordion-list__title span {
      -ms-flex-item-align: center;
      align-self: center; }
  .accordion-list__title:hover, .accordion-list__title:focus,
  .accordion-list__subject.subject-on .accordion-list__title {
    margin: 0;
    color: inherit;
    cursor: pointer; }
  .accordion-list__panel {
    margin: .5em 0;
    padding-left: 1em;
    display: none; }