/**
 * @file
 * Styling for Salesforce forms.
 *
 * This is the default/base styling.
 */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900');

html {
  font-family: "Source Sans Pro", Arial, Sans-Serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}


/* SalesForce form styles. */
.wFormContainer {
  font-family: "Source Sans Pro", Arial, Sans-Serif !important;
  font-size: 15px !important;
  line-height: 18px !important;
  border-width: 0px !important;
  max-width: 100% !important;
  background-color: transparent !important;
}
.wFormContainer .wForm {
  padding: 0 !important;
  max-width: 100% !important;
}
.wFormContainer .wForm form {
  background-color: transparent;
  border: 0px;
}
  /* Decrease space between form fields. */
  .wFormContainer .wForm div > div.oneField,
  .wFormContainer .wForm fieldset > div.oneField,
  .wFormContainer .wForm form > div.oneField,
  .wFormContainer .wForm fieldset,
  .wFormContainer .wForm .matrixLayout,
  .wFormContainer .wForm .gridLayout,
  .wFormContainer .wForm h4,
  .wFormContainer .wForm .wfPagingButtons,
  .wFormContainer .wForm .actions {
    margin-top: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: transparent !important;
  }
  .wFormContainer .wForm table {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .wForm .preField {
    background-color: transparent !important;
  }
  .wForm .postField {
    margin: 0 12px 0 4px;
  }

  /* UNH styling for buttons (ie. Submit, Prev/Next). */
  .wFormContainer .wForm .primaryAction,
  .wFormContainer .wForm .secondaryAction,
  .wFormContainer .wForm .wfPagePreviousButton,
  .wFormContainer .wForm .wfPageNextButton {
    box-shadow: none;
    border-radius: 0px;
    border-color: transparent;
    background-image: none;
    background-color: #CB4D0B;
    color: #fff;
    padding: 8px 20px!important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px!important;
    letter-spacing: .5px;
  }
  .wFormContainer .wForm .primaryAction:hover, .wFormContainer .wForm .primaryAction:active,
  .wFormContainer .wForm .secondaryAction:hover, .wFormContainer .wForm .secondaryAction:active,
  .wFormContainer .wForm .wfPagePreviousButton:hover, .wFormContainer .wForm .wfPagePreviousButton:active,
  .wFormContainer .wForm .wfPageNextButton:hover, .wFormContainer .wForm .wfPageNextButton:active {
    border-color: transparent;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }

  /* Textarea field dropdown styles. */
  .wForm textarea {
    border: 1px solid #ddd;
  }

  /* Select field dropdown styles. */
  .wForm select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 5px 24px 5px 6px;
    border: 1px solid #ddd;
    background: #fff url(fa-chevron-down.png) no-repeat right;
  }

/* Form Title. */
.wFormContainer .wFormTitle {
  text-align: center;
}

/* Field labels. */
.wFormContainer label, .wFormContainer .label {
  font-size: 100%;
  color: #555555;
  padding: 0;
  vertical-align: middle !important;
  font-weight: normal !important;
  text-align: left;
  white-space: normal;
}

/* Make hidden labels actually hidden, instead of leaving placeholder. */
.wForm .labelsHidden > .label,
.wForm .labelsHidden > br,
.wForm .labelsHidden > .oneFieldWrapper > .label,
.wForm .labelsHidden > .oneFieldWrapper > br {
  display: none;
}

/* Set fields to 100% width if there is no label or if the field-full class is added. */
.wFormContainer .labelsRemoved .inputWrapper,
.wFormContainer .field-full .inputWrapper,
.wFormContainer .labelsHidden .inputWrapper {
  width: 100%;
}
.wFormContainer input[type=text],
.wFormContainer input[type=time],
.wFormContainer input[type=number],
.wFormContainer input[type=url],
.wFormContainer input[type=email],
.wFormContainer textarea {
  width: 100%;
  padding: 5px !important;
}

/* Hide the Support info that gets added by default. */
.wFormContainer .supportInfo {
  display: none;
}

/* Styles for high school/college lookup. */
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden; /* prevent horizontal scrollbar */
  padding-right: 20px; /* add padding to account for vertical scrollbar */
  z-index: 500 !important; /* Make schoolpicker appear above masked fields below it*/
  font-size: 80%;
}

/* Styles for Auto Suggest field (ie. on form #218265). */
.wFormContainer .wForm input.wfAutosuggest.tt-input {
  background-color: #fff !important;
  padding-left: 30px !important;
}
span.twitter-typeahead {
  width: 100%;
}

/* Fieldset styles. */
.wFormContainer .wForm fieldset {
  margin: 0 0 30px 0;
  border-radius: 0px;
  border: 0px;
  padding: 10px 0px;
}

.wForm fieldset legend {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0;
  padding: 5px 0px;
  line-height: 22px;
}

.wForm fieldset legend b {
  font-weight: 600;
}

/* Google reCaptcha needs to scale. */
@media screen and (min-width: 768px){
  #rc-imageselect, #google-captcha {
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
}