/* ------------------------------------
 * Contact Form
------------------------------------ */

@font-face {
    font-family: 'franklin_gothic_fscompressed';
    src: url('/fonts/franklin_gothic/franklingothic-comp-webfont.eot');
    src: url('/fonts/franklin_gothic/franklingothic-comp-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/franklin_gothic/franklingothic-comp-webfont.woff2') format('woff2'),
         url('/fonts/franklin_gothic/franklingothic-comp-webfont.woff') format('woff'),
         url('/fonts/franklin_gothic/franklingothic-comp-webfont.ttf') format('truetype'),
         url('/fonts/franklin_gothic/franklingothic-comp-webfont.svg#franklin_gothic_fscompressed') format('svg');
    font-weight: normal;
    font-style: normal;
}

.xmark {
    width: 25px;
    height:25px;
    background: #f1f1f1;
    border-radius: 10px;
    display: block;
}

/*
html.embed {
    overflow-y: auto !important;
}
*/

.wufoo .info {
    display: none;
}

.wufoo .info h2 {
    font-size: 160%;
    font-weight: bold;
    color: #8cc63e !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}
.wufoo span.symbol {
    margin-top: 8px !important;
}
.wufoo .info div {
    font-size: 95%;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 800 !important;
    color: #5e5f61;
}

.wufoo .info, .wufoo .paging-context {
    border-bottom: none;
    width: 67%;
    float: right;
}

.wufoo label.desc, .wufoo legend.desc {
    font-size: 16px !important;
    font-weight: bold;
    color: #5e5f61 !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0px;
    width: 30%;
    text-transform: uppercase;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
}
.wufoo input[type="tel"] {
    width: 50px !important;
}

.wufoo input.text,
.wufoo textarea.textarea,
.wufoo input.file, .wufoo select.select {
    font-style: normal;
    font-weight: normal;
    color: #333333;
    font-size: 100%;
    height: 35px;
    border: none;
    background: #f1f1f1;
    width: 68%;
    min-width:50%;
    text-indent: 15px;
}

form li.buttons input {
    /* font-size: 18px!important; */
    margin-right: 5px;
    float: right;
    /* background: url(//choosenj.com/wp-content/themes/ChooseNJ/images/submit.png); */
    border: 0;
    /* text-indent: -9999px; */
    height: 50px;
    width: 175px;
    border-radius: 0;
    cursor: pointer;
    
    /* new addition */  
    background-color: #85BD00;
    text-transform: uppercase;
    font-size: 25px !important;
    font-family: franklin_gothic_fscompressed,Arial,sans-serif !important;
    color: white;
    padding-top: 2.5px;
    -webkit-font-smoothing: antialiased;
}

form input[type=submit] {
    font-family: 'ITC Franklin Gothic', Arial;
}
@supports (-webkit-overflow-scrolling: touch) {
    form li.buttons input[type="submit"] {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background: #85BD00;
        background-color: #85BD00;
        border-radius: 0 !important;
        text-transform: uppercase;
        font-size: 25px !important;
        font-family: franklin_gothic_fscompressed,Arial,sans-serif !important;
        color: white;
        padding-top: 2.5px;
        -webkit-font-smoothing: antialiased;
    }
}

form li.buttons input:hover { background-color: #0078AE; }    

.wufoo li.focused { background-color: #ffffff; }

form span.req {
    display: inline;
    float: none;
    color: #5e5f61 !important;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {

    .wufoo input.text {
          width: auto;
          min-width:65%;
    }
    
    textarea.textarea{
        max-width:65%;
        width: auto;
        min-height:75px;
    }
    
    .wufoo label.desc {
          font-size: 13px !important;
          text-align: left;
    }
    
    form li.buttons input {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background: #85BD00 !important;
        margin-right: 5px;
        float: right;
        border: 0 !important;
        border-radius: 0 !important;
        height: 50px;
        width: 175px;
        border-radius: 0 !important;
        cursor: pointer;
        background-color: #85BD00 !important;
        text-transform: uppercase;
        font-size: 25px !important;
        font-family: franklin_gothic_fscompressed,Arial,sans-serif !important;
        color: white;
        padding-top: 2.5px;
        -webkit-font-smoothing: antialiased;
    }

    form li.buttons input:hover { background-color: #0078AE !important; }  
    
}