<commit_before>.campaign {
  > .wrapper {
    position: relative;
  }
}



// Page Specific Components
.campaign--action,
.campaign--sms {
  .info-bar {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.campaign--action .container--prove,
.campaign--sms .container--do {
  background: $purple image-url("campaign-pattern-default.png") repeat center 3.5rem;
  padding-bottom: 7rem;

  @include media($tablet) {
    padding-bottom: 5rem;
  }
}

.campaign--pitch,
.campaign--grouped,
.campaign--action .container--prove {
  .message-callout {
    .__copy {
      left: 45px;
    }
  }
}

.campaign--pitch,
.campaign--grouped {
  [role="banner"] {
    .message-callout {
      .__copy {
        &:before {
          right: 35px;
          top: -25px;
        }
      }

      @include media($tablet) {
        width: 165px;

        .__copy {
          text-align: center;
          top: -25px;

          @include transform(rotate(-6deg));

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}

.campaign--closed {
  [role="banner"] {
    .message-callout {
      margin: 0 auto;
      width: 220px;

      .__copy {
        left: 45px;

        &:before {
          right: 27px;
          top: -20px;
        }
      }

      @include media($tablet) {
        left: 9.5rem;
        bottom: -20px;
        width: 256px;

        .__copy {
          left: 0;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}


// Campaign Action Page
.campaign--action {
  [role="banner"] {
    @include media($tablet) {
      .message-callout {
        @include visually-hidden();
      }
    }
  }

  .container--prove {

    .container__body {
      text-align: center;

      @include media($desktop) {
        text-align: left;
      }
    }

    h3 {
      color: #fff;
      font-size: $font-large;
      margin-bottom: 1.5rem;
    }

    p, a {
      color: #fff;
    }

    .message-callout {
      @include media($desktop) {
        .__copy {
          left: 75px;
          top: -10px;
        }
      }
    }
  }
}

// Campaign SMS Game Page
.campaign--sms {
  .form-actions {
    text-align: left;
  }

  .container--do {
    form {
      .message-callout {
        margin: 0 auto;
        width: 270px;

        @include media($tablet) {
          margin: 0;
          right: 20px;
          position: absolute;
        }

        .__copy {
          &:before {
            right: -10px;
          }
        }
      }
    }
  }
}




// @TODO: will be fixed when nav is refactored!
.node-type-campaign-group {
  @include wrapper--nav-white;
  @include wrapper--nav-floating;
}

<commit_msg>Updating to slightly darker gray on disclaimer text for SMS game campaign template.<commit_after>.campaign {
  > .wrapper {
    position: relative;
  }
}



// Page Specific Components
.campaign--action,
.campaign--sms {
  .info-bar {
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.campaign--action .container--prove,
.campaign--sms .container--do {
  background: $purple image-url("campaign-pattern-default.png") repeat center 3.5rem;
  padding-bottom: 7rem;

  @include media($tablet) {
    padding-bottom: 5rem;
  }
}

.campaign--pitch,
.campaign--grouped,
.campaign--action .container--prove {
  .message-callout {
    .__copy {
      left: 45px;
    }
  }
}

.campaign--pitch,
.campaign--grouped {
  [role="banner"] {
    .message-callout {
      .__copy {
        &:before {
          right: 35px;
          top: -25px;
        }
      }

      @include media($tablet) {
        width: 165px;

        .__copy {
          text-align: center;
          top: -25px;

          @include transform(rotate(-6deg));

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}

.campaign--closed {
  [role="banner"] {
    .message-callout {
      margin: 0 auto;
      width: 220px;

      .__copy {
        left: 45px;

        &:before {
          right: 27px;
          top: -20px;
        }
      }

      @include media($tablet) {
        left: 9.5rem;
        bottom: -20px;
        width: 256px;

        .__copy {
          left: 0;

          &:before {
            right: auto;
            top: 50%;
          }
        }
      }
    }
  }
}


// Campaign Action Page
.campaign--action {
  [role="banner"] {
    @include media($tablet) {
      .message-callout {
        @include visually-hidden();
      }
    }
  }

  .container--prove {

    .container__body {
      text-align: center;

      @include media($desktop) {
        text-align: left;
      }
    }

    h3 {
      color: #fff;
      font-size: $font-large;
      margin-bottom: 1.5rem;
    }

    p, a {
      color: #fff;
    }

    .message-callout {
      @include media($desktop) {
        .__copy {
          left: 75px;
          top: -10px;
        }
      }
    }
  }
}

// Campaign SMS Game Page
.campaign--sms {
  .form-actions {
    text-align: left;
  }

  .container--do {
    form {
      .message-callout {
        margin: 0 auto;
        width: 270px;

        @include media($tablet) {
          margin: 0;
          right: 20px;
          position: absolute;
        }

        .__copy {
          &:before {
            right: -10px;
          }
        }
      }
    }
  }

  .disclaimer {

    p, a {
      color: darken($med-gray, 10%);
    }
  }
}




// @TODO: will be fixed when nav is refactored!
.node-type-campaign-group {
  @include wrapper--nav-white;
  @include wrapper--nav-floating;
}


{'fraction_non_alphanumeric': 0.14037289351021873, 'fraction_numerical': 0.021154535675869487, 'mean_word_length': 1.3821520068317676, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7060936', 'n_tokens_mistral': 2068, 'n_tokens_neox': 1851, 'n_words': 370}