/********************************************
 * Marketo Form Styles - Default (Dark Theme, Labels Shown)
 **********************/
/* Labels */
form.mktoForm label.mktoLabel {
  color: #444 !important;
  font-size: 1rem !important;
  font-weight: normal !important;
  font-family: proxima-nova, sans-serif !important;
  margin-bottom: .2rem !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: left !important;
  letter-spacing: 0px !important;
}

form.mktoForm label.mktoLabel span { 
  color: inherit !important;
}

/* Inputs */
form.mktoForm input[type="date"],
form.mktoForm input[type="email"],
form.mktoForm input[type="number"],
form.mktoForm input[type="tel"],
form.mktoForm input[type="text"],
form.mktoForm input[type="url"],
form.mktoForm select.mktoField,
form.mktoForm textarea.mktoField {
  background-color: #f0f0f0 !important;
  height: 30px !important;
  color: #444 !important;
  font-size: 1rem !important;
  font-family: sans-serif !important;
  box-shadow: none !important;
  text-align: left !important;
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  border-bottom-width: 1px !important;
  border-left-width: 1px !important;
  border-style: solid !important;
  border-radius: 0 !important;
}
form.mktoForm input::-webkit-input-placeholder,
form.mktoForm textarea::-webkit-input-placeholder,
form.mktoForm select::-webkit-input-placeholder {
  color: #626262 !important;
  font-size: 1rem !important;
  font-family: sans-serif !important;
  text-align: center !important;
}
form.mktoForm input::-moz-placeholder,
form.mktoForm textarea::-moz-placeholder,
form.mktoForm select::-moz-placeholder {
  color: #626262 !important;
  font-size: 1rem !important;
  font-family: sans-serif !important;
  text-align: center !important;
}
form.mktoForm input:-ms-input-placeholder,
form.mktoForm textarea:-ms-input-placeholder,
form.mktoForm select:-ms-input-placeholder {
  color: #626262 !important;
  font-size: 1rem !important;
  font-family: sans-serif !important;
  text-align: center !important;
}
form.mktoForm input:-moz-placeholder,
form.mktoForm textarea:-moz-placeholder,
form.mktoForm select:-moz-placeholder {
  color: #626262 !important;
  font-size: 1rem !important;
  font-family: sans-serif !important;
  text-align: center !important;
}

/* Dropdowns/Multi-select */
form.mktoForm select.mktoField {
  /* Unselected */
  color: #626262 !important;
}
form.mktoForm select.mktoField.mktoValid {
  /* Selected */
  color: #444 !important;
}

form.mktoForm select.mktoField:not([multiple]) {
  /* Picklist */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OS4wNiAzNi42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzU1NTtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MTBweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFzc2V0IDE8L3RpdGxlPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1NS41MiAzLjU0IDI5LjUzIDI5LjUzIDMuNTQgMy41NCIvPjwvZz48L2c+PC9zdmc+) !important;

  background-size: 15px !important;
}
form.mktoForm select.mktoField[multiple] > option:first-child {
  /* Multi-select */
  color: #626262 !important;
}

/* Radio Buttons & Checkboxes */
form.mktoForm .mktoRadioList > label,
form.mktoForm .mktoCheckboxList > label {
  min-height: 20px !important;
  height: auto !important;
  margin: 0 0 1rem 0 !important;
  padding-top: 5px !important;
  padding-left: 33px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  font-family: sans-serif !important;
  text-align: left !important;
}

form.mktoForm.dark-labels .mktoRadioList > label,
form.mktoForm.dark-labels .mktoCheckboxList > label {
  color: #555 !important;
}

/* Radio Buttons */
form.mktoForm .mktoRadioList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  border: none !important;
  background: rgb(241,242,242) !important;
  border-radius: 100%!important;
}
form.mktoForm .mktoRadioList > label:after {
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  background-color: none !important;
  border-radius: 100% !important;
  position: absolute !important;
  text-align: center !important;
  top: 3px !important;
  left: 3px !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:before {
  background: rgb(241,242,242) !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:after {
  background-color: #FC7A57 !important;
}

/* Checkboxes */
form.mktoForm .mktoCheckboxList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  background: rgb(241,242,242) !important;
  border-radius: 0 !important;
}
form.mktoForm .mktoCheckboxList > label:after {
  width: 13px !important;
  height: 30px !important;
  border-right: 3px solid #FC7A57 !important;
  border-bottom: 3px solid #FC7A57 !important;
  font-size: 1rem !important;
  position: absolute !important;
  text-align: center !important;
  top: -10px !important;
  left: 13px !important;
  color: #fff !important;
  transform: rotate(45deg) !important;
  opacity: 0 !important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:before {
  background: rgb(241,242,242) !important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:after {
  opacity: 1 !important;
}

/* Text Areas */
form.mktoForm textarea.mktoField {
  min-height: calc(3 * 55px) !important;
  text-align: left !important;
}

/* Submit Button */
form.mktoForm .mktoButtonWrap {
  text-align: center !important;
}
form.mktoForm button.mktoButton {
  padding: 10px 20px !important;
  border: 2px solid #FC7A57 !important;
  border-radius: 2px !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
  font-size: 1rem !important;
  font-weight: bold !important;
  font-family: sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  background: #FC7A57 !important;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16) !important;
  background-image: none !important;
  transition: all 250ms ease !important;
}
form.mktoForm button.mktoButton:hover,
form.mktoForm button.mktoButton:focus {
  background: #FC7A57 !important;
  border: 2px solid #FC7A57 !important;
  transform: scale(1.15) !important;
}

/* form.mktoForm.blue-button button.mktoButton {
  background: #FC7A57 !important;
  border: 2px solid #FC7A57 !important;
  color: #ffffff !important;
}
form.mktoForm.blue-button button.mktoButton:hover {
  background-color: transparent !important;
  color: #9ADBE4 !important;
  border: 2px solid #FC7A57 !important;
} */

/* Fieldsets */
form.mktoForm fieldset {
  border: 1px solid #626262 !important;
}
form.mktoForm fieldset legend {
  font-family: sans-serif !important;
}

/* Validation */
form.mktoForm .mktoError .mktoErrorMsg {
  position: absolute !important;
  right: 0 !important;
  z-index: 99999 !important;
  margin-top: 0 !important;
  background-color: #ffffff !important;
  border: 2px solid #FC7A57 !important;
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.2em !important;
  max-width: 16em !important;
  padding: 12px 16px 10px 16px !important;
  margin-right: .5rem !important;
  border-radius: 4px !important;
}
form.mktoForm .mktoError .mktoErrorMsg:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  top: -13px !important;
  bottom: auto !important;
  left: 50px !important;
  right: auto !important;
  border-width: 0 13px 13px !important;
  border-style: solid !important;
  border-color: #FC7A57 transparent !important;
}
form.mktoForm .mktoError .mktoErrorMsg:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  top: -10px !important;
  bottom: auto !important;
  left: 53px !important;
  right: auto !important;
  border-width: 0 10px 10px !important;
  border-style: solid !important;
  border-color: #ffffff transparent !important;
}
form.mktoForm input[type="date"].mktoInvalid,
form.mktoForm input[type="email"].mktoInvalid,
form.mktoForm input[type="number"].mktoInvalid,
form.mktoForm input[type="tel"].mktoInvalid,
form.mktoForm input[type="text"].mktoInvalid,
form.mktoForm input[type="url"].mktoInvalid,
form.mktoForm select.mktoField.mktoInvalid,
form.mktoForm textarea.mktoField.mktoInvalid {
  border-color: #d74627 !important;
}
form.mktoForm input[type="date"]:focus,
form.mktoForm input[type="email"]:focus,
form.mktoForm input[type="number"]:focus,
form.mktoForm input[type="tel"]:focus,
form.mktoForm input[type="text"]:focus,
form.mktoForm input[type="url"]:focus,
form.mktoForm select.mktoField:focus,
form.mktoForm textarea.mktoField:focus {
  border-top-color: #CBCCC7 !important;
  border-right-color: #CBCCC7 !important;
  border-bottom-color: #D50447 !important;
  border-left-color: #CBCCC7 !important;
}

/* Destkop Styling */
@media screen and (min-width: 60em) {
  form.mktoForm input[type="date"],
  form.mktoForm input[type="email"],
  form.mktoForm input[type="number"],
  form.mktoForm input[type="tel"],
  form.mktoForm input[type="text"],
  form.mktoForm input[type="url"],
  form.mktoForm select.mktoField {
    height: 30px !important;
    padding: 4px !important;
  }
  form.mktoForm select.mktoField[multiple] {
    background-color: #fefefe !important;
    background-image: none !important;
  }
  form.mktoForm .mktoRadioList > label:hover:after {
    background: rgb(241,242,242) !important;
  }
  form.mktoForm .mktoCheckboxList > label:hover:before {
    background: rgb(241,242,242) !important;
  }
  form.mktoForm .mktoFieldWrap {
    padding: 0 !important;
  }
}

/* Mkto Style Overwrites */
@media only scren and (max-width: 480px) {
  form.mktoForm label.mktoLabel {
    text-align: left !important;
  }
}

/********************************************
 * Marketo Form Theme - Light
 **********************/
.form-theme--light {
  background: #eaeaea;
  box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
}
.form-theme--light .form-title h2,
.form-theme--light .form-title h3,
.form-theme--light .form-title h4 {
  color: #282e6a;
}
/* Inputs */
.form-theme--light form.mktoForm input[type="date"],
.form-theme--light form.mktoForm input[type="email"],
.form-theme--light form.mktoForm input[type="number"],
.form-theme--light form.mktoForm input[type="tel"],
.form-theme--light form.mktoForm input[type="text"],
.form-theme--light form.mktoForm input[type="url"],
.form-theme--light form.mktoForm select.mktoField,
.form-theme--light form.mktoForm textarea.mktoField {
  border-color: #72C9BF !important;
}
.form-theme--light form.mktoForm .mktoCheckboxList > label:before {
  border: 1px solid #72C9BF !important;
}

/* Labels */
.form-theme--light form.mktoForm label.mktoLabel,
.form-theme--light form.mktoForm .mktoRadioList > label,
.form-theme--light form.mktoForm .mktoCheckboxList > label {
  color: #1D658F !important;
}

/********************************************
 * Marketo Form Theme - Dark Gradient
 **********************/
.form-theme--darkgradient {
  background: linear-gradient(to left bottom, #72c9bf 0%, #282e6a 100%);
  box-shadow: 15px 15px 40px rgba(0, 0, 0, 0.13);
}
.form-theme--darkgradient .form-title h2,
.form-theme--darkgradient .form-title h3,
.form-theme--darkgradient .form-title h4 {
  color: #fff;
}
/* Inputs */
.form-theme--darkgradient form.mktoForm input[type="date"],
.form-theme--darkgradient form.mktoForm input[type="email"],
.form-theme--darkgradient form.mktoForm input[type="number"],
.form-theme--darkgradient form.mktoForm input[type="tel"],
.form-theme--darkgradient form.mktoForm input[type="text"],
.form-theme--darkgradient form.mktoForm input[type="url"],
.form-theme--darkgradient form.mktoForm select.mktoField,
.form-theme--darkgradient form.mktoForm textarea.mktoField {
  border-color: #72C9BF !important;
}
.form-theme--darkgradient form.mktoForm .mktoCheckboxList > label:before {
  border: 1px solid #72C9BF !important;
}

/* Labels */
.form-theme--darkgradient form.mktoForm label.mktoLabel,
.form-theme--darkgradient form.mktoForm .mktoRadioList > label,
.form-theme--darkgradient form.mktoForm .mktoCheckboxList > label {
  color: #fff !important;
}

 /********************************************
 * Helper Classes
 **********************/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .ipx-fix {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}