/* Sign in with Google button - follows Google's identity branding guidelines
   (white background, #dadce0 border, Roboto, 18px four-colour G mark) */

/* The surrounding fieldset. Left/right margins line its box up with the
   .register-block and .login-block panels below it, which sit at 282-982 in
   this fixed-width theme; the default 2px groove is replaced with the same
   1px lightgrey the panels use. */
.oauth-login-google {
    margin: 10px 5px 10px 15px;
    padding: 10px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
}

.oauth-login-google legend {
    padding: 0 5px;
    color: #666;
}

.oauth-login-google .google-signin-button {
    display: inline-block;
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    color: #3c4043;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .25px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.oauth-login-google .google-signin-button:hover {
    background-color: #f8faff;
    border-color: #d2e3fc;
    text-decoration: none;
}

.oauth-login-google .google-signin-button:active {
    background-color: #ecf3fe;
}

.oauth-login-google .google-signin-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;
    border: 0;
}

.oauth-login-google .google-signin-label {
    vertical-align: middle;
}