/* employeeengagement.ae, .be and .io: Herculean Alliance's own look, Poppins with navy text and orange buttons. */
:root {
  --brand: #eb5a40;
  --brand-dark: #eb5a40;
  --brand-border: #eb5a40;
  --accent: #eb5a40;
  --accent-dark: #b84632;
  --dark: #002335;
  --text: #002335;
  --heading: #002335;
  --nav: #002335;
  --body-size: 20px;
  --body-line: 1.375;
  --h2-size: 40px;
  --button-size: 20px;
}
.text p { margin-bottom: 1.375em; }
.text a, .lead a, .list a { font-weight: inherit; color: inherit; text-decoration: underline; }
.button { border-radius: 0; }
.button--brand { text-shadow: none; }
.button--light { color: var(--brand); background: #fff; border-color: var(--brand); }
.site-header__logo img { width: 130px; height: auto; }
.site-nav a { font-size: 16px; }
.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 { text-align: center; }
.site-footer__columns > div:first-child, .site-footer__right { display: none; }
@media (max-width: 1000px) {
  .site-header__logo img { width: 100px; }
}
@media (max-width: 680px) {
  :root { --h2-size: 30px; --body-size: 18px; --button-size: 18px; }
  .site-header__logo img { width: 84px; }
}
/* Text on a photo is white; a white card on that photo keeps the navy of the page. */
.block--photo h1, .block--photo h2, .block--photo h3, .block--photo p, .block--photo .list { color: #fff; }
.hero .align-left { text-align: left; }
.block--photo .card--white h1, .block--photo .card--white h2, .block--photo .card--white h3, .block--photo .card--white p { color: var(--text); }
/* The two extra colours of the ecosystem pages on .io. */
.button--yellow { color: #fff; background: #ffcd1c; border-color: #ffcd1c; }
.button--teal { color: #fff; background: #5bc0cd; border-color: #5bc0cd; }
.button--slate { color: #fff; background: #484646; border-color: #484646; border-radius: 999px; }
.card--teal { background: #5bc0cd; color: #fff; }
.card--teal h1, .card--teal h2, .card--teal h3, .card--teal a:not(.button) { color: #fff; }
/* The references: a thin line between the quotes. */
#centered-text + :is(#acwa-power, #kanoo) ~ .block:not(#shout-out, #shout-out ~ .block) .container { padding-top: 40px; border-top: 1px solid #002335; }