@charset "UTF-8";
/*
Accordion

Default Accordion component.<br>
<pre>[THEME]/templates/paragraphs/paragraph--accordion.html.twig</pre>
<pre>[THEME]/templates/paragraphs/paragraph--accordion-item.html.twig</pre>
<pre>[THEME]/templates/field/field--paragraph--accordion.html.twig</pre>

Markup:
  <ul id="accordion-9" class="paragraph rw-paragraph--accordion accordion paragraph--type--accordion paragraph--view-mode--default" data-accordion="jqpuue-accordion" data-allow-all-closed="true" role="tablist">
    <li class="accordion-item is-active" data-accordion-item="" role="presentation">
      <a href="#" class="accordion-title" aria-controls="accordion-item-body-5" role="tab" id="accordion-item-body-5-label" aria-expanded="false" aria-selected="false">
        <span id="accordion-item-title-5" class="rw-paragraph--accordion--item-title" data-toggle="collapse" data-target="#accordion-item-body-5" aria-expanded="true" aria-controls="accordion-item-body-5">
          <div class="field field--name-field-accordion-item-title field--type-string field--label-hidden field__item">Accordion item 1</div>
        </span>
      </a>
      <div id="accordion-item-body-5" class="rw-paragraph--accordion--item-body accordion-content collapse" aria-labelledby="accordion-item-body-5-label" data-parent="#accordion-9" data-tab-content="" role="tabpanel" aria-hidden="true" style="display: block;">
        <div class="clearfix text-formatted field field--name-field-accordion-item-body field--type-text-long field--label-hidden field__item">
          <p>Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Cras ultricies ligula sed magna dictum porta. Curabitur aliquet quam id dui posuere blandit.</p>
          <p>Pellentesque in ipsum id orci porta dapibus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Cras ultricies ligula sed magna dictum porta. Nulla quis lorem ut libero malesuada feugiat.</p>
        </div>
      </div>
    </li>
    <li class="accordion-item" data-accordion-item="" role="presentation">
      <a href="#" class="accordion-title" aria-controls="accordion-item-body-6" role="tab" id="accordion-item-body-6-label" aria-expanded="false" aria-selected="false">
        <span id="accordion-item-title-6" class="rw-paragraph--accordion--item-title" data-toggle="collapse" data-target="#accordion-item-body-6" aria-expanded="true" aria-controls="accordion-item-body-6">
          <div class="field field--name-field-accordion-item-title field--type-string field--label-hidden field__item">Accordion item 2</div>
        </span>
      </a>
      <div id="accordion-item-body-6" class="rw-paragraph--accordion--item-body accordion-content collapse" aria-labelledby="accordion-item-body-6-label" data-parent="#accordion-9" data-tab-content="" role="tabpanel" aria-hidden="true">
        <div class="clearfix text-formatted field field--name-field-accordion-item-body field--type-text-long field--label-hidden field__item">
          <p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Cras ultricies ligula sed magna dictum porta.</p>
          <p>Nulla porttitor accumsan tincidunt. Sed porttitor lectus nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.</p>
        </div>
      </div>
    </li>
    <li class="accordion-item" data-accordion-item="" role="presentation">
      <a href="#" class="accordion-title" aria-controls="accordion-item-body-7" role="tab" id="accordion-item-body-7-label" aria-expanded="false" aria-selected="false">
        <span id="accordion-item-title-7" class="rw-paragraph--accordion--item-title" data-toggle="collapse" data-target="#accordion-item-body-7" aria-expanded="true" aria-controls="accordion-item-body-7">
          <div class="field field--name-field-accordion-item-title field--type-string field--label-hidden field__item">Accordion item 3</div>
        </span>
      </a>
      <div id="accordion-item-body-7" class="rw-paragraph--accordion--item-body accordion-content collapse" aria-labelledby="accordion-item-body-7-label" data-parent="#accordion-9" data-tab-content="" role="tabpanel" aria-hidden="true">
        <div class="clearfix text-formatted field field--name-field-accordion-item-body field--type-text-long field--label-hidden field__item">
          <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vivamus suscipit tortor eget felis porttitor volutpat.</p>
          <p>Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur aliquet quam id dui posuere blandit.</p>
        </div>
      </div>
    </li>
    <li class="accordion-item" data-accordion-item="" role="presentation">
      <a href="#" class="accordion-title" aria-controls="accordion-item-body-8" role="tab" id="accordion-item-body-8-label" aria-expanded="false" aria-selected="false">
        <span id="accordion-item-title-8" class="rw-paragraph--accordion--item-title" data-toggle="collapse" data-target="#accordion-item-body-8" aria-expanded="true" aria-controls="accordion-item-body-8">
          <div class="field field--name-field-accordion-item-title field--type-string field--label-hidden field__item">Accordion item 4</div>
        </span>
      </a>
      <div id="accordion-item-body-8" class="rw-paragraph--accordion--item-body accordion-content collapse" aria-labelledby="accordion-item-body-8-label" data-parent="#accordion-9" data-tab-content="" role="tabpanel" aria-hidden="true">
        <div class="clearfix text-formatted field field--name-field-accordion-item-body field--type-text-long field--label-hidden field__item">
          <p>Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur aliquet quam id dui posuere blandit.</p>
          <p>Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p>
        </div>
      </div>
    </li>
  </ul>

Styleguide Molecules.5
*/
.accordion { margin-left: 0; background: #fefefe; list-style-type: none; }

.accordion[disabled] .accordion-title { cursor: not-allowed; }

.accordion-item:first-child > :first-child { border-radius: 6px 6px 0 0; }

.accordion-item:last-child > :last-child { border-radius: 0 0 6px 6px; }

.accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 0.75rem; line-height: 1; color: #D34728; }

:last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 6px 6px; }

.accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; }

.accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; }

.is-active > .accordion-title::before { content: "–"; }

.accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #333132; }

:last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; }

.accordion-item .field--name-field-accordion-item-title { font-size: 1.0625rem; }

@media print, screen and (min-width: 40em) { .accordion-item .field--name-field-accordion-item-title { font-size: 1.25rem; } }

/*# sourceMappingURL=../maps/accordion/accordion.css.map */