/* stylelint-disable */

/* ====== The Studio — Ashby job board theme ====== */
:root {
  --studioRed: #CC5536;
  --studioRedDark: #B3462C;
  --studioBlack: #3C3235;
  --studioGrey: #EEEEEE;
  --studioGreyMid: #D9D9D9;
  --studioGreyDark: #9A9A9A;
  --colorPrimary900: var(--studioRedDark);
  --colorPrimary600: var(--studioRed);
  --widthMaxJobBoard: 1000px;
  --borderRadiusContainer: 2px;
  --borderRadiusControl: 2px;
  --borderRadiusButton: 2px;
  --fontFamily: "TWK Lausanne", "Helvetica Neue", Arial, system-ui, -apple-system, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --colorAppBackground: #FAFAFA;
}

body, html {
  background: var(--colorAppBackground);
  font-family: var(--fontFamily);
  color: var(--studioBlack);
}

/* Job board layout */
.ashby-job-board-heading {
  max-width: var(--widthMaxJobBoard);
  margin: 24px auto 8px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: var(--studioBlack);
}

.ashby-job-posting-brief {
  margin-bottom: 12px;
  border: 1px solid var(--studioGreyMid);
  background: #fff;
  border-radius: var(--borderRadiusContainer);
  padding: 14px 16px;
}

.ashby-job-posting-brief-title {
  font-weight: 600;
  color: var(--studioBlack);
}

.ashby-job-posting-brief-details {
  margin-top: 6px;
  color: var(--studioGreyDark);
}

.ashby-job-board-filter select,
.ashby-application-form-field-entry input,
.ashby-application-form-field-entry textarea,
.ashby-application-form-field-entry select {
  border: 1px solid var(--studioGreyMid);
  border-radius: var(--borderRadiusControl);
  background: #fff;
  color: var(--studioBlack);
}

.ashby-application-form-submit-button {
  background: var(--studioRed);
  color: #fff;
  border: 1px solid var(--studioRed);
  border-radius: var(--borderRadiusButton);
  font-weight: 600;
}

.ashby-application-form-submit-button:hover {
  background: var(--studioRedDark);
  border-color: var(--studioRedDark);
}

a {
  color: var(--studioRed);
}
a:hover {
  color: var(--studioRedDark);
}

@media (max-width: 768px) {
  .ashby-job-posting-brief { padding: 16px; }
  .ashby-job-board-heading { margin-top: 16px; }
}