@import "bourbon";

@mixin lato {
  font-family: 'Lato', sans-serif;
}

@mixin ptserif {
  font-family: 'PT Serif', serif;
}

@mixin clearfix {
  &:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
}

@font-face {
  font-family: 'tve-leads-six-set-icons';
  src: url('fonts/six_set/six_set_icons.eot?-o8i8n4');
  src: url('fonts/six_set/six_set_icons.eot?#iefix-o8i8n4') format('embedded-opentype'),
  url('fonts/six_set/six_set_icons.woff?-o8i8n4') format('woff'),
  url('fonts/six_set/six_set_icons.ttf?-o8i8n4') format('truetype'),
  url('fonts/six_set/six_set_icons.svg?-o8i8n4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="six-set-icon"], [class*=" six-set-icon"] {
  color: inherit;
  font-family: 'tve-leads-six-set-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.six-set-icon-lock:before {
  content: "\e600";
}

$white: #fff;
$black: #000;

[class*='six_set'] {
  @include clearfix();
  &.tve_gray_bg {
    background-image: none;
  }
}

body {
  #tve_six_set {
    a {
      color: inherit;
    }
    .tve_image_caption {
      img {
        margin-bottom: 0;
        margin-top: 0;
      }
    }
    h1 {
      @include lato();
      color: #de4e40;
      font-weight: 900;
      font-size: 48px;
      line-height: 50px;
      letter-spacing: normal;
    }
    h2 {
      @include lato();
      color: #505050;
      font-weight: 900;
      font-size: 30px;
      line-height: 32px;
      letter-spacing: normal;
    }
    h3 {
      @include lato();
      color: #505050;
      font-weight: 900;
      font-size: 24px;
      line-height: 26px;
      letter-spacing: normal;
    }
    h4 {
      @include lato();
      color: $white;
      font-weight: 900;
      font-size: 18px;
      line-height: 20px;
      letter-spacing: normal;
    }
    h5 {
      @include ptserif();
      color: #505050;
      display: table;
      font-weight: 400;
      font-size: 16px;
      line-height: 18px;
      letter-spacing: normal;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      padding: 0 60px;
      &:before, &:after {
        background: #c2c2c2;
        content: '';
        display: block;
        height: 1px;
        margin: auto 0;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50px;
      }
      &:before {
        left: 0;
      }
      &:after {
        right: 0;
      }
    }
    h6 {
      @include lato();
      color: $white;
      font-weight: 700;
      font-size: 16px;
      line-height: 18px;
      letter-spacing: normal;
    }
    p {
      @include lato();
      color: #505050;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: normal;
      line-height: 20px;
      margin-bottom: 15px;
      padding-bottom: 0;
    }
    h1, h2, h3, h4, h5, h6 {
      clear: none;
      padding-bottom: 0;
    }
    .bold_text {
      font-weight: 700;
    }
  }
}

#tve_six_set {
  @include lato();
  text-shadow: none;
  article {
    padding-bottom: 0;
  }
  .tve_cb5 {
    .tve_cb_cnt {
      > p {
        text-shadow: none;
        color: $white;
      }
    }
  }
  ol.thrv_wrapper {
    font-size: 16px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-bottom: 0;
    text-align: left;
    li {
      @include lato();
      color: #505050;
      font-size: inherit;
      font-weight: 400;
      line-height: 20px;
      padding-left: 10px;
      position: relative;
      &.bold_text {
        font-weight: 700;
      }
    }
  }
  #tve_editor {
    ul.thrv_wrapper {
      li {
        margin-bottom: 15px;
      }
    }
  }
  ul.thrv_wrapper {
    font-size: 16px;
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 30px;
    padding-left: 0;
    padding-bottom: 0;
    text-align: left;
    li {
      @include lato();
      color: #505050;
      font-size: inherit;
      font-weight: 400;
      list-style-type: none;
      line-height: 20px;
      padding-left: 30px;
      position: relative;
      &.bold_text {
        font-weight: 700;
      }
      &:before {
        content: '\029BF';
        color: #de4e40;
        display: block;
        font-size: 25px;
        position: absolute;
        left: 0;
        top: 0;
      }
    }
  }
  .thrv_lead_generation {
    &.thrv_lead_generation_vertical {
      input[type="text"], input[type="email"] {
        margin-bottom: 15px;
        padding: 20px 10px !important;
      }
      button {
        font-size: 24px;
        padding: 20px 10px;
      }
      .thrv_lead_generation_container {
        .tve_lg_input_container {
          .thrv_icon {
            top: 40%;
          }
        }
      }
    }
    &.thrv_lead_generation_horizontal {
      input[type="text"], button , input[type="email"]{
        margin-bottom: 0;
      }
      input[type="text"], input[type="email"] {
        padding: 12px 10px !important;
      }
      button {
        font-size: 15px;
        padding: 12px 10px;
      }
    }
    button {
      border-radius: 3px;
      box-shadow: none;
      text-shadow: none;
      @include lato();
      color: $white;
      font-weight: 700;
      line-height: 22px;
    }
    input[type="text"], input[type="email"] {
      border-radius: 3px;
      box-shadow: 0 3px 1px 0 rgba($black, .25) inset;
      @include lato();
      border: 1px solid $white;
      background: #fffcd3;
      color: #292929;
      font-weight: 400;
      font-size: 15px;
      height: auto;
      line-height: 22px;
    }
  }
  .tve_ts1 {
    border: 0;
    padding: 0;
    width: 100%;
    .tve_ts_t {
      padding-left: 30px;
      position: relative;
      &:before {
        @include lato();
        content: '\0201C';
        font-size: 36px;
        font-weight: 700;
        line-height: 45px;
        position: absolute;
        left: 10px;
        top: 0;
      }
      p {
        font-style: italic;
        font-weight: 300;
        line-height: 30px;
        text-align: center;
        &.bold_text {
          font-weight: 700;
        }
      }
    }
    .tve_ts_ql {
      display: none;
    }
    .tve_ts_o {
      background: none;
      height: auto;
      margin: 0 auto;
      position: static;
      > span {
        font-size: 16px;
        > b {
          font-size: 16px;
          font-weight: 400;
        }
      }
      br {
        display: none;
      }
    }
  }
  //post footer
  .thrv-leads-form-box {
    border-radius: 3px;
    border: 0;
    &.tve_white.thrv_wrapper {
      background: #f4f4f4;
    }
    .thrv_columns {
      overflow: visible;
    }
    .tve_set6_rounded_corners {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
    }
  }
  //slide in
  .thrv-leads-slide-in {
    border-radius: 3px;
    border: 0;
    background: #f4f4f4;
    max-width: 420px;
    padding: 20px 25px;
    .tve_img_rounded {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
    }
    .tve_image_caption {
      img {
        max-width: 500px;
      }
    }
    .tve-leads-close {
      border: 1px solid #a59d97;
      background: transparent;
      color: #a59d97;
      top: 18px;
      right: 18px;
    }
  }
  //widget
  .thrv-leads-widget {
    border-radius: 3px;
    border: 0;
    background: #f4f4f4;
    padding: 35px 25px;
    .tve_btn {
      min-width: 100%;
    }
    .thrv_content_container_shortcode {
      margin-left: -25px;
      margin-right: -25px;
    }
    h2 {
      color: #de4e40;
      font-size: 36px;
    }
    h4 {
      color: #505050;
    }
    h5 {
      padding: 0 40px;
      &:before, &:after {
        width: 30px;
      }
    }
    .tve_set6_widget_bookmark {
      position: relative;
      z-index: 1;
    }
  }
  .tve-leads-lightbox {
    .tve_p_lb_close {
      background: transparent;
      border: 1px solid #7a7a7a;
      color: #7a7a7a;
      font-size: 14px;
      line-height: 18px;
      top: 10px;
      right: 10px;
    }
    .tve_p_lb_content {
      border-radius: 3px;
      background-color: #f4f4f4;
      max-width: 1060px;
      padding: 0 !important;
    }
    //lightbox 1
    &.tve_six_set_v1 {
      .tve_set6_bookmark {
        left: 25px;
      }
      .tve_p_lb_content {
        .tve_p_lb_inner {
          padding-left: 0;
        }
        .tve_p_lb_control {
          padding: 0;
        }
      }
    }
    //lightbox 2
    &.tve_six_set_v2 {
      .tve_p_lb_close {
        border: 1px solid #a8a8a8;
        color: #a8a8a8;
      }
      .tve_p_lb_inner {
        padding: 0;
      }
      .thrv_columns {
        overflow: visible;
      }
      .tve_cb_rounded {
        .tve_cb5 {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px;
        }
      }
      .thrv_lead_generation_vertical {
        input[type="text"], input[type="email"] {
          margin-bottom: 30px;
        }
      }
      .thrv_contentbox_shortcode {
        margin-top: 0;
        margin-bottom: 0;
      }
      .tve_set6_bookmark {
        left: 10px;
      }
      .tve_p_lb_content {
        .tve_p_lb_control {
          padding: 0 20px;
        }
      }
    }
  }
  //ribbon
  .thrv-ribbon {
    padding: 0;
    h6 {
      position: relative;
      z-index: 1;
    }
    .tve-ribbon-content {
      max-width: 1170px;
    }
    .thrv_lead_generation_horizontal {
      &.tve_2 {
        .tve_lg_2 {
          width: 62%;
          &:last-of-type {
            width: 38%;
          }
        }
      }
    }
  }
  .tve_set6_bookmark {
    position: absolute;
    top: -10px;
    z-index: 1;
  }
}

$color-pallete: 'blue' #529bbf #64a5c6 #4a8bac #176D97 #64a5c6,
'black' #454545 #585858 #3e3e3e #292929 #505050,
'green' #68a43e #78ae53 #5d9339 #47821D #78ae53,
'white' #95a3a4 #a0acad #869293 #517275 #a0acad,
'orange' #f87f00 #f98c1a #e07300 #F87F00 #f98c1a,
'purple' #a077b8 #aa85bf #906ba5 #632F7F #aa85bf,
'red' #de4e40 #e16053 #c74639 #991709 #e16053,
'teal' #008167 #1a8d76 #00735c #004F40 #1a8d76;

@each $color in $color-pallete {
  #tve_six_set {
    .thrv-leads-form-box.tve_#{nth($color, 1)} {
      background: nth($color, 3);
    }
    .tve_ts1.tve_#{nth($color, 1)} {
      .tve_ts_t {
        &:before {
          color: nth($color, 6);
        }
      }
      .tve_ts_o {
        > span {
          color: nth($color, 6);
        }
      }
    }
    .tve_cb5.tve_#{nth($color, 1)} {
      background: nth($color, 6);
    }
    .thrv-ribbon.tve_#{nth($color, 1)} {
      background: nth($color, 5);
    }
    .thrv_lead_generation.tve_#{nth($color, 1)} {
      input[type='text'], input[type="email"] {
        &:hover, &:active {
          border: 1px solid nth($color, 2);
        }
      }
      button {
        background: nth($color, 2);
        &:hover {
          background: nth($color, 3);
        }
        &:active {
          background: nth($color, 4);
        }
      }
    }
  }
}

@import "_responsive";

@media only screen and (max-width: 1080px) {
  body {
    #tve_six_set {
      .tve-ribbon-content {
        .thrv_lead_generation.thrv_lead_generation_horizontal {
          &.tve_2 {
            .tve_lg_2 {
              width: 50%;
              &:last-of-type {
                width: 50%;
              }
            }
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 940px) {
  body {
    #tve_six_set {
      .thrv-leads-form-box {
        .tve_image_caption.aligncenter {
          margin-left: auto !important;
          margin-right: auto !important;
          margin-bottom: 10px !important;
        }
      }
      .tve-leads-lightbox {
        &.tve_six_set_v2 {
          .tve_oth {
            .tve_cb5 {
              margin-left: -21px;
            }
          }
        }
        &.tve_six_set_v1 {
          .tve_p_lb_content {
            .tve_p_lb_control {
              padding: 10px;
            }
          }
          .tve_oth {
            .tve_image_caption {
              max-width: 150px;
              margin: 0 auto;
            }
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 540px) {
  .tve_set6_heading {
    margin-top: 80px !important;
  }
  #tve_six_set {
    .thrv-leads-slide-in {
      .tve_image_caption {
        &.aligncenter {
          margin-left: auto !important;
          margin-right: auto !important;
        }
        img {
          max-width: 100%;
        }
      }
    }
  }
}