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

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.field:not(:last-child) {
  margin-bottom: var(--sp2);
}

.node--view-mode-teaser .field {
  margin-bottom: var(--sp);
}

.node--view-mode-teaser .field:last-child {
    margin-bottom: 0;
  }

@media (min-width: 1000px) {

.node--view-mode-teaser .field {
    margin-bottom: var(--sp2);
}
  }

.field__label {
  font-weight: bold;
}

.field--label-inline .field__label,
.field--label-inline .field__items {
  float: left; /* LTR */

  /**
   * Chromium and Webkit do not yet support flow relative logical properties,
   * such as float: inline-end. However, PostCSS Logical does not compile this
   * value, so we accommodate by not using these.
   *
   * @see https://caniuse.com/mdn-css_properties_clear_flow_relative_values
   * @see https://github.com/csstools/postcss-plugins/issues/632
   */
}

[dir="rtl"] .field--label-inline .field__label,[dir="rtl"]  .field--label-inline .field__items {
    float: right;
  }

.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
  padding-right: 0.5em;
}

.field--label-inline .field__label::after {
  content: ":";
}