_campaign.scss

.campaign--wrapper {
  @import "campaign/layout";
  @import "campaign/header";
  @import "campaign/footer";
  @import "campaign/nav";

  @import "campaign/know";
  @import "campaign/plan";
  @import "campaign/do";
  @import "campaign/prove";
}

.node-type-campaign {
  @include wrapper--nav-floating;
}

.campaign--wrapper {
  overflow: hidden;
  background: #fff;

  // Gives the floating nav a parent container to anchor to
  .content-wrapper {
    position: relative;
  }

  // Full-width header that comes
  // immediately before each section.step
  .banner {
    margin: 0;

    span {
      @include section-padding;

      @include media($tablet) {
        padding: 0;
        @include shift(3 of 16);
      }
    }
  }

  // Campaign "step" wrapper that contains all campaign sections
  .step {
    overflow: hidden;
    margin: 1rem 0;

    h3,
    h4,
    p,
    div {
      @include section-padding;

      @include media($tablet) {
        padding: 0;
      }
    }

    div h3,
    div h4,
    div p,
    div div {
      padding: 0 !important;
    }

    h3 {
      color: $purple;
      font-size: $font-large;
    }

    h4 {
      color: $purple;
      font-size: $font-medium;
    }

    li {
      list-style-type: disc;
      margin: 0 0 0 1.5rem;
      padding: 0 0 0 0.25rem;

      @include media($tablet) {
        margin: 0 0 0 1rem;
      }
    }
  }

  .legal {
    text-align: left;

    // Overrides to deal with markdown formatting
    p,
    sup {
      display: inline;
    }

    div {
      line-height: 1;

      &:last-child {
        margin: 0;
      }
    }
  }
}