@font-face {
  font-family: 'Regular PRO';
  src: url('https://innomate.blob.core.windows.net/customerpublicfiles/zbc/jobboards/1/media/Regular_PRO.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ========================================================================
 * Variable overrides
 * ======================================================================== */
body,
#innomate-jobs-widget {

    /* ---- Typography ---- */
    --innomate-font-family: 'Regular PRO', sans-serif;

    /* ---- Background ---- */
    --innomate-color-bg: #e5edf0;
}

/* Make the job title span the full width above both content and info,
 * plus move info to right hand column
 */
@media (min-width: 1024px) {
    .job-details {
        grid-template-areas:
            "title   title"
            "content info";
    }
}
 
@media (min-width: 1024px) {
    .job-details {
        grid-template-columns: 1fr 16em;
    }
}