/* red * after required item  */
.form-required::after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-inline: 0.3em;
  content: '';
  vertical-align: super;
  background-image: url(/core/misc/icons/ee0000/required.svg);
  background-repeat: no-repeat;
  background-size: 6px 6px;
}

.form-item {
	/* margin-block: 6px; */
}

/* to make form fields responsive */
.form-item,
.form-text,
.form-email,
.form-textarea,
.contact-message-feedback-form > * {
  max-width: 100%;
}

/* Back to the form must be in yellow */
.webform-confirmation__back {
  color: yellow;
}
/* There must be additional space(newline) before the yellow message */
.webform-confirmation__back::before {
  display: block;
  content: '\A';
  white-space: pre;
  line-height: .5em;
}

.form-item  label {
  /* labels are now above input fields */
  /* display: table; */
  display: block;
}

/* label of radio buttons must be inline */
.form-item label.option {
  display: inline-block;
}

/* .form-item textarea { */
.form-textarea {
  width: 100%;
  font-family: Arial,"helvetica neue",Helvetica,Verdana,sans-serif;
}