/*------------------------------------*\
    #GREENHOUSE APPLICATION FORM
\*------------------------------------*/

/*import google fonts*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

/*hide unused elements*/
.required-fields,
.heading {
    display: none;
}

/**
***  Style Begins Here (overwriting greenhouse's default styles)
**/

#app_body {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

#application {
    padding: 32px;
    background-color: #f7f7f7;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    box-shadow: 0 8px 8px -6px rgba(0, 0, 0, 0.2), 0 18px 30px -3px rgba(0, 0, 0, 0.25);
}

#submit_app {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: white;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    cursor: pointer;
    border: none;
    padding: 12px;
    font-size: 14px;
    font-weight: normal;
    transition: all 250ms ease;
    max-width: 100%;

    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83d2fb+0,83fbed+100 */
    background: rgb(131,210,251); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(131,210,251,1) 0%, rgba(131,251,237,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(131,210,251,1) 0%,rgba(131,251,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(131,210,251,1) 0%,rgba(131,251,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83d2fb', endColorstr='#83fbed',GradientType=1 ); /* IE6-9 */
}

#submit_app:hover {
    box-shadow: 0 8px 8px -6px rgba(0, 0, 0, 0.2), 0 18px 30px -3px rgba(0, 0, 0, 0.25);
}