/* Signin */
.signin {
  text-align: center;
  padding: @line-height-computed * 2;

  .logo {
    margin-bottom: @line-height-computed * 2;
  }

  .banner {

    h1 {
      font-size: 38px;
      margin-bottom: @line-height-computed;
      font-family: 'Source Sans Pro', sans-serif;
      font-weight: 300;
      color: @gray-dark;
    }

    h2 {
      margin-bottom: @line-height-computed * 2;
      font-weight: 300;
      color: @gray-light;
    }
  }

  .card {
    margin: 0 auto (@line-height-computed * 2) auto;
    text-align: left;
    max-width: 450px;
    background-color: @gray-lighter;
    border-radius: @border-radius-base;
    .box-shadow(0 5px 10px rgba(0,0,0,.5));
    padding: (@line-height-computed * 2) (@line-height-computed * 1.5);

    .form-signin {
      max-width: 330px;
      padding: 15px;
      margin: 0 auto;
    }

    .form-control {
      position: relative;
      height: auto;
      padding: 10px;
      font-size: 16px;
    }

    .form-control:focus {
      z-index: 2;
    }

    input[type="submit"] {
      margin-top: @line-height-computed * 1.5;
    }
  }
}