/* - - - - - - - - - - - - - - - - - - - - -
 Title : Rounded Fields - Stormwater Commission Form
 Based on : EmailMeForm Example CSS Kit structure
 - - - - - - - - - - - - - - - - - - - - - */


/* -- Rounded field inputs, textarea, select -- */
#emf-container div.emf-div-field input,
#emf-container div.emf-div-field textarea,
#emf-container div.emf-div-field select
{
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}


/* -- Smaller radius for the narrow phone-number segment boxes -- */
#emf-container div.emf-div-field input.emf-input-w30,
#emf-container div.emf-div-field input.emf-input-w40
{
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}


/* -- Submit button -- */
#emf-container input[type="submit"]
{
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid #cccccc;
  padding: 8px 20px;
  cursor: pointer;
}


/* -- Focus state for a subtle highlight on rounded fields -- */
#emf-container div.emf-div-field input:focus,
#emf-container div.emf-div-field textarea:focus,
#emf-container div.emf-div-field select:focus
{
  border-color: #4256e8;
  outline: none;
  box-shadow: 0 0 0 2px rgba(66, 86, 232, 0.15);
}