/*
 * Style :
 */
body{
  font-family: $font-family;
  font-size: $font-size-base;
}
img{
  max-width: 100%;
}
h1, h2, h3, h4{
  font-weight: 900;
}
form{
  margin-bottom: 0;
  &.form-horizontal{
    div {
      &.form-group {
        margin-left: 0;
        margin-right: 0;
      }
    }
  }
  div{
    position: relative;
    margin-bottom: 20px;
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input.form-control{
      font-size:16px;
      box-shadow: none;
      border-radius: 0;
      padding:10px 10px 10px 5px;
      display:block;
      width:100%;
      border:none;
      border-bottom:1px solid $color2;
      &:focus,&:valid{
        box-shadow: none;
        border-color: $color2;

      }
    }
    &.eonet_form_on{
      label{
        top:-10px;
        font-size:12px;
        color: $color2;
      }
      .bar:before,.bar:after{
        width: 50%;
      }
    }
    label {
      color:#999;
      font-size:16px;
      padding: 0 !important;
      font-weight:normal;
      position:absolute;
      pointer-events:none;
      left:5px;
      top:10px;
      transition:0.2s ease all;
    }
    .bar  { position:relative; display:block; width:initial; }
    .bar:before, .bar:after   {
      content:'';
      height:2px;
      width:0;
      bottom:1px;
      position:absolute;
      background:$color2;
      transition:0.2s ease all;
    }
    .bar:before {
      left:50%;
    }
    .bar:after {
      right:50%;
    }
  }
}
