:root {
  --mm-olive: #808D13;
  --mm-olive-dark: #687210;
  --mm-olive-darker: #525C0C;
  --mm-sage: #B1BA68;
  --mm-yellow: #FFE01C;
  --mm-orange: #F89B16;
  --mm-charcoal: #373535;
  --mm-ink: #080808;
  --mm-light: #F8F8F8;
  --mm-sans: "Poppins", Arial, sans-serif;
  --mm-serif: "Merriweather", Georgia, serif;
  --mm-wrap: 1110px;
  --mm-gutter: 20px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 400 16px/1.6 var(--mm-sans); color: var(--mm-ink); background: #fff; }
img, video { max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--mm-serif); font-weight: 300; line-height: 1.25; margin: 0 0 .5em; }
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--mm-olive); outline-offset: 2px; }

.mm-wrap { max-width: calc(var(--mm-wrap) + 2 * var(--mm-gutter)); margin-inline: auto; padding-inline: var(--mm-gutter); }
.entry-content { padding-inline: var(--mm-gutter); }
.entry-content > * { max-width: var(--mm-wrap); margin-inline: auto; }
.entry-content > .alignwide { max-width: 1400px; }
.entry-content > .alignfull { max-width: none; margin-inline: calc(-1 * var(--mm-gutter)); }

.wp-element-button, .wp-block-button__link, .button {
  display: inline-block; background: var(--mm-olive-dark); color: #fff; border: 0; border-radius: 20px;
  padding: 12px 30px; font: 600 .85rem/1.2 var(--mm-sans); text-transform: uppercase; letter-spacing: .05em;
  text-decoration: none; cursor: pointer;
}
.wp-element-button:hover, .wp-block-button__link:hover, .button:hover { background: var(--mm-olive-darker); color: #fff; }

.mm-icon { display: block; width: 20px; height: 20px; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px;
  margin: -1px; overflow: hidden; padding: 0; position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus { clip: auto; clip-path: none; height: auto; width: auto; left: 8px; top: 8px; z-index: 1000; background: #fff; padding: 8px 16px; }
.mm-archive, .mm-404 { padding-block: 60px; }
.mm-404 { text-align: center; }
