@property --col-table-border {
  syntax: '<color>';
  inherits: true;
  initial-value: #d0d0d0;
}
@property --s0-label-size {
  syntax: '<length>';
  inherits: true;
  initial-value: 150px;
}
@property --label-size {
  syntax: '<length>';
  inherits: true;
  initial-value: 250px;
}
:root {
  --s0-label-size: 150px;
}
@media (min-width: 768px) {
  :root {
    --s0-label-size: 200px;
  }
}
body.page-node-type-caz h1.title {
  font-size: calc(1rem + 1.38vw);
}
article.node--type-caz.full > footer {
  & .author,
  & article.profile {
    display: none;
  }
}
article.node--type-caz.full > .content {
  font-size: 0.6rem;
  & > .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 1rem;
      font-weight: bolder;
      font-family: var(--font-sans);
    }
    & > .field--item {
      padding: 0 1rem;
      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-caz-type {
    border: none;
    & > .field--label {
      border: none;
      padding: 0 0;
    }
  }
  & > .field--name-field-caz-documents {
    flex-wrap: wrap;
    flex-direction: row;
    border: none;
    padding-bottom: 1rem;
    & > .field--label {
      flex-basis: 100%;
      min-width: 100%;
      border-right: none;
      padding: 1rem 0 1rem 0;
      font-weight: bold;
      font-size: 1.2rem;
    }
    & > .field--item {
    }
    & > .field__items {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      & > .field--item {
        padding: 0.2rem;
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        & > div > .field {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          border: 1px solid var(--col-table-border);
          border-bottom: none;
          border-left: none;
          & > .field--label {
          }
          & > .field--item {
            padding: 0 1rem;
            overflow: hidden;
          }
          & > .field--label,
          & > .field--item {
            padding-top: 0.2rem;
            padding-bottom: 0.2rem;
          }
        }
        & > div > .field:last-child {
          border-bottom: 1px solid var(--col-table-border);
        }
      }
      & > .field--item {
        & > div > .field > .field--label {
          min-width: var(--s0-label-size);
          padding: 0 1rem;
          border-right: 1px solid var(--col-table-border);
          display: block;
        }
        & > div > .field {
          border-left: 1px solid var(--col-table-border);
        }
        & > div > .field.field--type-file {
          flex-wrap: wrap;
          & > .field--label {
            border-right: 0;
          }
        }
      }
    }
  }
  & > .field--name-field-caz-map {
    border: none;
    padding-top: 1.5rem;
    & > p {
      & > iframe {
        width: 100%;
      }
      width: 100%;
    }
  }
  & > .field--name-field-caz-long {
    border: 1px solid var(--col-table-border);
  }
  & > .field--name-field-caz-type {
    & > .field--label {
      display: none;
    }
  }
  & > .section2 {
    padding: 1rem 0 1rem 0;
    font-size: 1.2rem;
    font-weight: bold;
  }
  & > .field--name-field-caz-model-number,
  & > .field--name-field-caz-model-title {
    & > .field--label {
      display: none;
    }
  }
  & > .field--name-field-caz-model-title {
    width: 100%;
    float: left;
    border-bottom: 0;
    & > .field--item {
      font-weight: bold;
      color: inherit;
    }
  }

  & > .field--name-field-caz-model-number {
    width: 100%;
    border-top: 0;
  }

  & > .field--name-field-cazdoc-format {
    & > .field--item {
      &:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 24px;
        height: 24px;
        background: url('../../img/icons/file/file.svg') 50% 50% no-repeat;
        background-size: contain;
        margin-left: 0.3rem;
      }
      &.file-format-zip:after {
        background-image: url('../../img/icons/file/file-zip.svg');
      }
      &.file-format-pdf:after {
        background-image: url('../../img/icons/file/file-pdf.svg');
      }
    }
  }
}
body.page-node-type-caz .author.header-info {
  margin-top: 2rem;
}
@media (min-width: 576px) {
  article.node--type-caz.full > .content {
    & > .field {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      & > .field--label {
        border-right: 1px solid var(--col-table-border);
      }
    }
    & > .field--name-field-caz-documents {
      flex-wrap: wrap;
      & > .field--label {
        border-right: 0;
      }
      & > .field__items {
        & > .field--item {
          & > div > .field.field--type-file {
            flex-wrap: nowrap;
            & > .field--label {
              border-right: 1px solid var(--col-table-border);
            }
          }
        }
      }
    }

    & > .field--name-field-caz-model-number {
      width: calc(100% - var(--label-size));
      border-top: 1px solid var(--col-table-border);
    }
    & > .field--name-field-caz-model-title {
      width: var(--label-size);
      border-right: 0;
      /*border-bottom: 1px solid var(--col-table-border);*/
    }
    & > .field--name-field-caz-registration {
      width: 100%;
    }
  }
}
@media (min-width: 768px) {
  body.page-node-type-caz h1.title {
    font-size: calc(1.365rem + 1.38vw);
  }
  article.node--type-caz.full > .content  {
    /*font-size: 1rem*/
    font-size: inherit;
    & > .field--name-field-caz-documents {
      flex-wrap: wrap;

      & > .field__items {
        & > .field--item > .field--label {
          display: none;
        }

        & > .field--item:first-child > div > .field > .field--label {
          min-width: var(--s0-label-size);
          padding: 0 1rem;
          border-right: 1px solid var(--col-table-border);
          display: block;
        }

        & > .field--item {
          width: auto;
          margin-bottom: 0;
          & .field--name-field-caz-model-number {
            width: calc(100% - var(--s0-label-size));
          }

        }

        & > div > .field {
          background: #e0e1e2;
          & > .field--item {
            overflow: visible;
          }

          & > .field--label {
            min-width: var(--s0-label-size);
          }
        }
      }
    }
  }
}