#cf7md-form input[type="text"],
#cf7md-form input[type="email"],
#cf7md-form input[type="url"],
#cf7md-form input[type="password"],
#cf7md-form input[type="search"],
#cf7md-form input[type="number"],
#cf7md-form input[type="tel"],
#cf7md-form input[type="range"],
#cf7md-form input[type="date"],
#cf7md-form input[type="month"],
#cf7md-form input[type="week"],
#cf7md-form input[type="time"],
#cf7md-form input[type="datetime"],
#cf7md-form input[type="datetime-local"],
#cf7md-form input[type="color"],
#cf7md-form textarea {
  background: transparent;
  border: none;
  border-radius: 0;
  display: block;
  padding: 0;
  width: 100%;
  box-shadow: none; }

#cf7md-form label {
  font-weight: normal;
  margin: 0; }

#cf7md-form select {
  height: auto;
  border-radius: 0; }

/**
 * Helpers
 */
#cf7md-form .cf:before,
#cf7md-form .cf:after {
  content: "";
  display: table; }

#cf7md-form .cf:after {
  clear: both; }

/**
 * Custom
 */
/* All fields */
#cf7md-form .mdc-form-field {
  display: block;
  /* Not sure why it's set to inline-flex by default. Will keep an eye out. */ }

#cf7md-form .cf7md-item:before,
#cf7md-form .cf7md-item:after {
  content: " ";
  display: table; }

#cf7md-form .cf7md-item:after {
  clear: both; }

/* Field width */
#cf7md-form .mdc-form-field,
#cf7md-form .cf7md-item,
#cf7md-form .cf7md-item > div,
#cf7md-form .mdc-textfield {
  width: 100%; }

/* Fonts */
#cf7md-form .cf7md-item,
#cf7md-form .mdc-form-field,
#cf7md-form .mdc-textfield {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.25; }

#cf7md-form .cf7md-item label,
#cf7md-form .cf7md-label,
#cf7md-form .mdc-textfield__label {
  font-weight: normal;
  font-size: 1em; }

#cf7md-form .cf7md-item label,
#cf7md-form .cf7md-item textarea.mdc-textfield__input {
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Roboto', sans-serif; }

#cf7md-form .cf7md-item .mdc-textfield__label {
  color: rgba(0, 0, 0, 0.38); }

#cf7md-form .cf7md-item .mdc-textfield--focused .mdc-textfield__label {
  color: #3f51b5; }

#cf7md-form .cf7md-item .cf7md-label--static,
#cf7md-form .cf7md-item .cf7md-help-text,
#cf7md-form .cf7md-item .wpcf7-not-valid-tip {
  font-size: 0.75em;
  color: rgba(0, 0, 0, 0.38); }

#cf7md-form.cf7md-form + .wpcf7-response-output {
  font-size: 0.85em; }

#cf7md-form .mdc-select {
  font-size: 0.936em;
  line-height: 1.75; }

/* Vertical spacing */
#cf7md-form .cf7md-item {
  margin-top: -8px;
  clear: both; }

#cf7md-form .cf7md-item select,
#cf7md-form .cf7md-item input,
#cf7md-form .cf7md-item textarea {
  margin: 0; }

#cf7md-form .cf7md-item .cf7md-help-text {
  clear: both;
  margin: -3px 0 8px !important; }

#cf7md-form .cf7md-select .cf7md-help-text {
  margin-top: 5px !important; }

#cf7md-form .cf7md-text .cf7md-help-text {
  margin-bottom: 8px !important; }

#cf7md-form .cf7md-textarea {
  margin-top: 0;
  padding-top: 16px; }

#cf7md-form .cf7md-select {
  margin-top: 24px;
  margin-bottom: 8px; }

#cf7md-form .cf7md-checkbox,
#cf7md-form .cf7md-radio,
#cf7md-form .cf7md-accept {
  margin-top: 16px; }

#cf7md-form .cf7md-submit {
  margin-top: 8px;
  margin-bottom: 16px; }

/* Labels and inline errors */
#cf7md-form .cf7md-label,
#cf7md-form .cf7md-help-text,
#cf7md-form .mdc-textfield__label,
#cf7md-form .cf7md-item .wpcf7-not-valid-tip {
  font-weight: normal;
  font-family: 'Roboto', sans-serif; }

#cf7md-form .cf7md-label--static,
#cf7md-form .cf7md-help-text,
#cf7md-form .cf7md-item .wpcf7-not-valid-tip {
  display: block;
  float: none;
  color: rgba(0, 0, 0, 0.38);
  color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)); }

#cf7md-form .cf7md-item .wpcf7-not-valid-tip {
  color: #d50000;
  margin-bottom: 5px; }

/* Textarea */
#cf7md-form .cf7md-textarea textarea {
  height: 120px; }

#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
  border-color: rgba(0, 0, 0, 0.12); }

/* Select */
#cf7md-form .cf7md-select span {
  display: block;
  width: 100%; }

#cf7md-form .cf7md-select .mdc-select,
#cf7md-form .cf7md-select .mdc-multi-select {
  max-width: 100%;
  width: 100%; }

/* Checkboxes and radios */
#cf7md-form .cf7md-checkbox,
#cf7md-form .cf7md-radio,
#cf7md-form .cf7md-accept {
  display: block; }

#cf7md-form .cf7md-item span.wpcf7-list-item {
  display: block;
  margin: 0; }

#cf7md-form .cf7md-checkbox-item,
#cf7md-form .cf7md-radio-item {
  display: block; }

#cf7md-form .mdc-checkbox,
#cf7md-form .mdc-radio {
  margin-left: -11px;
  float: left; }

#cf7md-form .cf7md-item .cf7md-checkbox-label,
#cf7md-form .cf7md-item .cf7md-radio-label,
#cf7md-form .cf7md-item .cf7md-accept-label {
  overflow: hidden;
  padding-top: 10px;
  display: block; }

/* Error and success messages */
#cf7md-form.cf7md-form + .wpcf7-response-output {
  border: none;
  border-bottom: 2px solid #d50000;
  padding: 0 0 8px;
  font-size: 0.85em;
  color: #d50000;
  margin: 24px 0 16px; }

#cf7md-form.cf7md-form + .wpcf7-mail-sent-ok {
  border-bottom-color: #1B5E20;
  color: #1B5E20; }
