/* Global Marketo Form Styling */

form.mktoForm {
  width: 100% !important;
  max-width: 600px;
  margin-bottom: 20px !important;  
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  font-family: inherit !important;
}

.mktoForm .mktoOffset {
  display: none;
}


.mktoForm label {
  font-weight: bold !important;
  text-align: right !important;
  margin-bottom: 5px !important;
}

.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
  font-weight: 300 !important;
  text-align:left !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 24px !important;
}

.mktoForm select.mktoField, .mktoForm textarea.mktoField, .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] {
  font-size: 14px !important;
  color: #000 !important;
  padding: 4px 5px 4px 5px !important;
  margin-bottom: 5px !important;
  font-weight: 300 !important;
  border: 1px solid #c3c3c3 !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
}

.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] {
  border: 1px solid #c3c3c3 !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.mktoForm textarea.mktoField {
    resize: auto !important;
    float: left !important;
    margin-bottom: 5px!important;
}

.mktoForm select.mktoField {
   margin-bottom: 5px !important;
  border: 1px solid #c3c3c3 !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  border-radius: 3px !important;
  font-size: 1.0em !important;
  font-weight: 300 !important;
  height: 30px !important;
}

.mktoForm input:focus, .mktoForm textarea.mktoField:focus, .mktoForm select:focus, .mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:focus {
  outline-color: #9DBFF6;
}

.mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
  padding-left: 0.6em !important; 
  padding-top: 0.8em !important;
  padding-bottom: 0.8em !important;
  padding-right: 2em !important;
  width: 100% !important;
}

.mktoForm .mktoAsterix {
    color: #CC0000 !important;
}

.mktoForm .mktoButtonRow {
  margin-top: 20px !important;
}

.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton {
  background-color: #80539C !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  padding: 10px 30px !important;
  font-size: 16px !important;
  height: 40px !important;
  line-height: 0 !important;
}

.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:hover {
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  text-decoration: underline !important;
  border:none !important;
}

.mktoForm .mktoButtonWrap.mktoSimple button.mktoButton:active {
  background-color: #80539C !important;
  text-decoration: underline !important;
  border: none !important;
}

.mktoForm .mktoError .mktoErrorMsg {
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 14px !important;
  color: #CC0000 !important;
  font-style: italic !important;
  padding: 0 !important;
  margin-left: 160px !important;
  max-width: 20em !important;
}

.mktoForm .mktoCheckboxList + .mktoError .mktoErrorMsg, .mktoForm .mktoRadioList + .mktoError .mktoErrorMsg {
  margin-left: 0 !important;
}

.mktoForm input.mktoInvalid, .mktoForm textarea.mktoInvalid {
  padding: 4px 30px 4px 5px !important;
}

.mktoForm input.mktoInvalid, .mktoForm textarea.mktoInvalid, .mktoForm select.mktoInvalid, .mktoForm .mktoCheckboxList.mktoInvalid, .mktoForm .mktoRadioList.mktoInvalid {
  border: 2px solid #CC0000 !important;
  outline: none;
}

.mktoForm .mktoCheckboxList.mktoInvalid, .mktoForm .mktoRadioList.mktoInvalid {
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;  
  border-radius: 4px !important;
  margin-bottom: 5px !important;
  padding-bottom: 0.3em !important;
}

.mktoForm input.mktoInvalid + *::before, .mktoForm textarea.mktoInvalid + *::before, .mktoForm .mktoCheckboxList.mktoInvalid + *::before, .mktoForm .mktoRadioList.mktoInvalid + *::before {
  display: block;
  content: ' ';
  color: #CC0000;
  font-family: inherit;
  font-size: 21px;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: 3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgZGF0YS1pY29uPSJjaXJjbGUtZXhjbGFtYXRpb24iIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZGF0YS1mYS1pMnN2Zz0iIj48cGF0aCBmaWxsPSIjYmYwMDAwIiBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6bTAtMzg0YzEzLjMgMCAyNCAxMC43IDI0IDI0VjI2NGMwIDEzLjMtMTAuNyAyNC0yNCAyNHMtMjQtMTAuNy0yNC0yNFYxNTJjMC0xMy4zIDEwLjctMjQgMjQtMjR6TTIyNCAzNTJhMzIgMzIgMCAxIDEgNjQgMCAzMiAzMiAwIDEgMSAtNjQgMHoiPjwvcGF0aD48L3N2Zz4=);
}

.mktoForm .mktoCheckboxList.mktoInvalid + *::before, .mktoForm .mktoRadioList.mktoInvalid + *::before {
  top: 30px;
}

.mktoForm select.mktoInvalid + *::before {
  display: block;
  content: '\f06a';
  color: #CC0000;
  font-family: FontAwesome;
  font-size: 21px;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 23px;
  top: -1px;
}

.mktoForm .mktoError {
  position: static !important;
  width: 100% !important;
}

.mktoForm .mktoError .mktoErrorArrowWrap {
  display: none !important;
}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
  .mktoForm label {
    text-align: left !important;
  }  
  .mktoForm .mktoFormCol .mktoLabel {
    margin-bottom: 10px !important;
  }
  .mktoForm select.mktoField, .mktoForm textarea.mktoField, .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] {
    font-size: 15px !important;
    height: 2.4em !important;
  }
  .mktoForm .mktoError .mktoErrorMsg {
    margin-left: 0 !important;
  }
  .mktoForm input.mktoInvalid + *::before, .mktoForm select.mktoInvalid + *::before, .mktoForm textarea.mktoInvalid + *::before {
    top: 31px;
  }
  .mktoForm textarea[rows="4"] {
    height: 5.8em !important;
  }
  .mktoForm textarea[rows="3"] {
    height: 4.6em !important;
  }  
  .mktoForm textarea[rows="2"] {
    height: 3.4em !important;
  } 
}

@media only screen and (min-width: 481px), only screen and (min-device-width: 481px) {
  .mktoForm select.mktoField, .mktoForm textarea.mktoField, .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date] {
    width: 290px !important;
  }
  .mktoForm .mktoLabel {
    padding-top: 0.5em !important;
  }
}