@import './base/fonts';

body{
  margin:0;
  padding: 0;
}

#printable-root-page{
  // outline: 1px solid blue;
  box-sizing: border-box;
  width: 21cm;
  padding: 1cm .5cm 2cm;

  >header{
    display: flex;
    flex-flow: nowrap;
    align-items: baseline;
    h1{
      margin:0;
      font-weight: 600;
    }
  }

  >article{
    padding-top: 1em;
    >h2{
      font-weight: 600;
      margin:0;
      // display: inline-block;
    }
    // .field--name-field-short-description{}
    .field--name-field-reference{
      // display: inline-block;
      margin:0 0 1em 0;
    }
    .field--name-body,
    .field--name-field-samples{
      display: inline-block;
      vertical-align: top;
    }
    .field--name-body{
      width: 75%;
      p{
        margin:0;
      }
    }
    .field__label{
      font-size: 0.756em;
      font-weight: 700;
    }
    .field--name-field-samples{
      width:23%;
      text-align: right;
      .field__item{
        font-size: 0.756em;
      }
    }

    .field--name-field-manufacturer,
    .field--name-field-distributor{
      margin-top: 1em;
      display: inline-block;
      vertical-align: top;
      width:49%;
      .taxonomy-term{
        padding-bottom: 0.5em;
        >h2{
          margin:0;
          font-weight: 600;
          font-size: 1em;
        }
        p{ margin:0;}
      }
    }
    .field--name-field-materiau-images{
      margin-top: 1em;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      .field__item{
        flex:0 0 33%;
        img{
          width: 100%;
          height:auto;
        }
      }
    }
  }
}