@import "bourbon";

@mixin sourcesans {
  font-family: 'Source Sans Pro', sans-serif;
}

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

@font-face {
  font-family: 'tve-leads-thirteen-set-icons';
  src: url('fonts/thirteen_set/thirteen_set_icons.eot?kbj5hd');
  src: url('fonts/thirteen_set/thirteen_set_icons.eot?#iefixkbj5hd') format('embedded-opentype'),
  url('fonts/thirteen_set/thirteen_set_icons.woff?kbj5hd') format('woff'),
  url('fonts/thirteen_set/thirteen_set_icons.ttf?kbj5hd') format('truetype'),
  url('fonts/thirteen_set/thirteen_set_icons.svg?kbj5hd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

[class*='thirteen_set'] {
  &.tve_gray_bg {
    background-image: none;
    background: #c2c2c2;
  }
}

#tve_thirteen_set {
  #tve_editor .thrv_wrapper > .tve_sep {
    @include background-image(
            linear-gradient(45deg, rgba(#fff, .01) 33.33%, #fff 33.333%, #fff 66.66%, rgba(#fff, .01) 66.66%),
            linear-gradient(-45deg, rgba(#fff, .01) 33.33%, #fff 33.33%, #fff 66.66%, rgba(#fff, .01) 66.66%)
    );
    background-size: 20px 40px;
    border: 0;
    height: 10px;
    margin-top: 0;
    margin-left: -2500px;
    width: 6060px;
  }
}

#tve_thirteen_set {
  [class*='thirteen_set'] {
    @include clearfix();
    .tve-screen-filler-close {
      @include sourcesans();
      border-radius: 50%;
      border: 0;
      background: rgba(#3b4d54, .59);
      color: #5f7f89;
      display: block;
      font-size: 30px;
      height: 35px;
      line-height: 26px;
      position: absolute;
      top: 20px;
      right: 20px;
      text-align: center;
      text-decoration: none;
      width: 35px;
    }
    /*page sections*/
    .tve_editor_main_content, .thrv_page_section .out .in {
      margin-left: auto;
      margin-right: auto;
      max-width: 1060px;
    }
    .thrv_page_section {
      .out {
        .in {
          &.pddbg {
            .cck {
              margin-left: auto;
              margin-right: auto;
              max-width: 1060px;
            }
          }
        }
      }
      .out {
        color: #5b5b5b;
        /* themes setting max-width: 100% for divs */
        margin-left: -2500px;
        max-width: none;
        width: 6060px;
        .darkSec {
          color: #666;
        }
        .lightSec {
          color: #ffffff;
        }
        .in {
          margin: 0 auto;
          padding-top: 20px;
          padding-bottom: 20px;
        }
      }
      .pdwbg {
        background-position: center center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .pddbg {
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      .pdfbg {
        &.smaller {
          background-size: 100% 100%;
        }
      }
    }
    a {
      color: inherit;
    }
    h2 {
      @include sourcesans();
      color: #fff;
      font-weight: 600;
      font-size: 80px;
      line-height: 1em;
      letter-spacing: normal;
    }
    h3 {
      @include sourcesans();
      color: #fff;
      font-weight: 300;
      font-size: 52px;
      line-height: 1.152em;
      letter-spacing: normal;
    }
    h5 {
      @include sourcesans();
      color: #666;
      font-weight: 300;
      font-size: 32px;
      line-height: 1.063em;
      letter-spacing: normal;
    }
    p {
      color: #666666;
      font-size: 24px;
      line-height: 1.417em;
      letter-spacing: normal;
      margin-bottom: 20px;
    }
    .bold_text {
      font-weight: 600;
    }
    h2, h3, h5 {
      clear: none;
      padding-bottom: 0;
    }
  }
}

#tve_thirteen_set {
  @include sourcesans();
  text-shadow: none;
  article {
    padding-bottom: 0;
  }
  .tve_btn.tve_btn5 {
    border-radius: 100px;
    @include sourcesans();
    color: $white;
    font-weight: 400;
    &.tve_bigBtn {
      .tve_btnLink {
        font-size: 33px;
        padding: 8px;
      }
    }
    .tve_btn_divider {
      display: none;
    }
    .tve_sc_icon {
      font-size: 100px;
      margin-right: 0;
    }
    .tve_btn_txt {
      padding-right: 10px;
    }
    .tve_btnLink {
      text-shadow: none;
    }
    &.tve_white {
      a {
        span {
          color: #999999;
        }
      }
      &:active, &:hover {
        a {
          span {
            color: #fff;
          }
        }
      }
    }
  }
  .thrv_lead_generation {
    &.tve_white {
      button {
        color: #fff;
        &:hover, &:active {
          color: #333;
        }
      }
    }
    .tve_submit_container {
      padding: 6px;
    }
    button {
      border-radius: 100px;
      @include sourcesans();
      text-shadow: none;
      box-shadow: none;
      color: $white;
      font-weight: 400;
      font-size: 36px;
      line-height: 38px;
      padding: 24px 10px;
    }
    input[type="text"], input[type="email"] {
      border-radius: 100px;
      @include sourcesans();
      box-shadow: 0 0 0 3px #dbdfd4;
      background: $white;
      border: 0;
      color: #999;
      font-size: 25px;
      font-weight: 400;
      height: auto;
      line-height: 28px;
      margin-bottom: 20px;
      padding: 30px 20px !important;
      &:hover {
        box-shadow: 0 0 0 3px #999999;
      }
      &:focus {
        box-shadow: 0 1px 5px 0 rgba(#000, .2) inset;
        background: #dee5cf;
        color: #333333;
      }
    }
  }
}

$color-pallete: 'blue' #60808b #60808b #90a6ae #fff,
'black' #474745 #474745 #7f7f7d #fff,
'green' #68826e #68826e #96a89a #fff,
'white' #fff #c1c2c0 #c1c2c0 #999999,
'orange' #be962a #be962a #d2b66a #fff,
'purple' #7a5e72 #7a5e72 #a28f9d #fff,
'red' #80374d #80374d #a67383 #fff,
'teal' #6b9c99 #6b9c99 #98bab8 #fff;

@each $color in $color-pallete {
  #tve_thirteen_set {
    .thrv-leads-screen-filler.tve_#{nth($color, 1)} {
      background-color: nth($color, 2);
    }
    .tve_btn.tve_btn5.tve_#{nth($color, 1)} {
      background: nth($color, 2);
      border: 2px solid nth($color, 3);
      &:hover {
        background: nth($color, 4);
        border: 2px solid nth($color, 4);
      }
      &:active {
        background: nth($color, 5);
        border: 2px solid nth($color, 4);
        span {
          color: nth($color, 4);
        }
      }
    }
    .thrv_lead_generation.tve_#{nth($color, 1)} {
      button {
        background: nth($color, 2);
        border: 2px solid nth($color, 3);
        &:hover {
          background: nth($color, 4);
          border: 2px solid nth($color, 4);
        }
        &:active {
          background: nth($color, 5);
          border: 2px solid nth($color, 4);
          color: nth($color, 4);
        }
      }
    }
  }
}

[class^="thirteen-set"], [class*=" thirteen-set"] {
  color: inherit;
  font-family: 'tve-leads-thirteen-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;
}

.thirteen-set-icon-file:before {
  content: "\e600";
}

.thirteen-set-icon-arrow:before {
  content: "\f0a9";
}

.thirteen-set-icon-check:before {
  content: "\f058";
}

.thirteen-set-icon-reject:before {
  content: "\f057";
}

@import "_responsive";
@media only screen and (max-width: 1080px) {
  #tve_thirteen_set {
    [class*="tve_thirteen_set"] {
      .thrv_page_section {
        .out {
          width: 100%;
          margin-left: -20px;
          padding-left: 20px;
          padding-right: 20px;
          &.pswr {
            margin-left: 0;
            padding-left: 0;
            padding-right: 0;
            .rtl & {
              padding-right: 20px;
            }
            .in.pddbg {
              margin-left: -20px;
              margin-right: -20px;
              padding-left: 20px;
              padding-right: 20px;
              height: 100% !important;
            }
            .in.pdwbg {
              width: auto;
            }
          }
          .rtl & {
            margin-right: -20px;
            .in {
              padding: 20px;
            }
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 774px) {
  #tve_thirteen_set {
    [class*="tve_thirteen_set"] {
      .thrv_lead_generation {
        input[type="text"], input[type="email"] {
          padding: 10px !important;
        }
        button {
          padding: 10px;
        }
      }
    }
  }
}