/* - - - - - - - - - - - - - - - - - - - - -

 Title : Submit Button CSS
 Author : K. Allyn
 Last Updated : July 3, 2020

- - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - -

- - - - - - - - - - - - - - - - - - - - - 

INSTRUCTIONS TO APPLY BUTTON CSS
1. Find the form's theme, go to edit it under Themes.

2. Go to Buttons and select "Text" for Button type to remove button image.

3. Go to Advanced > and paste the below link to the CSS file in the custom CSS field:;

https://s3.us-west-2.amazonaws.com/filestorage-asset.wufoo.com/9d776e8d-d3b6-4364-825f-1b3b98d75856/b3b71a49-87b6-4122-94c0-a496025cc46b

4. Save Theme.




TO DO:
- Fix logo/form alignement
- fix ugly input borders
- Fonts?


- - - - - - - - - - - - - - - - - - - - - */

/* - - - Default - - - */


/* - - - SUBMIT BUTTON - - - */


/*@font-face {
  font-family: "Hevetica Neue";
  src: url("http://conference.ccim.com/font/HelveticaNeue-Light.woff") format("truetype"); }

@font-face{font-family:Futura New;src:url("http://conference.ccim.com/font/FuturaNewBold.woff") format("woff");font-weight:700;font-style:normal}
*/


/*h1 {
  font-family: Futura New;
}
*/

/*form {
  font-family: "Hevetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Hevetica Neue";
}*/
input#saveForm {
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
        padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    background-color: #be0f34;
    color: #fff;
    outline: none;
}

input#saveForm:hover {
    background: #8f0b27;
    border-color: transparent;;
}


/* - - - REQUIRED FIELD * - - - */
form span.req {
    color: #BC263E !important;
}

/* - - - FIELD BORDERS+STYLES - - - */
input.text, input.search, textarea.textarea {
    background: #fff;
    border: 1px solid #c3c3c3 !important;
}



/* completely hiding radio button */
  /*input[type="radio"] {
    display: none;
  }*/


/* simulate radiobutton appearance using pseudoselector */
    /*input[type="radio"] + label:before {
      content: "";*/
      /* create custom radiobutton appearance */
    /*  display: inline-block;
      width: 7px;
      height: 7px;
      padding: 2px;
      margin-right: 5px;
          margin: 3px 7px 0px 9px;*/

      /* background-color only for content */
    /*  background-clip: content-box;
      border: 1px solid rgb(118, 118, 118);

      border-radius: 50%;
    }*/

/* appearance of checked radiobutton */
  /*input[type="radio"]:checked + label:before {
    background-color: #be0f34;
    border: 1px solid #be0f34;
  }*/

select.field.select {
  border: 1px solid #c3c3c3 !important;
}

.safari .wufoo select.select {
    background: #fff;

}

.confirm h2 {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
    margin: 0 0 .2em 0;
     line-height: 1.667; 
    margin: 0 1em;
    padding: 70px 0 80px 0;
}