html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  font-family: var(--nidoo-font-body);
  color: var(--nidoo-text);
}

/* Single site-wide typeface. Keep third-party icon fonts out of this rule. */
:where(body) :where(h1, h2, h3, h4, h5, h6, p, li, a, label, button, input, select, textarea, .button, .wp-element-button) {
  font-family: var(--nidoo-font-body) !important;
}

/* Header navigation: light editorial weight, not button weight. */
body .main-header-menu .menu-link {
  font-weight: 400 !important;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

a:hover {
  color: var(--nidoo-primary-hover);
}