/* Newsletter pages (6 Day Course emails, articles, cat and fish newsletters): the Kingdom of Pets look.
   Loaded after kop-site.css by build_newsletters.py pages. */
.nl-body { overflow-wrap: anywhere; }
.nl-body > *:first-child { margin-top: 0; }
.nl-body [align="center"] { text-align: center; }
.nl-body h2 { font-size: clamp(21px, 2.6vw, 26px); }
.nl-body h4 { color: var(--kop-blue-ink); font-size: 19px; }
.nl-body h5 { font: 700 16px/1.3 var(--kop-sans); margin: 1.2em 0 .4em; }
.nl-body strong, .nl-body b { color: var(--kop-ink); }
.nl-body img { max-width: 100%; height: auto; }
.nl-body img.pull-right, .nl-body .imageright img { float: right; margin: 6px 0 14px 24px; max-width: 45%; }
.nl-body img.pull-left { float: left; margin: 6px 24px 14px 0; max-width: 45%; }
.nl-body img.img-polaroid { padding: 5px; background: #fff; border: 1px solid #d5e2ef; box-shadow: 0 3px 10px rgba(15, 79, 120, .12); border-radius: 6px; }
.nl-body img[src*="signature"], .nl-body img[src*="paula_robb"] { float: none; display: block; margin: 4px 0 8px; padding: 0; border: 0; box-shadow: none; max-width: 180px; border-radius: 0; }
.nl-body img[src*="paula_robb"] { margin-top: 10px; }
.nl-body .imageright { margin: 0 0 1em; }
.nl-body .imageright::after, .nl-body::after { content: ""; display: table; clear: both; }
.nl-body hr { margin: 1.6em 0; }
.nl-body table { max-width: 100%; }
.nl-body .HighlightYellow { background: var(--kop-cream); padding: 0 .2em; }
.nl-body .bold { font-weight: 700; }
.nl-body .testimonial { background: var(--kop-sky-2); border-left: 5px solid var(--kop-blue-deep); border-radius: 0 10px 10px 0; padding: 14px 22px; margin: 1.4em 0; }

/* Pale-blue panels: testimonials and sign-ups inside the emails, and the sales closes */
.nl-body .blue-box { background: var(--kop-sky); border: 1px solid var(--kop-line); border-radius: 12px; padding: 18px 24px 8px; margin: 1.6em 0; }
.nl-body .blue-box > :last-child { margin-bottom: .8em; }
.nl-body .nl-cta { background: var(--kop-cream-2); border: 2px dashed #e0d36a; padding: 24px 28px 20px; margin-top: 2.2em; }
.nl-body .nl-cta h2 { margin-top: 0; font-size: clamp(20px, 2.4vw, 24px); color: var(--kop-blue-ink); }
.nl-body .nl-cta img.nl-cover { float: right; width: 150px; max-width: 32%; margin: 4px 0 12px 22px; border-radius: 0; }
.nl-body .green-tick-list { list-style: none; padding-left: 0; margin: 0 0 1.1em; }
.nl-body .green-tick-list li { position: relative; padding-left: 1.7em; }
.nl-body .green-tick-list li::before { content: "\2713"; position: absolute; left: 0; top: 0; color: #2e9b4e; font-weight: 800; }
.nl-body .nl-cta-btn { text-align: center; margin: 1.2em 0 .4em; clear: both; }
.nl-body .nl-cta-btn .kop-buy { color: #fff; text-decoration: none; padding: 14px 30px; font-size: 19px; }
.nl-body .nl-close { margin-top: 2em; clear: both; }
.nl-body .nl-close-cat, .nl-body .nl-dvd { padding: 16px 22px 4px; background: var(--kop-sky); border: 1px solid var(--kop-line); border-radius: 12px; }
.nl-body .nl-dvd img { float: none; max-width: 100%; display: block; margin: 0 auto; }

/* Tropical fish newsletter sign-up */
.nl-body .nl-signup form { background: #fff; border: 1px solid var(--kop-line); max-width: 460px; margin: 0 0 1em; }
.nl-body .nl-signup label { font-weight: 600; }
.nl-body .nl-signup input[type=text] { margin-bottom: 14px; }

@media (max-width: 600px) {
  .nl-body img.pull-right, .nl-body img.pull-left, .nl-body .imageright img, .nl-body .nl-cta img.nl-cover { float: none; display: block; margin: 0 auto 1em; max-width: 100%; }
  .nl-body .nl-cta img.nl-cover { max-width: 150px; }
  .nl-body .blue-box { padding: 14px 16px 6px; }
}