/*
 * Custom - Advanced Signup
 ************************************************************************************************
 */
#site_body .donate_cont {
  display: none; }

.adv_signup_cont {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  position: relative;
  display: block;
  margin: 0 auto;
  background-color: #e8e8e8; }
  .adv_signup_cont .bg {
    background-color: #000;
    font-size: 0.75em;
    overflow: hidden; }
    @media all and (min-width: 950px) {
      .adv_signup_cont .bg {
        font-size: 1em; } }
    .adv_signup_cont .bg .ribbon {
      display: inline-block;
      background-color: #2cade3;
      height: 110px;
      width: 5.4%;
      border: 1px solid #2cade3;
      vertical-align: middle; }
    .adv_signup_cont .bg .tri_right {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 112px 112px 0 0;
      border-color: #2cade3 transparent transparent transparent;
      display: inline-block;
      vertical-align: middle; }
    .adv_signup_cont .bg .title {
      color: white;
      font-size: 2.25em;
      display: inline-block;
      font-weight: 300;
      vertical-align: middle;
      width: 50%; }
      @media all and (min-width: 700px) {
        .adv_signup_cont .bg .title {
          width: 30%; } }
      @media all and (min-width: 900px) {
        .adv_signup_cont .bg .title {
          margin-left: 40px; } }
      @media all and (min-width: 1200px) {
        .adv_signup_cont .bg .title {
          width: auto; } }
    .adv_signup_cont .bg .control_cont {
      display: block;
      text-align: center;
      margin: 20px auto; }
      @media all and (min-width: 700px) {
        .adv_signup_cont .bg .control_cont {
          display: inline-block;
          margin: 0 0 0 30px;
          vertical-align: middle; } }
      .adv_signup_cont .bg .control_cont #adv_sign_up_email_field {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.8125em;
        color: #dcdcdc;
        font-size: 1.125em;
        display: inline-block;
        outline: none;
        border: none;
        vertical-align: top; }
      .adv_signup_cont .bg .control_cont .btn {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-decoration: none;
        padding: 0.75em;
        color: #fff;
        font-size: 1.25em;
        display: inline-block;
        background-color: #2cade3;
        text-transform: uppercase;
        vertical-align: top; }
        .adv_signup_cont .bg .control_cont .btn:hover {
          background-color: #fff;
          color: #000; }

@media all and (min-width: 600px) {
  .adv-signup-container h1 {
    width: 95%; } }

@media all and (min-width: 700px) {
  .adv-signup-container h1 {
    max-width: 800px;
    font-size: 2.75em;
    padding-top: 15px;
    line-height: normal; }
  .adv-signup-container .subtitle-adv-signup {
    max-width: 750px;
    color: white;
    font-size: 1.25em;
    line-height: 1.25em;
    display: block;
    margin: 0 auto 30px auto;
    padding: 0 10px 0 10px; }
  .adv-signup-container #adv_sign_up_email_field, .adv-signup-container #adv_sign_up_name_field {
    display: inline-block;
    font-size: 1.25em;
    width: 30%;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 350px; }
  .adv-signup-container .btn {
    display: inline-block;
    width: 30%;
    padding: 0.65em 1em;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 350px; } }