@import url("/styles/base/alpha.less");

#footerBackground {
  position: absolute;
  width: 100%;
  bottom: 0; /* sticks to bottom */
  @height: 166px;
  height: @height;

  .wrapper {

    width: 1024px;
    height: @height;
    position: absolute;
    left: 50%;
    margin-left: -512px;
    
    .helpline {

      vertical-align: middle;
      text-align: center;
      position: absolute;
      left: 68px;
      top: 29px;
      font-style: normal;
      font-variant: normal;

      span {
        display: block;
        &.line1 {
        }
        &.line2 {
        }
      }
    }

    .affiliates {
      position: absolute;
      right: 31px;
      top: 9px;
      
      .logo {
        display: inline-block;
        float: left;
        min-width: 68px;
        height: 92px;
        padding-right: 5px;
        padding-left: 5px;
        margin: 0px;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;

        &.youtube {
          width: 68px;
          background-image: url("img/Affiliate Logos/youtubeLogo.png");
        }
        &.facebook {
          width: 90px;
          background-image: url("img/Affiliate Logos/facebooklogo.png");
        }
        &.wbe {
          width: 71px;
          background-image: url("img/Affiliate Logos/wbelogo.png");
        }
        &.qvm {
          width: 77px;
          background-image: url("img/Affiliate Logos/fordQvmLogo.png");
        }
        &.ntea {
          width: 88px;
          background-image: url("img/Affiliate Logos/nteaLogo.png");
        }
        &.naemt {
          width: 141px;
          background-image: url("img/Affiliate Logos/naemt.png");
          background-position: 4px center;
        }
      }
    }

    .copyright {
      vertical-align: middle;
      text-align: center;
      position: absolute;
      left: 50px;
      padding: 16px 16px 15px;
      bottom: 0;
    }
    
    .navigation {
      position: absolute;
      right: 50px;
      bottom: 0;
      height: 50px;
      overflow: hidden;
      
      .navItem {
        
        float: left;
        padding: 16px 16px 15px;
        cursor: pointer;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        &:hover {
          background-image: url("img/siteFooter_hover.png");
        }
      }

      .separator {
        float: left;
        background-image: url("img/siteFooter_sep.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
    }
  }
}

// Font Settings

#footerBackground {
  color: white;
  .copyright {
    font-size: 11px;
  }
  .navigation {
    font-size: 11px;
  }
  .helpline {
    line-height: 1.25;
    .line1 {
      font-size: 16px;
      font-weight: lighter;
      .alpha(0.5);
    }
    .line2 {
      font-size: 30px;
      font-family: "Georgia", "Times New Roman", "times", "serif";
    }
  }
}