util.print: Use console.log instead
/*
* This is the default styling for Codex Documentation System
* You may write and substitute your own. See general options
*
*/
/* If we're smart, we'll put all the variables in a different file that we then only have to edit it.
Which then protects our LESS/CSS and presents a much easier way for users to create their own theme.
And then maybe even compile LESS at runtime... Or on Admin command
*/
body.single-codex .pzcodex a {
  text-decoration: none;
  color: #336699;
  padding: 1px;
}
body.single-codex .pzcodex a:hover {
  text-decoration: underline;
  color: #19334d;
}
body.single-codex section .pzcodex-step {
  border-bottom: 1px solid #dddddd;
}
body.single-codex section .pzcodex-step-content {
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.single-codex section .pzcodex-step-content a:hover {
  background: #f2f2f2;
}
body.single-codex section .pzcodex-step-media {
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  max-width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 10px;
}
body.single-codex section .pzcodex-step-code {
  color: #333333;
  background: #fafafa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.single-codex section .pzcodex-step-title {
  color: #aa0000;
  font-size: 24px;
  font-family: Georgia, "Times New Roman", serif;
}
body.single-codex section .pzcodex-step-title a {
  color: inherit;
}
body.single-codex section .pzcodex-step-title a:hover {
  color: #440000;
}
body.single-codex section .pzcodex-step-title.inside-description {
  margin: 10px 0;
}
body.single-codex section .pzcodex-step-title.full-width {
  margin: 15px 0 0 0;
  border-bottom: 1px solid #dddddd;
}
body.single-codex section .pzcodex-step figcaption {
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
  line-height: 2.5em;
}
body.single-codex section .pzcodex-flexChild.is-description {
  padding: 15px 10px 15px 10px;
}
body.single-codex section .pzcodex-flexChild.is-description ol,
body.single-codex section .pzcodex-flexChild.is-description ul {
  padding-left: 20px;
}
body.single-codex section .pzcodex-flexChild.is-code {
  /*crazy bottom because of equal height columns hack*/

  padding: 10px;
  background: #f4f4f4;
}
body.single-codex section .pzcodex-flexChild.is-media {
  background: #f4f4f4;
  padding: 15px 10px 15px 10px;
  border-left: 1px solid #ffffff;
}
body.single-codex section .pzcodex-flexChild.is-media a {
  display: block;
  overflow: hidden;
}
body.single-codex section .pzcodex-flexChild.is-code pre code {
  padding: 15px;
}
body.single-codex section .pzcodex-step-media div {
  margin: auto;
}
body.single-codex section#pzcodex-step-1.title-in-description {
  border-top: 1px solid #dddddd;
}
body.single-codex section.is-header .pzcodex-step-title {
  font-size: 28px;
}
body.single-codex section.is-substep {
  margin-left: 30px;
}