/* Layout */
form.mktoForm .mktoFormRow>.mktoFormCol {
  width: 100%!important;
  margin-bottom: .75rem!important;
}

/* Labels */
form.mktoForm label.mktoLabel {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: 'Montserrat', 'Open Sans', sans-serif;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: left !important;
  letter-spacing: 1px !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: #ffffff !important;
  height: 35px !important;
  padding: 0 8px !important;
  color: #333 !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  box-shadow: none !important;
  text-align: left !important;
  border-top: 1px solid #2580C3 !important;
  border-right: 1px solid #2580C3 !important;
  border-bottom: 1px solid #2580C3 !important;
  border-left: 1px solid #2580C3 !important;
  border-radius: 0 !important;
}
form.mktoForm textarea.mktoField {
  padding: 8px !important;
}
form.mktoForm input::-webkit-input-placeholder,
form.mktoForm textarea::-webkit-input-placeholder,
form.mktoForm select::-webkit-input-placeholder {
  color: #5bc0de !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  text-align: left !important;
}
form.mktoForm input::-moz-placeholder,
form.mktoForm textarea::-moz-placeholder,
form.mktoForm select::-moz-placeholder {
  color: #5bc0de !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  text-align: left !important;
}
form.mktoForm input:-ms-input-placeholder,
form.mktoForm textarea:-ms-input-placeholder,
form.mktoForm select:-ms-input-placeholder {
  color: #5bc0de !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  text-align: left !important;
}
form.mktoForm input:-moz-placeholder,
form.mktoForm textarea:-moz-placeholder,
form.mktoForm select:-moz-placeholder {
  color: #5bc0de !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  text-align: left !important;
}

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

form.mktoForm select.mktoField:not([multiple]) {
  /* Picklist */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy44ODMiIGhlaWdodD0iMTQuNzQ4IiB2aWV3Qm94PSIwIDAgMjMuODgzIDE0Ljc0OCI+CiAgPHBhdGggaWQ9Ikljb25fbWF0ZXJpYWwta2V5Ym9hcmQtYXJyb3ctbGVmdCIgZGF0YS1uYW1lPSJJY29uIG1hdGVyaWFsLWtleWJvYXJkLWFycm93LWxlZnQiIGQ9Ik0yNi43NDgsMjkuMzI3bC05LjExNS05LjEzNSw5LjExNS05LjEzNUwyMy45NDIsOC4yNSwxMiwyMC4xOTIsMjMuOTQyLDMyLjEzM1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjI1IDI2Ljc0OCkgcm90YXRlKC05MCkiIGZpbGw9IiM1MmIxNDgiLz4KPC9zdmc+Cg==) !important;

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

/* Radio Buttons & Checkboxes */
form.mktoForm .mktoRadioList > label,
form.mktoForm .mktoCheckboxList > label {
  color: #fff !important;
  min-height: 24px !important;
  height: auto !important;
  margin: 0 0 1rem 0 !important;
  padding-left: 32px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', sans-serif !important;
  text-align: left !important;
}

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

/* Radio Buttons */
form.mktoForm .mktoRadioList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  border: 1px solid #909090 !important;
  background: #ffffff !important;
  border-radius: 100%!important;
}
form.mktoForm .mktoRadioList > label:after {
  width: 14px !important;
  height: 14px !important;
  border: 0 !important;
  background-color: none !important;
  border-radius: 100% !important;
  position: absolute !important;
  text-align: center !important;
  top: 5px !important;
  left: 5px !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:before {
  background: #ffffff !important;
  border: 1px solid #52B148 !important;
}
form.mktoForm input[type="radio"].mktoField:checked + label:after {
  background-color: #52B148 !important;
}

/* Checkboxes */
form.mktoForm .mktoCheckboxList > label:before {
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  outline: none !important;
  border: 1px solid #909090 !important;
  background: #ffffff !important;
  border-radius: 0 !important;
}
form.mktoForm .mktoCheckboxList > label:after {
  width: 8px!important;
  height: 16px!important;
  border-right: 3px solid #52B148!important;
  border-bottom: 3px solid #52B148!important;
  font-size: 16px!important;
  position: absolute!important;
  text-align: center!important;
  top: 2px!important;
  left: 9px!important;
  color: #fff!important;
  transform: rotate(45deg)!important;
  opacity: 0!important;
}
form.mktoForm input[type="checkbox"].mktoField:checked + label:before {
  background: #ffffff !important;
  border: 1px solid #52B148 !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: right !important;
}
form.mktoForm button.mktoButton {
  padding: .85rem 1.7rem !important;
  border-radius: 3px !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-family: "Montserrat","Open Sans",sans-serif !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  background-color: #2580C3 !important;
  border: 2px solid #186AA5 !important;
  background-image: none !important;
  transition: all 250ms ease !important;
}
form.mktoForm button.mktoButton:hover,
form.mktoForm button.mktoButton:focus {
  text-decoration: none !important;
  background-color: #186AA5 !important;
  color: #ffffff !important;
  border: 2px solid #186AA5 !important;
}

/* Fieldsets */
form.mktoForm fieldset {
  border: 1px solid #626262 !important;
}
form.mktoForm fieldset legend {
  font-family: "Montserrat","Open Sans",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 #90151B !important;
  color: #000000 !important;
  font-size: 13px !important;
  line-height: 1.2em !important;
  max-width: 16em !important;
  padding: 12px 16px 10px 16px !important;
  margin-right: .5rem !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: #90151B 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-top-color: #90151B !important;
  border-right-color: #90151B !important;
  border-bottom-color: #90151B !important;
  border-left-color: #90151B !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: #2580C3 !important;
  border-right-color: #2580C3 !important;
  border-bottom-color: #2580C3 !important;
  border-left-color: #2580C3 !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: 35px !important;
    padding: 0 8px !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 - Dark
 **********************/
/* Labels */
 form.theme-dark label.mktoLabel,
 form.theme-dark .mktoRadioList>label, 
 form.theme-dark .mktoCheckboxList>label {
  color: #2580C3 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: 'Open Sans', sans-serif !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: left !important;
  letter-spacing: 1px !important;
}

/* Inputs */
form.theme-dark input[type="date"],
form.theme-dark input[type="email"],
form.theme-dark input[type="number"],
form.theme-dark input[type="tel"],
form.theme-dark input[type="text"],
form.theme-dark input[type="url"],
form.theme-dark select.mktoField,
form.theme-dark textarea.mktoField {
  background-color: #ffffff !important;
  height: 35px !important;
  padding: 0 8px !important;
  color: #333 !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  box-shadow: none !important;
  text-align: left !important;
  border-top: 1px solid #52B148 !important;
  border-right: 1px solid #52B148 !important;
  border-bottom: 1px solid #52B148 !important;
  border-left: 1px solid #52B148 !important;
  border-radius: 0 !important;
}

 /********************************************
 * Marketo Form Label Style - Hidden
 **********************/

form.hide-labels label.mktoLabel {
   display: none !important;
 }

/********************************************
* Marketo Form Custom Style - Blue BG
**********************/
.form-blue-bg {
  background: #E8EFF7;
  box-shadow: 2px 2px 5px 0 rgba(0,0,0,.13);
}
.form-blue-bg h4 {
  margin: 0;
  padding: 1rem;
  color: #fff;
  font-size: 1.5rem;
  background: #2580C3;
}
.form-blue-bg form.mktoForm {
  padding: 2rem !important;
}