// SalesCrowd Articles
article, main, .content {     
    @include clearfix;
    text-align: left;
  background: $white;
}

.content-image {
margin-bottom: 2em;
}

.single-article-title {
  //min-height: 90px;
  //margin-bottom: 0;
  float: none !important;
  h1 {
    margin-bottom: 2em !important;
  }
  @include MQ(M) {
   // max-width: 60%;
   // float: right;
  }
  &.no-dateline {
margin-bottom: 60px;
  }
  &.cat-title {
    margin-bottom: 59px;
    text-transform: capitalize;
  }
  .tag {
    text-transform: capitalize;
  }
}

h2.sub-title {
  background: $black-transparent-30;
  width: auto;
  float: none;
  padding: 0.5em 1em;
  font-size: 1.1em;
  font-weight: 900;
  margin-bottom: -4em;
  display: block;
  text-align: center;
  margin: 0.5em 0 1em 0;
  @include MQ(M) {
    float: left;
    text-align: left;
  }
  @include MQ(L) {
    float: left;
  }
}

h2.article-dateline {
  background: $black-transparent-30;
  width: auto;
  float: none;
  font-size: 1.1em;
  font-weight: 900;
  margin-bottom: -4em;
  display: block;
  text-align: center;
  padding: 0.5em 1em;
  //@include clearfix;
  @include MQ(M) {
    padding: 0 0 0 1em;
    float: left;
    //clear: left;
    text-align: left;
  }
  @include MQ(L) {
    float: left;
    //clear: left;
  }
  margin: 0.5em 0 1em 0;
  .dateline-cat {
    display: none;
    @include MQ(M) {
      display: inline-block;
    }
    a {
      color: $white;
    }
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 1em;
    padding: 0.5em 1em;
    &.facebook {
      padding: 0.5em 1em;
      background-color: darken($salescrowd-facebook, 20%);
    }
    &.linkedin {
       padding: 0.5em 1em;
       background-color: darken($salescrowd-linkedin, 20%);
     }
    &.social-media-strategy {
      padding: 0.5em 1em;
      background-color: darken($salescrowd-red, 30%);
    }
    &.snapchat {
      padding: 0.5em 1em;
      background-color: darken($salescrowd-snapchat, 30%);
    }

    &.attract-attention {
      padding: 0.5em 1em;
      background-color: darken($attract-attention, 20%);
    }
    &.build-your-brand {
      padding: 0.5em 1em;
      background-color: darken($build-your-brand, 20%);
    }
    &.convert-the-sale {
      padding: 0.5em 1em;
      color: darken($convert-the-sale, 60%);
      background-color: darken($convert-the-sale, 30%);
    }
    &.deliver-extra-value {
      padding: 0.5em 1em;
      background-color: darken($deliver-extra-value, 30%);
    }
    &.encourage-word-of-mouth {
      padding: 0.5em 1em;
      background-color: darken($encourage-word-of-mouth, 30%);
    }
    &.admin-actions {
      padding-left: 0;
      text-transform: none;
      &:hover, &:focus {
        color: $brand-dark-30;
        text-decoration: underline;
      }
    }
  }
}
.article-page {
  .sales-crowd-promo.article-page {
    padding-bottom: 1em;
    @include MQ(M) {
      padding-bottom: 1em;
    }
    @include MQ(L) {
      padding-bottom: 7em;
    }
  }
}

.article-page {
  .excerpt {
    font-size: 1.1em;
    font-weight: 900 !important;
  }
}
.convert-the-sale {
.single-article-title {
  color: darken($convert-the-sale, 60%);
}
}
.build-your-brand {
  .single-article-title {
    color: darken($build-your-brand, 60%);
  }
}

.article-page {
  p {
    font-size: 1.2em;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    @media
    only screen and (-webkit-min-device-pixel-ratio: 1.25),
    only screen and ( min-device-pixel-ratio: 1.25),
    only screen and ( min-resolution: 200dpi),
    only screen and ( min-resolution: 1.25dppx)
    {
      -webkit-font-smoothing: subpixel-antialiased;
    }
    img {
      display: block;
      margin: 0 auto !important;
      text-align: center;
      padding: 0.5em;
      border: 1px $salescrowd-warm-gray solid;
      background: $salescrowd-warm-light-gray;
    }
  }

article {
  h2, h2 span {
    font-weight: 800;
    font-size: 1.7em;
    color: $dark-gray !important;
  }
  h4 {
    margin-bottom: 0.5em !important;
    font-weight: 300;
  }
}
}

.in-conclusion {
  padding: 1.5em;
  background: $salescrowd-warm-gray;
  //color: $white;
  margin: 1em 0;
  font-size: 1.2em;
  p {
    //color: $white;
  }
}

blockquote.tweet-quote {
    border: 0;
    margin: 1em 0;
    padding: 1.5em;
    background: $salescrowd-warm-light-gray;
    border-radius: $base-border-radius;
  font-size: 1.4em;
    .quote-wrapper {
    @include clearfix;

    }
  .tweet-button-wrapper {
    @include clearfix;
  text-align: right;
    .button {
      margin-right: 0;
      font-size: 0.8em;
    }
  }
}

.audio-play {
padding: 1.5em;
    background: $salescrowd-warm-light-gray;
    border-radius: $base-border-radius;
    margin-bottom: 2em;
}
.video-play {
margin-top: 1em;    
margin-bottom: 2em;
}

.author-bio {
  background: $salescrowd-warm-gray;
  padding: 2em;
  .author-bio-img {
    width: 20%;
    height: 20%;
    float: left;
    border-radius: 100%;
    margin-right: 2em;
  }
  .author-bio-title {
    strong {
      font-weight: 900;
    }
  }

}

img.fr-fin {
  margin: 0 auto !important;
}

.article-tags {
  background: $salescrowd-warm-light-gray;
  border: 1px $salescrowd-warm-gray solid;
  padding: 1em;
  margin-bottom: 2em;
  margin-top: -1.7em;
  font-size: 0.8em;
  p {
    margin: 0;
    padding: 0;
    line-height: 1em;
  }
  a {
    text-transform: uppercase;
    margin-right: 10px;
color: $salescrowd-earth;
    margin-bottom: 0;
    line-height: 1em;
    &:hover, &:focus {
      color: $brand-dark-30;
    }
  }

  &:hover, &:focus {
    color: $brand-dark-30;
  }
}

#article-tag-cloud {
  a {
    color: $dark-gray;
    font-weight: 700;
    &:hover {
      color: $salescrowd-orange;
    }
    span {
      font-weight: 300;
    }
  }
  }

#salescrowd-shares {
  display: none;
}

// Lists

.sales-crowd-main-content article, .sales-crowd-main-content .page-content {
  ol {
    list-style: decimal;
    list-style-position: inside;
    li {
      margin-bottom: 1em;
      font-weight: 300;
      strong {
        font-weight: 900;
      }
    }
  }

  ul {
    list-style:square;
    list-style-position: inside;
    li {
      margin-bottom: 1em;
      font-weight: 300;
      strong {
        font-weight: 900;
      }
    }
    &.condensed-list {
      margin-bottom: 1em;
      li {
        margin-bottom: 0;
      }
    }
    &.title-list {
      margin-bottom: 1em;
      list-style: none;
      li {
        margin-bottom: 0;
        li {
          list-style:square;
          margin-left: 2em;
        }
      }
    }
  }
  ul.tick-list {
    list-style: none;
    li {
      padding-left: 2em;
      position: relative;
    }
    li:before {
      font-family: "sosocial" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      position: absolute;
      left: 0;
      font-size: 1.4em;
      top: 0.25em;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "H";
      color: $salescrowd-green;
    }

  }
}