/*
 * Abacus job portal: only loaded on nodes with the [abacusjobportal:...]
 * shortcode, i.e. on the pages delivered by the portal. Plain CSS, no build
 * step. The portal content lives in .jobportal > div > #abacus-app (light DOM).
 */
.jobportal {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 40px;

  /* FormKit (search, filters, application form) */
  --fk-font-family: "Droid Sans", Arial, sans-serif;
  --fk-font-family-label: var(--fk-font-family);
  --fk-font-family-legend: var(--fk-font-family);
  --fk-font-family-input: var(--fk-font-family);
  --fk-font-family-option: var(--fk-font-family);
  --fk-font-family-help: var(--fk-font-family);
  --fk-font-family-message: var(--fk-font-family);
}

.jobportal img,
.jobportal iframe {
  max-width: 100%;
  height: auto;
}

/* VSSM fonts instead of the portal defaults (system-font1-3 = headings) */
.jobportal #abacus-app,
.jobportal #popup-content,
.jobportal .system-standard-font,
.jobportal .system-font4,
.jobportal .system-font5,
.jobportal .system-font6 {
  font-family: "Droid Sans", Arial, sans-serif;
}

.jobportal h1,
.jobportal h2,
.jobportal h3,
.jobportal h4,
.jobportal .system-font1,
.jobportal .system-font2,
.jobportal .system-font3 {
  font-family: Bitter, "Times New Roman", Times, serif;
}