@import "bourbon";

//@mixin opensans {
//  font-family: 'Open Sans', sans-serif;
//}

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

body {
  #tve_blank_set {
    .thrv_lead_generation {
      &.tve_white {
        button {
          color: #333333;
        }
      }
      .tve_lg_radio_wrapper {
        display: inline-block;
        position: relative;
        padding: 5px 20px 5px 0;
        input[type="radio"] {
          cursor: pointer;
          height: 100%;
          margin: 0;
          padding: 0;
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 5;
          width: 100%;
          &:checked {
            + label {
              &:after {
                background: #7f7f7f;
              }
            }
          }
          + label {
            color: #666666;
            display: inline-block;
            font-family: inherit;
            position: relative;
            font-size: 22px;
            font-weight: 400;
            &:before {
              border: 1px solid #a3a3a3;
              background-color: transparent;
              border-radius: 100%;
              content: '';
              display: inline-block;
              height: 20px;
              margin-right: 10px;
              vertical-align: middle;
              position: relative;
              top: -2px;
              width: 20px;
            }
            &:after {
              @include transition(background-color .3s);
              background-color: transparent;
              border-radius: 100%;
              content: '';
              height: 10px;
              position: absolute;
              top: 11px;
              left: 6px;
              width: 10px;
            }
          }
        }
      }
      .tve_lg_checkbox_wrapper {
        display: inline-block;
        position: relative;
        padding: 5px 20px 5px 0;
        width: auto;
        input[type="checkbox"] {
          &:not(:checked), &:checked {
            position: absolute;
            visibility: hidden;
            + label {
              color: #5e5e5e;
              cursor: pointer;
              font-size: 22px;
              font-weight: 400;
              font-family: inherit;
              position: relative;
              padding-left: 35px;
              &:before {
                border: 1px solid #a3a3a3;
                background-color: transparent;
                border-radius: 1px;
                content: '';
                height: 20px;
                position: absolute;
                left: 0;
                top: 4px;
                width: 20px;
              }
              &:after {
                @include transition(all, .2s);
                content: "\02713";
                color: #fff;
                font-size: 15px;
                font-weight: 600;
                position: absolute;
                top: 4px;
                left: 5px;
              }
            }
          }
          &:checked {
            + label {
              &:before {
                background: #7f7f7f;
                border: 1px solid #7f7f7f;
              }
            }
          }
          &:not(:checked) + label:after {
            @include transform(scale(0));
            opacity: 0;
          }
          &:checked + label:after {
            @include transform(scale(1));
            opacity: 1;
          }
        }
      }
      .tve_lg_dropdown {
        position: relative;
        select {
          @include appearance(none);
          background-color: #fff;
          box-shadow: 0 0 4px 0 rgba(#000, .39) inset;
          border: 1px solid #afafaf;
          color: #666666;
          border-radius: 3px;
          cursor: pointer;
          display: inline-block;
          font-size: 20px;
          font-weight: 300;
          font-family: inherit;
          line-height: 23px;
          height: 52px;
          margin: 0;
          outline: none;
          padding-right: 40px!important;
          option {
            color: #5e5e5e;
            font-size: 22px;
            font-weight: 400;
          }
          &:focus {
            border: 1px solid #676767;
            background: #fff;
          }
          &:hover {
            border: 1px solid #afafaf;
            background: #fff;
          }
        }
        .tve_sc_icon {
          margin-right: 20px;
        }
        &:after {
          background: transparent;
          border-radius: 100px;
          border: 1px solid #afafaf;
          color: #afafaf;
          content: "\022C1";
          font-size: 17px;
          height: 20px;
          line-height: 21px;
          pointer-events: none;
          position: absolute;
          top: 15px;
          right: 20px;
          text-align: center;
          width: 20px;
        }
      }
    }
    .thrv_lead_generation_container {
      input[type="text"], input[type="email"] {
        border-radius: 3px;
        background: #fff;
        border: 1px solid #afafaf;
        box-shadow: 0 0 4px 0 rgba(#000, .37) inset;
        color: #333333;
        font-size: 22px;
        font-weight: 400;
        font-family: inherit;
        height: auto;
        line-height: 29px;
        margin-top: 0;
        &:hover {
          border: 1px solid #676767;
          color: #666666;
        }
        &:focus {
          border: 1px solid #676767;
          color: #666666;
        }
      }
      button {
        border-radius: 3px;
        font-weight: 400;
        font-size: 22px;
        font-family: inherit;
        line-height: 29px;
        text-shadow: none;
        padding-bottom: 11px;
      }
    }
    //screen filler
    .thrv-leads-screen-filler {
      background: #fff;
    }
    //ribbon
    .tve-ribbon-close {
      color: #333;
    }
      //Scroll Mat
    .thrv-greedy-ribbon {
      background: #fff;
      padding-top: 20vh;
    }
    .tve-greedy-ribbon-content {
      margin: 0 auto;
      max-width: 800px;
    }
    //widget form
    .thrv-leads-widget {
      background: #fff;
    }
    //slide in form
    .thrv-leads-slide-in {
      background: #fff;
      max-width: 320px;
      .tve-leads-close {
        right: 0;
      }
    }
    //screen filler
    .thrv-leads-screen-filler {
      .tve-screen-filler-close {
        border-radius: 22px;
        background: #000;
        border: 1px solid;
        color: #FFF;
        display: block;
        height: 20px;
        line-height: 18px;
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        text-decoration: none;
        text-align: center;
        width: 20px;
      }
    }
    .tve-screen-filler-content {
      max-width: 1080px;
    }
  }
}

[class*='tve_blank_set'] {
  @include clearfix();
  font-family: inherit;
}
//gradient 1 gradient 2 box shadow gradien 3 gradient 4 box shadow
$color-pallete:
'blue' #2765c1 #0055ab #124890 #083c70 #024f97 #2765c1,
'black' #5b5b5b #414141 #353535 #181818 #424242 #5b5b5b,
'green' #478e12 #048201 #266e0d #094c07 #088302 #478e12,
'white' #fdfdfd #f2f2f2 #f0f0f0 #e0e0e0 #c1c1c1 #fff,
'orange' #f67e09 #c56200 #c46200 #aa5400 #c96401 #f67e09,
'purple' #9824db #7d00c4 #7100b2 #4d0079 #8004c6 #9824db,
'red' #dd2e2e #cc0000 #cc0000 #830d0d #cc0101 #dd2e2e,
'teal' #4da88b #249267 #298966 #0f593c #2a956c #4da88b;

@each $color in $color-pallete {
  [class*='tve_blank_set'] {
    .thrv_lead_generation.tve_#{nth($color, 1)} {
      .thrv_lead_generation_container {
        button {
          @include linear-gradient(nth($color, 2), nth($color, 3));
          border: 1px solid nth($color, 6);
          &:hover {
            @include linear-gradient(nth($color, 4), nth($color, 4));
          }
        }
      }
    }
    &.thrv-ribbon.tve_#{nth($color, 1)} {
      background: nth($color, 7);
    }
    &.thrv-leads-form-box.tve_#{nth($color, 1)} {
      background: nth($color, 7);
    }
  }
}

@import '_responsive';