.onboarding {
  background: rgba(30, 49, 134, 1);
  background: -moz-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30, 49, 134, 1)), color-stop(100%, rgba(17, 27, 73, 1)));
  background: -webkit-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
  background: -o-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
  background: -ms-linear-gradient(top, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
  background: linear-gradient(to bottom, rgba(30, 49, 134, 1) 0%, rgba(17, 27, 73, 1) 100%);
  color: #fff;
  .bar.bar-header {
    background: rgb(30, 49, 134);
    color: #fff;
    button {
      color: #fff;
    }
    .secondary-buttons {
      button {
        color: rgba(255, 255, 255, .5);
      }
    }
  }
  ion-content {
    color: #fff;
    h2, h3{color:#fff;}
    h2 {
      font-size: 1.8rem;
    }
    p {
      &.tagline {
        color: rgba(255, 255, 255, .5);
      }
    }
    #cta {
      background-size: contain;
      width: 100%;
      clear: both;
      height: 23rem;
      margin-bottom: -3rem;
      background-position: center;
      background-repeat: no-repeat;
      img {
        height: 16rem;
      }
    }
    button {
      &.next-slide {
        background: rgba(215, 215, 215, 0.10);
      }
    }
  }
  .col {
    @include center-block(.5rem);
  }
  .swiper-pagination {
    &-bullet {
      background: rgb(100, 124, 232);
      &-active {
        background: rgb(100, 124, 232);
      }
    }
  }
  .button-transparent{
    background: none !important;
  }
  .button-primary{
    background: rgb(100, 124, 232) !important;
  }
  .light-blue{
    color:rgb(100, 124, 232);
  }
}

@import "terms-of-use";
@import "onboard-welcome";
@import "onboard-tour";
@import "onboard-collect-email";
@import "onboard-backup-request";
@import "onboard-backup-warning";