.mth-mailjet-form {
  margin: 0 auto 1em;
  max-width: var(--content-width, 36rem);
  width: 100%;
}

.mth-mailjet-form label {
  font-size: .75em;
  margin-bottom: .3em;
}

.mth-mailjet-form select,
.mth-mailjet-form input[type='email'],
.mth-mailjet-form input[type='text'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaa;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1em;
  line-height: 1;
  margin: 0;
  padding: .6em 1em;
  vertical-align: unset;
  width: 100%;
}

.mth-mailjet-form .input-field {
  margin: 0 0 .5em 0;
  width: 100%;
}

.mth-mailjet-form .input-field.max-size {
  flex: 1 0 auto;
}
.mth-mailjet-form .input-field.max-size,
.mth-mailjet-form .input-field.adjust-size {
  width: auto;
}

.mth-mailjet-form select {
  padding-top: calc(.6em - 1px);
  padding-bottom: calc(.6em - 1px);
}

.mth-mailjet-form .mailjet-acceptance {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  font-size: .75em;
  line-height: 1.25em;
  margin-bottom: 1em;
}

.mth-mailjet-form .mailjet-acceptance input[type='checkbox'] {
  margin-top: 2px;
}

.mth-mailjet-form .mailjet-acceptance span {
  display: block;
  padding-left: .75em;
}

.mth-mailjet-form .is-inline {
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.mth-mailjet-form input[type='submit'] {
  display: block;
  font-size: 1.125em;
  line-height: 1;
  margin: 0 auto;
  min-width: 40%;
  padding: .5em 1.4em .6em;
  text-align: center;
}

.mth-mailjet-form input[type='submit']:disabled {
  background-color: #ccc;
  border-color: #bababa;
  color: #777;
  cursor: not-allowed;
}

.mth-mailjet-form .mth-mailjet-response {
  display: block;
  margin: 0 auto 1em;
  max-width: 32em;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .mth-mailjet-form .is-inline> :not(:first-child) {
    margin-left: .5em;
  }

  .mth-mailjet-form .is-inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}