/**
 * @file
 * Visual styles for fields.
 */

.field--label-above,
.field--label-above > *[role="text"] {
 	display: flex;
 	flex-direction: column;
 }

.field__label {
  font-weight: bold;
}

.field--label-inline {
	display: flex;
	flex-wrap: wrap;
}

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  margin-right: 0.5em;
}
.field--label-inline .field__label::after {
  content: ':';
}