<style type="text/css">
    .mailpoet_text_block .mailpoet_content,
    .mailpoet_text_block .mailpoet_content p {
        color: {{ text.fontColor }};
        font-size: {{ text.fontSize }};
        font-family: {{fontWithFallback text.fontFamily }};
        line-height: {{ text.lineHeight }};
    }
    .mailpoet_text_block .mailpoet_content h1 {
        color: {{ h1.fontColor }};
        font-size: {{ h1.fontSize }};
        font-family: {{fontWithFallback h1.fontFamily }};
        line-height: {{ h1.lineHeight }};
    }
    .mailpoet_text_block .mailpoet_content h2 {
        color: {{ h2.fontColor }};
        font-size: {{ h2.fontSize }};
        font-family: {{fontWithFallback h2.fontFamily }};
        line-height: {{ h2.lineHeight }};
    }
    .mailpoet_text_block .mailpoet_content h3 {
        color: {{ h3.fontColor }};
        font-size: {{ h3.fontSize }};
        font-family: {{fontWithFallback h3.fontFamily }};
        line-height: {{ h3.lineHeight }};
    }
    .mailpoet_content a {
        color: {{ link.fontColor }};
        text-decoration: {{ link.textDecoration }};
    }
    .mailpoet_container_block, .mailpoet_container {
        background-color: {{ wrapper.backgroundColor }};
    }
    #mailpoet_editor_main_wrapper {
        background-color: {{ body.backgroundColor }};
    }
    {{#if isWoocommerceTransactional}}
      .mailpoet_text_block .mailpoet_content,
      .mailpoet_text_block .mailpoet_content p {
         font-family: {{fontWithFallback text.fontFamily }};
      }
      .mailpoet_text_block .mailpoet_content h1,
      .mailpoet_text_block .mailpoet_content h2,
      .mailpoet_text_block .mailpoet_content h3 {
          color: {{#if woocommerce.contentHeadingFontColor }}{{ woocommerce.contentHeadingFontColor }}{{else}}{{ woocommerce.brandingColor }}{{/if}};
      }
      .mailpoet_content h1 {
        font-size: {{ h1.fontSize }} !important;
        font-family: {{ woocommerce.headingFontFamily }} !important;
      }
      .mailpoet_content h2 {
        font-size: {{ h2.fontSize }} !important;
        font-family: {{ woocommerce.headingFontFamily }} !important;
      }
      .mailpoet_content h3 {
        font-size: {{ h3.fontSize }} !important;
        font-family: {{ woocommerce.headingFontFamily }} !important;
      }
      .mailpoet_woocommerce_heading {
        padding: 30px 20px;
        background: {{ woocommerce.brandingColor }};
      }
      .mailpoet_woocommerce_heading h1 {
        line-height: 1.2em;
        font-family: {{fontWithFallback text.fontFamily }};
        color: {{ woocommerce.headingFontColor }};
        margin: 0;
      }
      .mailpoet_woocommerce_content {
        color: {{ text.fontColor }};
      }
      .mailpoet_woocommerce_content * {
        font-family: {{fontWithFallback text.fontFamily }} !important;
        font-size: {{ text.fontSize }};
      }
      .mailpoet_woocommerce_content a {
        color: {{ link.fontColor }};
      }
      .mailpoet_woocommerce_content h1,
      .mailpoet_woocommerce_content h2,
      .mailpoet_woocommerce_content h3 {
        color: {{#if woocommerce.contentHeadingFontColor }}{{ woocommerce.contentHeadingFontColor }}{{else}}{{ woocommerce.brandingColor }}{{/if}};
      }
    {{/if}}
    .mailpoet_editor_confirmation_email_section {
      margin: 10px;
    }
    .mailpoet_editor_messages_confirmation_email {
      font-size: 13px;
      position: absolute;
      right: 0;
      top: 60%;
    }
</style>