<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>{site_title}</title>
  <style>
    body {
      background-color: #121212;
      margin: 0;
      padding: 0;
      color: #e1e1e1;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, sans-serif;
    }

    #wrapper {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
    }

    #template_container {
      background-color: #1e1e1e;
      border: 1px solid #333333;
      border-radius: 12px;
      overflow: hidden;
      margin-top: 40px;
      margin-bottom: 10px;
    }

    #template_header {
      background-color: #262626;
      padding: 30px;
      text-align: center;
      border-bottom: 1px solid #333333;
    }

    #header_wrapper h1 {
      color: #ffffff;
      font-weight: 600;
      font-size: 24px;
      margin: 0;
      letter-spacing: 0.5px;
    }

    #template_body {
      background-color: #1e1e1e;
    }
    
    #body_content table td {
			padding: 48px 48px 32px;
		}

    #body_content_inner {
      color: #cccccc;
      font-size: 16px;
      line-height: 1.6;
      padding: 10px 0;
    }

    #template_footer {
    }

    #template_footer_title {
			border: 0;
			color: #text_lighter_40#;
			line-height: 150%;
			text-align: center;
    }

    #template_footer_title a {
      color: #base#;
      text-decoration: none;
    }

    .button {
      display: inline-block;
      background-color: #base#;
			color: #base_text#;
      padding: 14px 28px;
      text-decoration: none;
      border-radius: 6px;
      font-weight: 600;
      margin: 15px 0;
    }

    .divider {
      height: 1px;
      background-color: #333333;
      margin: 20px 0;
    }

    .highlight {
      color: #base#;
    }

    .logo-container {
      margin-bottom: 20px;
    }

    .accent-line {
      width: 50px;
      height: 3px;
      background-color: #base#;
      margin: 20px auto;
    }
  </style>
</head>

<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
  <div id="wrapper" dir="ltr">
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
      <tr>
        <td align="center" valign="top">
          <div id="template_header_image">
            <!-- <p style="margin-top:0;"><img src="' . esc_url( $img ) . '" alt="{site_title}" /></p>'; -->
          </div>
          <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">
            <tr>
              <td align="center" valign="top">
                <!-- Header -->
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header">
                  <tr>
                    <td id="header_wrapper">
                      <h1>{header_text}</h1>
                    </td>
                  </tr>
                </table>
                <!-- End Header -->
              </td>
            </tr>
            <tr>
              <td align="center" valign="top">
                <!-- Body -->
                <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body">
                  <tr>
                    <td valign="top" id="body_content">
                      <!-- Content -->
                      <table border="0" cellpadding="20" cellspacing="0" width="100%">
                        <tr>
                          <td valign="top">
                            <div id="body_content_inner">
                              {{__email_body__}}
                            </div>
                          </td>
                        </tr>
                      </table>
                      <!-- End Content -->
                    </td>
                  </tr>
                </table>
                <!-- End Body -->
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td align="center" valign="top">
          <!-- Footer -->
          <table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer">
            <tr>
              <td valign="top">
                <table border="0" cellpadding="10" cellspacing="0" width="100%">
                  <tr>
                    <td colspan="2" valign="middle" id="template_footer_title">
                      <p style="margin: 0 0 16px;">
                        {site_title} — <a href="{site_address}" target="_blank">{site_address}</a>
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
          <!-- End Footer -->
        </td>
      </tr>
    </table>
  </div>
</body>

</html>