/* Base CSS rules to be applied to all emails */
/* Created based on original MailPoet template for rendering emails */
/* StyleLint is disabled because some rules contain properties that linter marks as unknown, but they are valid for email rendering */
/* stylelint-disable property-no-unknown */
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%; /* From MJMJ - Automatic test adjustment on mobile max to 100% */
  -ms-text-size-adjust: 100%; /* From MJMJ - Automatic test adjustment on mobile max to 100% */
}

.email_layout_wrapper {
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
}

table,
td {
  border-collapse: collapse;
  mso-table-lspace: 0;
  mso-table-rspace: 0;
}

img {
  border: 0;
  height: auto;
  -ms-interpolation-mode: bicubic;
  line-height: 100%;
  outline: none;
  text-decoration: none;
}

p {
  display: block;
  margin: 13px 0;
}

/* https://www.emailonacid.com/blog/article/email-development/tips-for-coding-email-preheaders */
.email_preheader,
.email_preheader * {
  color: #fff;
  display: none;
  font-size: 1px;
  line-height: 1px;
  max-height: 0;
  max-width: 0;
  mso-hide: all;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.email_content_wrapper {
  background: #fff;
}

@media screen and (max-width: 599px) {
  .email_column {
    max-width: 100% !important;
  }
  .block {
    display: block;
    width: 100% !important;
  }
}
/* stylelint-enable property-no-unknown */