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

    .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {
      margin-bottom: 30px;
      width: 300px;
      line-height: 0;
    }
    @media (min-width: 768px) {
      .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {
        float: right;
        margin: 0 -40px 40px 40px;
        width: 200px;
      }
    }
    @media (min-width: 1220px) {
      .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {
        width: 300px;
      }
    }

      .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image img {
        line-height: 1;
      }

    .paragraph--type-textarea.paragraph--view-mode-full h2:not(.component--heading) {
      font-family: mrs-eaves-xl-serif, serif;
      font-size: 30px;
      line-height: 1.2;
      font-weight: 700;
      text-align: left;
      margin-bottom: 20px;
    }
    .paragraph--type-textarea.paragraph--view-mode-full * + h2 {
      margin-top: 40px;
    }


/*********************
 * VIEW MODE: FULL - ON DETAIL PAGES
 *********************/

.node--style-detail-page .field--name-field-content-main .paragraph--type-textarea:first-child {
  margin-top: 40px;
}

/*********************
 * VIEW MODE: FULL - ON LANDING PAGES
 * @TODO: Use component--width-full instead of tying styles to landing pages?
 *********************/

  .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .content-wrap {
    margin-right: 80px;
  }
  @media (min-width: 1220px) {
    .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .content-wrap {
      margin-right: 230px;
    }
  }

    .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full h2 {
      font-family: roboto, sans-serif;
      font-size: 2.1em;
      line-height: 1.14286;
      font-weight: 300;
      margin-bottom: 30px;
    }
    .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full * + h2 {
      margin-top: 65px;
    }

    .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {}
    @media (min-width: 768px) {
      .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {
      }
    }
    @media (min-width: 1220px) {
      .node--type-landing.node--view-mode-full .paragraph--type-textarea.paragraph--view-mode-full .field--name-field-textarea-image {
        margin: 0 -230px 40px 40px;
      }
    }