// SalesCrowd Helpers
.froala-box {
  margin-bottom: 30px;
}

// Palettes
.salescrowd-orange {
    background-color: $salescrowd-orange;
}
.salescrowd-light-orange {
    background-color: $salescrowd-light-orange;
}
.salescrowd-red {
    background-color: $salescrowd-red;
}
.salescrowd-red-text {
    color: $salescrowd-red;
}
.salescrowd-earth {
    background-color: $salescrowd-earth;
}
.salescrowd-gold {
    background-color: $salescrowd-gold;
}
.gold-text {
  color: $salescrowd-gold;
}
img.shift-up {
  margin-top: -70px !important;
  position: relative;
}
.salescrowd-google, .sales-crowd-promo.google-plus, .sales-crowd-promo.pinterest, .sales-crowd-promo.social-media-strategy, .so-label.google-plus, .so-label.pinterest {
    background-color: $salescrowd-red;
}
.salescrowd-facebook, .sales-crowd-promo.facebook {
   background-color: $salescrowd-facebook;
   .so-label.facebook {
     background-color: darken($salescrowd-facebook, 20%);
   }
 }
.sales-crowd-promo.sales-crowd-facebook-scrim {
  background-color: $salescrowd-facebook-scrim;
}

.sales-crowd-promo.sales-crowd-red-scrim {
  background-color: $salescrowd-red-scrim;
}

.salescrowd-linkedin, .sales-crowd-promo.linkedin {
  background-color: $salescrowd-linkedin;
  .so-label.linkedin {
    background-color: darken($salescrowd-linkedin, 20%);
  }
}
.salescrowd-twitter, .sales-crowd-promo.twitter, .so-label.twitter {
   background-color: $salescrowd-twitter;
 }
.salescrowd-tumblr, .sales-crowd-promo.tumblr, .so-label.tumblr {
  background-color: $salescrowd-tumblr
}
.salescrowd-snapchat, .sales-crowd-promo.snapchat, .so-label.snapchat {
    background-color: $salescrowd-snapchat;
  color: $salescrowd-earth;
}
.sales-crowd-promo.email-marketing, .so-label.email-marketing {
  background-color: $salescrowd-purple;
  color: $white;
}
.sales-crowd-promo.retargeting, .so-label.retargeting {
  background-color: $salescrowd-gold;
  color: $salescrowd-earth;
}
.sales-crowd-promo.nlp-persuasion, .so-label.nlp-persuasion {
  background-color: $salescrowd-pink;
  color: $white;
}
.sales-crowd-promo.lead-generation, .so-label.lead-generation {
  background-color: $salescrowd-light-orange;
  color: $salescrowd-earth;
}
.sales-crowd-promo.online-competitions, .so-label.online-competitions {
  background-color: $salescrowd-green;
  color: $white;
}
.sales-crowd-promo.seo, .sales-crowd-promo.content-strategy, .sales-crowd-promo.display-network-marketing, .so-label.seo, .so-label.content-strategy, .so-label.display-network-marketing {
  background-color: $salescrowd-dark;
  color: $white;
}
.salescrowd-green {
    background-color: $salescrowd-green;
}
.salescrowd-warm-light-gray {
    background-color: $salescrowd-warm-light-gray;
    .content {
     background-color: $salescrowd-warm-light-gray;
    }
}
// Categories
.attract-attention, .sales-crowd-promo.attract-attention {
  background-color: $attract-attention;
  .so-label.attract-attention {
    background-color: darken($attract-attention, 20%);
  }
}
.build-your-brand, .sales-crowd-promo.build-your-brand {
  background-color: $build-your-brand;
  .so-label.build-your-brand {
    background-color: darken($build-your-brand, 20%);
  }
}
.convert-the-sale, .sales-crowd-promo.convert-the-sale {
  background-color: $convert-the-sale;
  .so-label.convert-the-sale {
    background-color: darken($convert-the-sale, 20%);
  }
}
.deliver-extra-value, .sales-crowd-promo.deliver-extra-value {
  background-color: $deliver-extra-value;
  .so-label.deliver-extra-value {
    background-color: darken($deliver-extra-value, 20%);
  }
}
.encourage-word-of-mouth, .sales-crowd-promo.encourage-word-of-mouth {
  background-color: $encourage-word-of-mouth;
  .so-label.encourage-word-of-mouth {
    background-color: darken($encourage-word-of-mouth, 20%);
  }
}

//.salescrowd-texture-1 {
//    background: url(../img/social-pattern.png) repeat;
//    background-size: 500px 500px;
//}
.mobile-only {
    display: block;
    @include MQ(M) {
        display: none;
    }
    @include MQ(L) {
        display: none;
    }
}
.no-mobile {
    display: none;
    @include MQ(M) {
        display: block;
    }
    @include MQ(L) {
        display: block;
    }
}
.no-tablet {
 display: none;
    @include MQ(L) {
        display: block;
    }
}
.desktop-only {
    display: none;
    @include MQ(L) {
        display: inline-block;
        margin-right: 0.4em;
    }
}
.hide-desktop {
  display: block;
  @include MQ(L) {
    display: none;
  }
}
.hidden-desktop {
    display: inline-block;
    margin-right: 0.4em;
    @include MQ(L) {
        display: none;
    }
}

.content-wrapper {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
}

.placeholder {
    width: 100%;
    min-height: 150px;
    margin-bottom: 2em;
}

.form-item-wrapper {
    width: 100%;
    overflow: hidden;
}

.spacer {
  width: 100%;
  display: block;
  height: 1px;
}

.loader-image {
  width: 100%;
  height: auto;
  img {
    margin-bottom: 1em;
  }
}

.froala-box.fr-fullscreen {
  position: fixed;
  top: 0px;
  background: $white;
  z-index: 9999;
  width: 100%;
}

    .text-center {
      text-align: center;
    }

    .text-left {
      text-align: left;
    }

    .text-right {
      text-align: right;
    }

    .float-left {
  float: left;
}

.float-right {
  float: right;
}

// Tilts

.tilt-1 {
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}

.tilt-2 {
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.tilt-3 {
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
}

.tilt-4 {
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.tilt-5 {
  -ms-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}

.tilt-6 {
  -ms-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.tilt-7 {
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}