@property --col-table-border {
  syntax: '<color>';
  inherits: true;
  initial-value: #d0d0d0;
}
@property --label-size {
  syntax: '<length>';
  inherits: true;
  initial-value: 200px;
}
:root {
  --label-size: 150px;
}
@media (min-width: 768px) {
  :root {
    --label-size: 200px;
  }
}
.page-node-type-recomandare h1.title {
  font-size: calc(1rem + 1.1vw);
}
article.node--type-recomandare.full > .content  {
  font-size: 0.6rem
}
article.node--type-recomandare.full > .content > .field {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: 1px solid var(--col-table-border);
  border-bottom: 0;

  & > .field--label {
    min-width: var(--label-size);
    padding: 0 0.3rem;
    border-right: 0;
    font-weight: bolder;
    font-family: var(--font-sans);
  }
  & > .field--item {
    padding: 0 0.3rem;
    color: #5e5e5e;
    font-family: var(--font-sans);
    font-weight: 400;
  }
  & > .field--label,
  & > .field--item {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  /*&.field--name-field-recomandare-istoric {
    border: none;

    & > .field--label {
      flex-basis: 100%;
      min-width: 100%;
      border-right: none;
      padding: 1rem 0 1rem 0;
      font-weight: bold;
      font-size: 1.2rem;
    }
  }*/
  &.field--name-field-recomandare-data {
    border: none;

    & > .field--label {
      border-right: none;
      display: none;
    }
    & > .field--item {
      &:before {
        content: '\01F4C5 ';
        display: inline-block;
        margin-right: 0.5rem;
      }
    }
  }
}
article.node--type-recomandare.full > .content > .field:last-child {
  border-bottom: 1px solid var(--col-table-border);
}
@media (min-width: 469px) {
  article.node--type-recomandare.full > .content > .field {
    flex-wrap: nowrap;
    & > .field--item {
      padding: 0 1rem;
    }
    & > .field--label {
      padding: 0 1rem;
      border-right: 1px solid var(--col-table-border);
    }

  }
}
@media (min-width: 768px) {
  article.node--type-recomandare.full > .content  {
    font-size: inherit;
  }
  article.node--type-recomandare.full > .content > .field {
  }
}
