/**
 * @file
 * The less file for Bootstrap Paragraphs Accordion.
 *
 * Can be quickly compiled to CSS at http://lesscss.org/less-preview/.
 */

/* Adds Accordion container.*/
.paragraph--bp-accordion-container {
  padding-top: 15px;

  .bp-accordion-button {
    float: right;
  }
}

/* Adds margin and padding to paragraphs in accordion section bodies. */
.paragraph.paragraph--type--bp-accordion {
  .panel-heading {
    button {
      display: block;
      padding: 10px 10px;
      background: transparent;
      border: 0;
      width: 100%;
      text-align: left;
    }

    button:after {
      float: right;
    }

    button[aria-expanded="false"].display:after {
      content: "+";
    }

    button[aria-expanded="true"].display:after {
      content: "-";
    }
  }

  .panel-collapse {
    > .paragraph {
      padding-left: 15px;
      padding-right: 15px;

      > .paragraph__column {
        padding-bottom: 15px;
        padding-top: 15px;
      }
    }

    .paragraph:last-of-type > .paragraph__column {
      padding-bottom: 15px;
    }

    .paragraph + .paragraph,
    .paragraph + .paragraph + .paragraph {
      > .paragraph__column {
        padding-bottom: 30px;
      }
    }
  }
}
