ethics-canvas/canvas/1.7/mpdf/canvas-pdf.css

body{
  color:#000;
  background-color:#cfd8dc;
  font-family: 'Arial', sans-serif;
}
.logo-icon{
  width:150px;
  height:60px;
  margin:5px 0 0 5px;
  background-image: url('../icons/pdf/logo-black-text-canvas.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  float:left;
  padding: 0px 10px 0px 0;



}
.page_title{
    /*background-color:lightgreen;*/
}

.logo{
  width:32%;
  float:left;

}

.page_title span{
  font-weight: bold;
}
.project_title,
.project_date{
 width:30%;
 float:left;
padding-top: 0.5em;

}

.row1{
  width:100%;
}
/* CARDS */
.card{
  background-color:#fff;
  width:19.2%;
  margin: 0.05em 0.4%;
  height:200px;
  float:left;
  /*border:1px solid black;*/
  border-radius:5px;


  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;

}

.card ul.items{
  margin: 0 0 7px 0;
  padding:0 1.5em ;
}
.card li{
  font-size:0.70em;
  padding:0 0.2em;
  line-height:1;

}
.card h1{
  padding:0 0.6em;
  font-size:1em;
}
.field_01  {
  color:#85ADE5;
}
.field_02 h1 {
  color:#6BB5B4;
}
.field_03 h1 {
  color:#9881C1;
}
.field_04 h1 {
  color:#6BB5B4;
}
.field_05 h1 {
  color:#AED581;
}
.field_06 h1 {
  color:#85ADE5;
}
.field_07 h1 {
  color:#15AF97;
}
.field_08 h1 {
  color:#AED581;
}
.field_09 h1 {
  color:#15AF97;
}
.field_10 h1 {
  color:#85ADE5;
}
.field_11 h1 {
  color:#9881C1;
}
.field_12 h1 {
  color:#607D8B;
}


/*the mpdf library doesn't support absolute positioning for nested elements and doesn't fully support margin-bottom. This invisible element is here to make sure the items won't cover the card icons when the list gets long*/
.field-icons{
/*background-color:lightseagreen;*/
height:1.8em;
}
.field_01{
background-image: url('../icons/pdf/field1-pdf.svg');
}
.field_02{
background-image: url('../icons/pdf/field2-pdf.svg');
}
.field_03{
background-image: url('../icons/pdf/field3-pdf.svg');
}
.field_04{
background-image: url('../icons/pdf/field4-pdf.svg');
}
.field_05{
background-image: url('../icons/pdf/field5-pdf.svg');
}
.field_06{
background-image: url('../icons/pdf/field6-pdf.svg');
}
.field_07{
background-image: url('../icons/pdf/field7-pdf.svg');
}
.field_08{
background-image: url('../icons/pdf/field8-pdf.svg');
}
.field_09{
background-image: url('../icons/pdf/field9-pdf.svg');
}
.field_10{
background-image: url('../icons/pdf/field10-pdf.svg');
}
.field_11{
background-image: url('../icons/pdf/field11-pdf.svg');
}

.field_12{
  width:78%;
  background-image: url('../icons/pdf/field12-pdf.svg');
  background-size:100% 15%;
}
/*----- FOOTER --------*/
/*footer license icons */

.license-icons{

width:175px;
margin:0 auto;
float:right;
margin:0 20px 0 0;
}
footer p{

width:810px;
float:left;

font-size:0.65em;
}
.contact-email {
  font-weight:bold;
}