/*

    onboard-form.css

*/

.navigator-page #content .np-content form.email-sign-up {
    border: 1px solid #ccc;
    padding: 1em;
    box-shadow: 0px 0px 10px 1px #dddddd;
    max-width: 400px;
}

.navigator-page #content .np-content form.email-sign-up legend {
    margin: 0;
    font-weight: bold;
}

.navigator-page #content .np-content form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.navigator-page #content .np-content form.email-sign-up fieldset .email-sign-up-form-elements {
    text-align: center;
}

.navigator-page #content .np-content form.email-sign-up fieldset .email-sign-up-form-elements label {
    text-align: left;
    display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #0a0a0a;
}

.navigator-page #content .np-content form.email-sign-up fieldset .email-sign-up-form-elements [type="text"] {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    border-radius: 0;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.navigator-page #content .np-content form.email-sign-up fieldset .email-sign-up-form-elements [type="text"]:focus {
    border: 1px solid #8a8a8a;
    background: #fefefe;
    outline: none;
    box-shadow: 0 0 5px #cacaca;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

.navigator-page #content .np-content form.email-sign-up fieldset .email-sign-up-form-elements input.button {
    transition: none;
    margin: 0;
    text-transform: uppercase;
    font-size: 0.9rem;
    width: 100%;
}