@font-face {
  font-family: 'Inter';
  src: url('https://res.armor.com/resources/wp-content/themes/Armor-BW/assets/fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url('https://res.armor.com/resources/wp-content/themes/Armor-BW/assets/fonts/GeistMono-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('https://res.armor.com/resources/wp-content/themes/Armor-BW/assets/fonts/Lora-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lora';
  src: url('https://res.armor.com/resources/wp-content/themes/Armor-BW/assets/fonts/Lora-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', Roboto, system-ui, -apple-system, sans-serif;
  --font-mono:  'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --theme-text-font: var(--font-sans);
  --theme-headline-font: var(--font-serif);
  --theme-header-background-color: #000;
  --theme-header-text-color: #fff;
  --theme-banner-image: none;
  --theme-banner-background-color: #000;
  --theme-banner-text-color: #fff;

  --white:     #fff;
  --hover:     #f7f7f9;
  --gray:      #f0f0f0;
  --topicgray: #979797;
  --border:    #dedede;
  --dkgray:    #575757;
  --black:     #000;

  color-scheme: light;
}

body,
p, li, td, th,
input, select, textarea, button,
.header__navigation--heading,
.render-links--link a {
  font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif) !important;
}

code, pre, kbd, samp, tt,
.code, .hljs, [class*='language-'] {
  font-family: var(--font-mono) !important;
}

body {
  background-color: var(--gray);
}

main a,
.space-overview a {
  color: var(--black);
  text-decoration: none;
}

main a:is(:hover, :focus-visible),
.space-overview a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

main :is(h2, h3) a,
.space-overview :is(h2, h3) a {
  font-family: var(--font-serif) !important;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: var(--black);
  text-decoration: none;
}

main :is(h2, h3) a:is(:hover, :focus-visible),
.space-overview :is(h2, h3) a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

main ul li a,
.space-overview ul li a {
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
}

main ul li a:is(:hover, :focus-visible),
.space-overview ul li a:is(:hover, :focus-visible) {
  background-color: var(--hover);
  text-decoration: none;
}

hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.header,
.vp-banner,
.space-overview__hero,
.space-overview__hero__header {
  background: var(--black) !important;
  background-image: none !important;
  border-bottom: 0;
}

.header .top-bar {
  background-color: transparent !important;
}

.space-overview__hero__header__content__intro--heading {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  font-size: 40px;
  color: var(--white);
}

.space-overview__hero__header__content__intro--intro {
  display: none;
}

@media (min-width: 1024px) {
  .space-overview__hero__header {
    padding: 25px 1rem 50px;
  }
}

.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  min-height: 0;
}

.footer__logo {
  display: none;
}

main.hero-layout h3 a,
main.hero-layout ul li h3 a {
  font-family: var(--font-mono) !important;
  font-weight: normal;
  font-size: 16px;
  color: var(--black);
  text-transform: uppercase;
}

main.hero-layout .items.list > li {
  row-gap: 12px;
  border: 1px solid var(--border);
  padding: 20px;
}

main.hero-layout .items.list > li:last-child {
  border: 0 none;
  padding: 0;
}

main.hero-layout ul.items.list h3 {
  margin-bottom: 10px;
}

main.hero-layout ul li a {
  color: var(--dkgray);
  display: inline-block;
  line-height: 20px;
}

main.hero-layout a.kb-more-link {
  display: inline-block;
  font-family: var(--font-mono) !important;
  font-size: 10px;
  color: var(--black);
  margin-top: 10px;
}

section.article-page {
  background-color: var(--white);
}