/* ============================================================
   TalentPop — Ashby Job Board Custom CSS
   Upload in Ashby Admin → Job Board → Custom CSS

   NOTE: Replace YOUR_KIT_ID with your Adobe Fonts kit ID,
   and add jobs.ashbyhq.com to your kit's allowed domains.
   ============================================================ */

@import url("https://use.typekit.net/jnj2nzt.css");


/* ── Job board heading (company name) ────────────────────── */
.ashby-job-board-heading {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 800;
  color: #27313D;
}


/* ── Open positions count ────────────────────────────────── */
.ashby-job-board-heading-count {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #6b7280;
}


/* ── Filters label ───────────────────────────────────────── */
.ashby-job-board-filters-label {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  color: #6b7280;
}

.ashby-job-board-reset-filters-label {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #69C920;
}


/* ── Department filter — pill with teal border ───────────── */
.ashby-job-board-filter {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px !important;
  color: #27313D !important;
  border: 1.5px solid #B8D8DA !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 8px 20px;
  transition: border-color 0.2s;
}

.ashby-job-board-filter:focus,
.ashby-job-board-filter:focus-within,
.ashby-job-board-filter:focus-visible,
.ashby-job-board-filter:active {
  font-size: 14px !important;
  color: #27313D !important;
  border-color: #B8D8DA !important;
  outline: none !important;
  box-shadow: none !important;
}


/* ── Department headings ──────────────────────────────────── */
.ashby-department-heading {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #6b7280;
  border-bottom: 1.5px dashed rgba(105, 201, 32, 0.4);
  padding-bottom: 10px;
}

.ashby-department-heading-level {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #6b7280;
}


/* ── Job card ─────────────────────────────────────────────── */
.ashby-job-posting-brief {
  border: 1.5px solid #B8D8DA !important;
  border-radius: 16px;
  background: #ffffff;
  padding: 16px 20px;
  margin-bottom: 10px;
  transition: border-color 0.2s;
}

.ashby-job-posting-brief:hover {
  border-color: #69C920 !important;
}


/* ── Job title ────────────────────────────────────────────── */
.ashby-job-posting-brief-title {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #27313D;
  transition: color 0.2s;
}

.ashby-job-posting-brief:hover .ashby-job-posting-brief-title {
  color: #69C920;
}


/* ── Job details (location, employment type) ──────────────── */
.ashby-job-posting-brief-details {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  color: #9ca3af;
}


/* ── Apply button — navy pill, green on hover ─────────────── */
.ashby-job-posting-brief a {
  background: #27313D;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 10px 22px;
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  transition: background 0.25s, padding 0.25s;
  white-space: nowrap;
}

.ashby-job-posting-brief a::after {
  content: '→';
  display: inline-block;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  margin-left: 0;
  transition: max-width 0.25s ease, opacity 0.2s ease, margin-left 0.25s ease;
}

.ashby-job-posting-brief:hover a {
  background: #69C920;
  padding: 10px 26px;
}

.ashby-job-posting-brief:hover a::after {
  max-width: 20px;
  opacity: 1;
  margin-left: 6px;
}


/* ── Back to all jobs button ──────────────────────────────── */
.ashby-job-board-back-to-all-jobs-button {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #69C920;
  font-weight: 600;
}


/* ── Individual job posting — font for all content ────────── */
.ashby-job-posting-heading {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 800;
  color: #27313D;
}

.ashby-job-posting-left-pane {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
}

.ashby-job-posting-right-pane {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
}

.ashby-job-posting-header {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
}

.ashby-application-form-container {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
}


/* ── Application form ─────────────────────────────────────── */
.ashby-application-form-submit-button {
  background: #27313D !important;
  border-radius: 999px !important;
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  color: #ffffff !important;
  border: none !important;
  transition: background 0.2s;
}

.ashby-application-form-submit-button:hover {
  background: #69C920 !important;
}

.ashby-application-form-question-title {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  color: #27313D;
}

.ashby-application-form-section-header-title {
  font-family: "proxima-nova", "Proxima Nova", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 700;
  color: #27313D;
}


/* "Powered by Ashby" footer — cannot be hidden via custom CSS.
   Contact Ashby support to request removal. */