| Line 11: | 
Line 11: | 
|   | {{#css:  |   | {{#css:  | 
|   | .headerbg {  |   | .headerbg {  | 
| − | 	margin-top: 0px;
  | + |    margin-top: 0px;  | 
| − | 	margin-right: 0px;
  | + |    margin-right: 0px;  | 
| − | 	margin-bottom: 0px;
  | + |    margin-bottom: 0px;  | 
| − | 	margin-left: 0px;
  | + |    margin-left: 0px;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .toc  |   | .toc  | 
|   | {  |   | {  | 
| − | display: none;  | + |    display: none;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .digitalcontent {  |   | .digitalcontent {  | 
| − | 	font-family: "Open Sans",sans-serif !important;
  | + |    font-family: "Open Sans",sans-serif !important;  | 
| − | 	margin-top: 0px;
  | + |    margin-top: 0px;  | 
| − | 	margin-right: 0px;
  | + |    margin-right: 0px;  | 
| − | 	margin-bottom: 0px;
  | + |    margin-bottom: 0px;  | 
| − | 	margin-left: 0px;
  | + |    margin-left: 0px;  | 
| − | 	font-style: normal;
  | + |    font-style: normal;  | 
|   | }  |   | }  | 
|   | .headerbg h1 {  |   | .headerbg h1 {  | 
| − | 	color: #006B64;
  | + |    color: #006B64;  | 
| − | 	padding-bottom: 0px;
  | + |    padding-bottom: 0px;  | 
| − | 	font-size: 40px !important;
  | + |    font-size: 40px !important;  | 
| − | 	font-family: "Open Sans",sans-serif !important;
  | + |    font-family: "Open Sans",sans-serif !important;  | 
| − |         border: none;
  | + |    border: none;  | 
| − | font-weight: 700;  | + |    font-weight: 700;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .digitalcontent h3  |   | .digitalcontent h3  | 
|   | {  |   | {  | 
| − | 	font-size: 30px;
  | + |    font-size: 30px;  | 
| − | 	font-weight: lighter;
  | + |    font-weight: lighter;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .digitalcontent h2  |   | .digitalcontent h2  | 
|   | {  |   | {  | 
| − | 	color: #000000;
  | + |    color: #000000;  | 
| − | 	font-size: 30px;
  | + |    font-size: 30px;  | 
| − |         margin-top: 20px;
  | + |    margin-top: 20px;  | 
| − |         margin-bottom: 0px;
  | + |    margin-bottom: 0px;  | 
| − |         border: none;
  | + |    border: none;  | 
| − | font-weight: 700;  | + |    font-weight: 700;  | 
| − | 	font-family: "Open Sans",sans-serif !important;
  | + |    font-family: "Open Sans",sans-serif !important;  | 
|   | }    |   | }    | 
|   |  |   |  | 
|   | .headercontent p  |   | .headercontent p  | 
|   | {  |   | {  | 
| − | 	color: #000000;
  | + |    color: #000000;  | 
| − | 	font-size: 20px;
  | + |    font-size: 20px;  | 
| − | 	padding: 0;
  | + |    padding: 0;  | 
| − | 	margin: 0;
  | + |    margin: 0;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | /* Remove extra left and right margins, due to padding in columns */  |   | /* Remove extra left and right margins, due to padding in columns */  | 
| − | .row {margin: 0 -5px;  | + | .row {  | 
| − | 	clear: both;
  | + |    margin: 0 -5px;  | 
| − | 	  display: flex;  
  | + |    clear: both;  | 
| − |   flex-flow: row wrap;
  | + |    display: flex;    | 
|   | + |    flex-flow: row wrap;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .column {  |   | .column {  | 
| − | 	flex: 0 0 25%;
  | + |    flex: 0 0 25%;  | 
| − |   display: flex;
  | + |    display: flex;  | 
| − |   padding: 10px;  
  | + |    padding: 10px;    | 
|   |  |   |  | 
|   | }  |   | }  | 
|   | /* Clear floats after the columns */  |   | /* Clear floats after the columns */  | 
|   | .row:after {  |   | .row:after {  | 
| − |   content: "";
  | + |    content: "";  | 
| − |   display: table;
  | + |    display: table;  | 
| − |   clear: both;
  | + |    clear: both;  | 
|   | }  |   | }  | 
|   |  |   |  | 
| Line 92: | 
Line 93: | 
|   |  |   |  | 
|   | .cards {  |   | .cards {  | 
| − | 	height: 100px;
  | + |    height: 100px;  | 
| − | 	max-width: 100px;
  | + |    max-width: 100px;  | 
| − | 	max-height: 150px;
  | + |    max-height: 150px;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .infobox  |   | .infobox  | 
|   | {  |   | {  | 
| − | 	 border-radius: 10px;
  | + |    border-radius: 10px;  | 
| − |   border: 2px solid #00A196;
  | + |    border: 2px solid #00A196;  | 
| − |   padding-top: 10px;
  | + |    padding-top: 10px;  | 
| − | 	padding-bottom: 10px;
  | + |    padding-bottom: 10px;  | 
| − | 	padding-left: 20px;
  | + |    padding-left: 20px;  | 
| − | 	padding-right: 20px;
  | + |    padding-right: 20px;  | 
| − | 	margin-bottom: 15px;
  | + |    margin-bottom: 15px;  | 
| − | 	margin-top: 10px;
  | + |    margin-top: 10px;  | 
|   | }  |   | }  | 
|   |  |   |  | 
| − | .infoboxcontent  | + | .infoboxcontent {  | 
| − | {  | + |    width: 95%;  | 
| − | 	width: 95%;
  | + |    float: right;  | 
| − | 	float: right;
  | + |    height: auto;  | 
| − | 	height: auto;
  |   | 
|   | }  |   | }  | 
|   |  |   |  | 
| Line 124: | 
Line 124: | 
|   | }  |   | }  | 
|   | /* Style for projects */  |   | /* Style for projects */  | 
| − | .thumbnail img  | + | .thumbnail img {      | 
| − | {   display: block;  | + |    display: block;  | 
| − |   margin-left: auto;
  | + |    margin-left: auto;  | 
| − |   margin-right: auto;}
  | + |    margin-right: auto;  | 
| − |    | + | }  | 
|   |  |   |  | 
|   | .thumbRow {  |   | .thumbRow {  | 
| − | 	margin: 0 -5px;
  | + |    margin: 0 -5px;  | 
| − | 	clear: both;
  | + |    clear: both;  | 
| − | 	  display: flex;  
  | + |    display: flex;    | 
| − |   flex-flow: row wrap;
  | + |    flex-flow: row wrap;  | 
|   | }  |   | }  | 
|   | .thumbRow:after {  |   | .thumbRow:after {  | 
| − |   content: "";
  | + |    content: "";  | 
| − |   display: table;
  | + |    display: table;  | 
| − |   clear: both;
  | + |    clear: both;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | *{  |   | *{  | 
| − |   box-sizing: border-box;
  | + |    box-sizing: border-box;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .thumbnail h4  |   | .thumbnail h4  | 
|   | {  |   | {  | 
| − | 	background-color: #52C765;
  | + |    background-color: #52C765;  | 
| − | 	margin: auto;
  | + |    margin: auto;  | 
| − | 	padding: 20px;
  | + |    padding: 20px;  | 
| − | 	text-align: center;
  | + |    text-align: center;  | 
| − | 	color: black;
  | + |    color: black;  | 
| − |         font-size: 20px;
  | + |    font-size: 20px;  | 
| − |         text-decoration: underline;
  | + |    text-decoration: underline;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .thumbnail h4 a  |   | .thumbnail h4 a  | 
|   | {		  |   | {		  | 
| − | 	color: black;
  | + |    color: black;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .thumbnail h4 a:hover  |   | .thumbnail h4 a:hover  | 
|   | {  |   | {  | 
| − | 	color: white;
  | + |    color: white;  | 
|   | }  |   | }  | 
|   | .thumbnail h4 a:focus  |   | .thumbnail h4 a:focus  | 
|   | {  |   | {  | 
| − | 	color: white;
  | + |    color: white;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .thumbcontent  |   | .thumbcontent  | 
|   | {  |   | {  | 
| − | 	padding: 20px;
  | + |    padding: 20px;  | 
|   | }  |   | }  | 
|   | .thumbcolumn {  |   | .thumbcolumn {  | 
| − |   flex: 0 0 33.33%;
  | + |    flex-basis: 33.33%;  | 
| − |   padding: 10px; /* gutter width */
  | + |    padding: 10px;  | 
|   | + |    display: flex;  | 
|   | + |    align-items: stretch;  | 
|   | + |    justify-items: stretch;  | 
|   | + |    justify-content: stretch;  | 
|   | }  |   | }  | 
|   |  |   |  | 
|   | .thumbnail {	  |   | .thumbnail {	  | 
| − | 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  | + |    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  | 
|   | + |    width: 100%;  | 
|   | }  |   | }  | 
|   | .txtPhase {  |   | .txtPhase {  | 
| − | 	text-align: center;
  | + |    text-align: center;  | 
| − | 	font-weight: bold;
  | + |    font-weight: bold;  | 
| − | 	padding-bottom: 10px;
  | + |    padding-bottom: 10px;  | 
| − | 	color: #000000;
  | + |    color: #000000;  | 
| − | 	border-bottom: solid 2px #75DE86;
  | + |    border-bottom: solid 2px #75DE86;  | 
|   | }  |   | }  | 
|   |  |   |  |