/*********************
 * VIEW MODE: FULL
 *********************/

.paragraph--type-text-accordion.paragraph--view-mode-full {
  margin-top: 30px;
  margin-bottom: 30px;
}
.node:not(.node--style-detail-page) .field--name-field-content-main .paragraph--type-text-accordion.paragraph--view-mode-full:first-child {
  margin-top: 65px;
}
.node:not(.node--style-detail-page) .field--name-field-content-main .paragraph--type-text-accordion.paragraph--view-mode-full:last-child {
  margin-bottom: 65px;
}

/*********************
 * ACCORDION PANE - VIEW MODE: NESTED
 *********************/

.paragraph--type-accordion-pane.paragraph--view-mode-nested {
  padding-bottom: 30px;
  border-bottom: 1px #060606 solid;
  margin-bottom: 30px;
}
.paragraph--type-accordion-pane.paragraph--view-mode-nested:last-child {
  margin-bottom: 0;
}

.paragraph--type-accordion-pane.paragraph--view-mode-nested h2.heading,
.paragraph--type-accordion-pane.paragraph--view-mode-nested h3.heading {
  font-family: mrs-eaves-xl-serif, serif;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .paragraph--type-accordion-pane.paragraph--view-mode-nested h2.heading,
  .paragraph--type-accordion-pane.paragraph--view-mode-nested h3.heading {
    font-size: 30px;
  }
}
.paragraph--type-accordion-pane.paragraph--view-mode-nested h2.heading.toggle-content-trigger,
.paragraph--type-accordion-pane.paragraph--view-mode-nested h3.heading.toggle-content-trigger {
  margin-bottom: 0;
}
.paragraph--type-accordion-pane.paragraph--view-mode-nested h2.heading.toggle-content-trigger.active,
.paragraph--type-accordion-pane.paragraph--view-mode-nested h3.heading.toggle-content-trigger.active {
  margin-bottom: 20px;
}

  .paragraph--type-accordion-pane.paragraph--view-mode-nested .heading button {
    border: 0;
    background: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    text-align: left;
  }
  .paragraph--type-accordion-pane.paragraph--view-mode-nested .heading button:hover,
  .paragraph--type-accordion-pane.paragraph--view-mode-nested .heading button:focus {
    color: #019de0;
  }

  .paragraph--type-accordion-pane.paragraph--view-mode-nested .heading button:after {
    content: '';
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    background: transparent url(../../images/arrow-down-blue.svg) 98% center no-repeat;
    background-size: 14px 14px;
    margin-left: 10px;
  }
  .paragraph--type-accordion-pane.paragraph--view-mode-nested .toggle-content-trigger.active button:after {
    background-image: url(../../images/arrow-up-blue.svg);
  }