/* Upload this file in Ashby Admin > Job Boards > Theme > Custom CSS.
   Set the posting Back URL to https://ambrosia.energy/team#open-roles. */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('https://ambrosia.energy/fonts/dm-sans.ca72d2bc.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('https://ambrosia.energy/fonts/dm-sans-italic.9000d955.woff2') format('woff2');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://ambrosia.energy/fonts/bebas-neue.a7c90c89.woff2') format('woff2');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('https://ambrosia.energy/fonts/jetbrains-mono.2c32b9b3.woff2') format('woff2');
}

/* Ashby rejects :focus, :focus-visible, clamp(), and unlisted class selectors.
   Preserve its built-in focus styling. */

/* Ashby's theme variables carry colors into native form controls and menus. */
:root, body {
  color-scheme: dark;
  --fontFamily: 'DM Sans', sans-serif;
  --colorAppBackground: #060608;
  --colorNeutral000: #060608;
  --colorNeutral100: #1a1a1e;
  --colorNeutral200: #2e2e34;
  --colorNeutral300: #45454e;
  --colorNeutral400: #6b6b78;
  --colorNeutral500: #9a9aa8;
  --colorNeutral600: #b0afb0;
  --colorNeutral700: #cccac7;
  --colorNeutral800: #e0dfda;
  --colorNeutral900: #e0dfda;
  --colorNeutral800A: #e0dfda;
  --colorNeutral700A: #cccac7;
  --colorNeutral600A: #b0afb0;
  --colorNeutral500A: #9a9aa8;
  --colorNeutral400A: #6b6b78;
  --colorNeutral300A: #45454e;
  --colorNeutral200A: #2e2e34;
  --colorNeutral100A: #1a1a1e;
  --colorPrimary000: #060608;
  --colorPrimary200: #332d15;
  --colorPrimary600: #f0c93a;
  --colorPrimary800: #f5d84a;
  --colorPrimary900: #f5d84a;
  --colorPrimary500A: #f0c93a26;
  --colorNegative600: #f28b82;
  --colorNegative800: #f28b82;
  --colorNegative200: #351c1c;
  --colorPositive800: #8dd6a1;
  --colorPositive200: #18291e;
  --colorWarning900: #f0c93a;
  --borderRadiusContainer: 0;
  --borderRadiusControl: 2px;
  --borderRadiusButton: 0;
}

body {
  background: #060608;
  color: #e0dfda;
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  line-height: 1.7;
}
a { color: #f0c93a; }
a:hover { color: #f5d84a; }

.ashby-job-posting-header {
  position: relative;
  background: #060608;
  border-bottom: 1px solid #2e2e34;
}
.ashby-job-posting-header > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  max-width: none;
  margin: 0;
  min-height: 92px;
  padding: 20px 60px;
}
.ashby-job-posting-header > ul > li { flex: 0 1 auto; }
.ashby-job-posting-header li:empty { display: none; }
/* A custom Back URL produces a direct anchor without Ashby's back-button class. */
.ashby-job-posting-header > ul > a {
  position: absolute;
  top: 100%;
  left: 24px;
  right: 24px;
  max-width: 976px;
  margin: 24px auto 0;
}
.ashby-job-posting-header img,
img[alt="Ambrosia Energy"] {
  width: 240px;
  max-width: 100%;
  height: auto;
  max-height: 56px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.ashby-job-posting-header > ul > a,
.ashby-job-board-back-to-all-jobs-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #e0dfda;
  white-space: nowrap;
}
.ashby-job-posting-header > ul > a::after,
.ashby-job-board-back-to-all-jobs-button::after { content: 'Back to Careers'; }
.ashby-job-posting-header > ul > a svg,
.ashby-job-board-back-to-all-jobs-button svg { fill: currentColor; }

.ashby-job-posting-header img { width: auto; height: 52px; display: block; }

.ashby-job-posting-heading,
.ashby-job-board-heading {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  color: #f5f4ef;
  margin: 48px 0 32px;
  overflow-wrap: anywhere;
}
.ashby-job-posting-heading { margin-top: 88px; }

.ashby-job-posting-left-pane h2,
.ashby-job-posting-right-pane [role='tab'] {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #f0c93a;
}
.ashby-job-posting-right-pane [role='tab'][aria-selected='false'] { color: #9a9aa8; }
.ashby-job-posting-right-pane-tab-slider { background: #f0c93a; }
.ashby-job-posting-left-pane { color: #b0afb0; }
.ashby-job-posting-description {
  font-size: 17px;
  line-height: 1.8;
  color: #e0dfda;
}
/* Ashby places the shared company introduction in the first paragraph. */
.ashby-job-posting-description > p:first-child { color: #b0afb0; }
/* Scope through the pane to override Ashby's rich-text spacing rules. */
.ashby-job-posting-right-pane .ashby-job-posting-description > p {
  line-height: 1.8;
  margin: 0 0 32px;
}
.ashby-job-posting-right-pane .ashby-job-posting-description > p:first-child { margin-bottom: 48px; }
/* Published descriptions use both h1 and h2 for section headings. */
.ashby-job-posting-right-pane .ashby-job-posting-description h1,
.ashby-job-posting-right-pane .ashby-job-posting-description h2 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: #f0c93a;
  margin: 48px 0 20px;
}
.ashby-job-posting-description h1 strong,
.ashby-job-posting-description h2 strong { font-weight: inherit; }
.ashby-job-posting-right-pane .ashby-job-posting-description ul,
.ashby-job-posting-right-pane .ashby-job-posting-description ol {
  margin: 0 0 48px;
  padding-left: 20px;
}
/* Nested bullets belong to their parent item, not to a separate section. */
.ashby-job-posting-right-pane .ashby-job-posting-description li ul,
.ashby-job-posting-right-pane .ashby-job-posting-description li ol { margin: 4px 0 0; }
.ashby-job-posting-right-pane .ashby-job-posting-description li {
  color: #e0dfda;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
  padding: 5px 0;
}
.ashby-job-posting-right-pane .ashby-job-posting-description li p { line-height: 1.7; }
.ashby-job-posting-description li::marker { color: #f0c93a; }
.ashby-job-posting-description p:empty { display: none; }
.ashby-job-posting-description a { text-decoration: underline; text-underline-offset: 3px; }

button {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500;
  letter-spacing: .08em;
}
.ashby-job-posting-description-container > a > button,
button[type='submit'] {
  background: #f0c93a;
  color: #060608;
  border: 1px solid #f0c93a;
  border-radius: 0;
  text-transform: uppercase;
}
.ashby-job-posting-description-container > a > button:hover,
button[type='submit']:hover { background: #f5d84a; color: #060608; }
input:not([type='checkbox']):not([type='radio']), textarea, select {
  background: #1a1a1e;
  color: #e0dfda;
  border-color: #6b6b78;
  font-family: 'DM Sans', sans-serif;
}
input::placeholder, textarea::placeholder { color: #9a9aa8; }
input[type='checkbox'], input[type='radio'] { accent-color: #f0c93a; }
footer { color: #9a9aa8; border-top: 1px solid #2e2e34; }

@media (max-width: 600px) {
  .ashby-job-posting-heading,
  .ashby-job-board-heading { font-size: 42px; }
  .ashby-job-posting-header img,
  img[alt="Ambrosia Energy"] { width: 170px; }
  .ashby-job-posting-header > ul > a,
  .ashby-job-board-back-to-all-jobs-button { font-size: 10px; letter-spacing: .05em; }
}

@media (max-width: 900px) {
  .ashby-job-posting-header > ul { min-height: 68px; padding: 16px; }
  .ashby-job-posting-header img { width: auto; height: 36px; }
}