/* The book "Employee Engagement, what else?": Poppins, navy headings and text, pink for what must stand out. */
:root {
  --brand: #d63d76;
  --brand-dark: #b9275d;
  --brand-border: #a32e5a;
  --accent: #d63d76;
  --accent-dark: #a32e5a;
  --dark: #002335;
  --text: #002335;
  --heading: #002335;
  --nav: #002335;
  --body-size: 20px;
  --body-line: 1.375;
  --h2-size: 48px;
}
h1, h2 { line-height: 1.5; }
.text p { margin-bottom: 1.375em; }
.text a, .lead a, .list a { font-weight: inherit; color: inherit; text-decoration: underline; }
.list li::before { background: currentColor; }
.button { border-radius: 0; }
.button--brand { background: var(--brand); border-color: var(--brand); text-shadow: none; }
.site-header__inner { min-height: 148px; }
.site-nav a { font-size: 20.8px; }
.site-header__login { padding: 8px 18px; }
.site-header__logo img { width: 32px; height: 32px; }
.site-footer { background: var(--dark); }
.site-footer__columns { display: block; padding: 40px 24px; color: #fff; font-size: 14px; line-height: 1.3; text-align: center; }
.site-footer__columns a { color: #fff; text-decoration: underline; }
.site-footer__columns .site-footer__legal { margin-top: 32px; text-align: center; }
.site-footer__right { display: none; }
/* The three gift packs on /order. Their own colours, not the brand's. */
.card--pink { background: var(--brand); color: #fff; }
.card--teal { background: #5bc0cd; color: #fff; }
.card--brand { background: #eb5a40; color: #fff; }
.card h3 { color: var(--dark); }
@media (max-width: 1000px) {
  .site-header__inner { min-height: 90px; }
  .site-nav a { font-size: 17.6px; }
  .site-header__login { font-size: 20px; }
}
@media (max-width: 680px) {
  :root { --h2-size: 30px; }
  .row--2.row--images { grid-template-columns: 1fr; }   /* the reviews are text in a picture */
}