* {
  box-sizing: border-box;
  font-family: "Quicksand";
}

/* New CSS for V2 */
.zbody {
  width: 100%;
  max-width: 1024px;
  margin: 0px auto!important;
  padding: 0 16px;
}
.zbody--fullscreen.zbody {    
  width: 100%;
  height: calc(100vh - 72px);
  max-width: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1024px) {
    .zbody--fullscreen.zbody{
      height: 100vh;
    }
}
.zsection {
  margin-top: 16px;
}
.zsection--no-margin.zsection{
  margin: 0;
}
.zsection-title.mdl-cell {
  text-align: center;
}
.zsection-title.mdl-cell h4 {
  font-family: "Quicksand";
}
.zsection-subtitle.mdl-cell {
  text-align: center;
}

/* Shared display */
.hide {
  display: none;
}
.hidden_link {
	color: inherit;
}
.hidden_link:hover{
	text-decoration: none;
	color: #ccc;
}
.clickable {
  cursor: pointer;
}
/* end v2 */

/* v3 */
.zpcard {
  overflow: visible!important;
}
.zpcard--header {
  border-radius: 8px 8px 0px 0px;
  font-family: "Quicksand";
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #ffffff;
  display: flex;
  align-items: flex-end;
}
.zpcard--content {
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #8091a5;
  min-height: 140px;
  text-align: justify;
}
/* end v3 */