doctype strict
head
  meta(http-equiv='Content-Type' content='text/html; charset=utf-8')
  meta(name='viewport' content='width=device-width, initial-scale=1.0')
  title #{title}
  style(type='text/css').
    /* reset */
    #outlook a {
    padding: 0;
    }
    /* Force Outlook to provide a "view in browser" menu link. */
    .ExternalClass {
    width: 100%;
    }
    /* Force Hotmail to display emails at full width */
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
    line-height: 100%;
    }
    /* Forces Hotmail to display normal line spacing.  More on that: http://www.emailonacid.com/forum/viewthread/43/ */
    p {
    margin: 0;
    padding: 0;
    font-size: 0px;
    line-height: 0px;
    }
    /* squash Exact Target injected paragraphs */
    table td {
    border-collapse: collapse;
    }
    /* Outlook 07, 10 padding issue fix */
    table {
    border-collapse: collapse;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
    }
    /* remove spacing around Outlook 07, 10 tables */
    /* bring inline */
    img {
    display: block;
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
    }
    a img {
    border: none;
    }
    a {
    text-decoration: none;
    color: #000001;
    }
    /* text link */
    a.phone {
    text-decoration: none;
    color: #000001 !important;
    pointer-events: auto;
    cursor: default;
    }
    /* phone link, use as wrapper on phone numbers */
    span {
    font-size: 13px;
    line-height: 17px;
    font-family: monospace;
    color: #000001;
    }
  //if gte mso 9
    style.
      /* Target Outlook 2007 and 2010 */
// body wrapper
table(cellpadding='0' cellspacing='0' border='0' style='margin:0; padding:0; width:100%; line-height: 100% !important;')
  tr
    td(valign='top')
      // edge wrapper
      table(cellpadding='0' cellspacing='0' border='0' align='center' width='600' style='background: #374857;')
        tr
          td(valign='top' style='vertical-align: top;')
            // /////////////////////////////////////////////////////
            table(cellpadding='0' cellspacing='0' border='0' align='center' style='width:100%')
              tr
                td(valign='top' style='vertical-align: top;text-align: center; padding: 10px')
                  span(style='font-family: Arial,Helvetica Neue,Helvetica,sans-serif; color:#f5ab35; font-size:20px; font-weight: bold;')
                    | #{header}
              tr
                td(valign='top' style='vertical-align: top; background: #161d23; padding:10px;')
                  span(style='font-family: Arial,Helvetica Neue,Helvetica,sans-serif; color:#cecece; font-size:16px;')
                    | #{content}
              tr
                td(valign='top' style='vertical-align: top; padding: 10px;')
                  span(style='font-family: Arial,Helvetica Neue,Helvetica,sans-serif; color:#b2cce5; font-size:12px;')
                    | #{footer}