/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 19 2026 | 12:03:22 */
/* =========================================
   EVERYMAN RACING - CAREERS PAGE
   ========================================= */

.emr-careers {
  --emr-red: #a30000;
  --emr-dark: #191919;
  --emr-muted: #555;
  --emr-border: #e8e8e8;

  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  color: #222;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.6;
}

.emr-careers *,
.emr-careers *::before,
.emr-careers *::after {
  box-sizing: border-box;
}


/* ==========================================
   EVERYMAN CAREERS HERO
   ========================================== */

.emr-careers-page .emr-careers-hero {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 550px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: #202427;
}

/* ==========================================
   BACKGROUND IMAGE
   ========================================== */

.emr-careers-hero__background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center 45%;
    background-repeat: no-repeat;
}

/* ==========================================
   DARK ANGLED PANEL
   ========================================== */

.emr-careers-hero__panel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        110deg,
        rgba(5, 23, 20, 0.98),
        rgba(5, 36, 27, 0.94)
    );
    clip-path: polygon(
        0 0,
        47% 0,
        32% 100%,
        0 100%
    );
    z-index: 1;
}

/* Primary green diagonal stripe */
.emr-careers-hero__accent {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    clip-path: polygon(
        47% 0,
        47.7% 0,
        32.7% 100%,
        32% 100%
    );
    transform: none;
    z-index: 2;
}

/* Colour supplied by the theme */
.emr-careers-hero__accent.bg-primary {
    background-image: none;
}

/* ==========================================
   CONTENT POSITIONING
   ========================================== */

.emr-careers-hero__container {
    position: relative;
    z-index: 3;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.emr-careers-hero__content {
    width: 100%;
    max-width: 440px;
    padding: 65px 0;
    margin-left: 0;
    color: #fff;
    text-align: left;
}

/* ==========================================
   EYEBROW
   ========================================== */

.emr-careers-hero__eyebrow {
    display: block;
    margin-bottom: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

/* Mustard underline */
.emr-careers-hero__line {
    display: block;
    width: 70px;
    height: 4px;
    margin-bottom: 30px;
}

/* ==========================================
   MAIN HEADING
   ========================================== */

.emr-careers-hero__heading {
    margin: 0 0 26px;
    color: #fff;
    font-size: clamp(34px, 3.5vw, 56px);
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: 3px;
    text-align: left;
    text-transform: uppercase;
}

/* EVERYMAN — brighter green */
.emr-careers-hero__heading span.text-primary {
    display: block;
    margin: 8px 0;
    padding: 0;
    background: transparent !important;
    color: #00a363 !important;
    font-size: 1em;
    font-weight: 800;
    letter-spacing: 4px;
}

/* DRIVING EXPERIENCES */
.emr-careers-hero__heading strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 0.48em;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 1.3;
}

/* ==========================================
   DESCRIPTION
   ========================================== */

.emr-careers-hero__description {
    max-width: 390px;
    margin: 0 0 30px;
    color: #fff;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    text-align: left;
}

/* ==========================================
   MUSTARD CTA BUTTON
   ========================================== */

.emr-careers-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 17px 26px;
    color: #212529 !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.3;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: filter 0.2s ease;
}

.emr-careers-hero__button:hover {
    color: #212529 !important;
    filter: brightness(0.92);
    text-decoration: none !important;
}

.emr-careers-hero__button:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 4px;
}

/* ==========================================
   TABLET
   ========================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .emr-careers-hero__panel {
        clip-path: polygon(
            0 0,
            65% 0,
            47% 100%,
            0 100%
        );
    }

    .emr-careers-hero__accent {
        clip-path: polygon(
            65% 0,
            65.8% 0,
            47.8% 100%,
            47% 100%
        );
    }

    .emr-careers-hero__content {
        width: 100%;
        max-width: 360px;
    }

    .emr-careers-hero__heading {
        font-size: clamp(30px, 4vw, 44px);
        letter-spacing: 2px;
    }

    .emr-careers-hero__heading span.text-primary,
    .emr-careers-hero__heading strong {
        letter-spacing: 2px;
    }

    .emr-careers-hero__description {
        max-width: 340px;
    }
}

/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .emr-careers-page .emr-careers-hero {
        min-height: 650px;
        align-items: flex-end;
    }

    .emr-careers-hero__background {
        background-position: 62% top;
    }

    /* Bottom gradient instead of skew */
    .emr-careers-hero__panel {
        inset: auto 0 0;
        width: 100%;
        height: 82%;
        clip-path: none;
        background: linear-gradient(
            to bottom,
            rgba(5, 23, 20, 0),
            rgba(5, 23, 20, 0.9) 25%,
            rgba(5, 23, 20, 0.98) 65%
        );
    }

    .emr-careers-hero__accent {
        display: none;
    }

    .emr-careers-hero__container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .emr-careers-hero__content {
        width: 100%;
        max-width: 100%;
        padding: 90px 0 40px;
        margin: 0;
    }

    .emr-careers-hero__eyebrow {
        font-size: 12px;
        letter-spacing: 2px;
    }

    .emr-careers-hero__line {
        margin-bottom: 24px;
    }

    .emr-careers-hero__heading {
        font-size: clamp(30px, 8vw, 44px);
        letter-spacing: 2px;
        line-height: 1.15;
    }

    .emr-careers-hero__heading span.text-primary {
        letter-spacing: 2px;
    }

    .emr-careers-hero__heading strong {
        font-size: 0.48em;
        letter-spacing: 2px;
    }

    .emr-careers-hero__description {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.6;
    }

    .emr-careers-hero__button {
        width: 100%;
        justify-content: center;
        padding: 16px 20px;
        font-size: 13px;
    }
}

/* ==========================================
   SMALL MOBILE
   ========================================== */

@media (max-width: 380px) {

    .emr-careers-hero__heading {
        font-size: 28px;
        letter-spacing: 1px;
    }

    .emr-careers-hero__heading span.text-primary {
        letter-spacing: 1px;
    }

    .emr-careers-hero__heading strong {
        letter-spacing: 1px;
    }
}

/* ==========================================
   ACCESSIBILITY
   ========================================== */

@media (prefers-reduced-motion: reduce) {
    .emr-careers-hero__button {
        transition: none;
    }
}



/* =========================================
   WHY EVERYMAN RACING
   ========================================= */

.emr-careers .emr-why {
  padding: 40px !important;
}

/* Heading */

.emr-careers .emr-why h2 {
  margin-bottom: 12px !important;
}

/* Small green dash */

.emr-careers .emr-why__dash {
  display: block;
  width: 55px;
  height: 4px;
  margin: 0 auto 18px !important;
}

/* Subtitle */

.emr-careers .emr-why .lead {
  font-size: 19px;
  line-height: 1.5;
  margin-bottom: 20px !important;
}

/* Green divider */

.emr-careers .emr-why__divider {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0 0 22px !important;
}

/* Description */

.emr-careers .emr-why__description {
  display: block;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  text-align: left !important;
  white-space: normal;
}


/* =========================================
   EXPLORE OUR OPPORTUNITIES
   ========================================= */

.emr-careers .emr-careers__opportunities {
  padding: 50px 0;
}

/* Section heading */

.emr-careers .emr-careers__section-heading {
  text-align: center;
  margin-bottom: 35px;
}

.emr-careers .emr-careers__section-heading h2 {
  font-weight: 700;
  margin-bottom: 12px;
}

.emr-careers .emr-careers__section-heading p {
  max-width: none;
  line-height: 1.6;
}


/* =========================================
   OPPORTUNITIES GRID
   ========================================= */

.emr-careers .emr-careers__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px;
  align-items: stretch;
  width: 100%;
}


/* =========================================
   RECRUITMENT CARDS
   ========================================= */

.emr-careers .emr-careers__card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  background: #fff !important;
  border: 1px solid var(--emr-border);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease,
              box-shadow 0.2s ease;
}

/* Card hover */

.emr-careers .emr-careers__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}

/* Optional card images */

.emr-careers .emr-careers__card-image {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

/* Card body */

.emr-careers .emr-careers__card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  padding: 30px;
}

/* Category label */

.emr-careers .emr-careers__category {
  display: block;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}

/* Card title */

.emr-careers .emr-careers__card h3 {
  color: #222 !important;
  font-size: 24px !important;
  line-height: 1.3 !important;
  font-weight: 700;
  margin: 0 0 16px !important;
}

/* Card description */

.emr-careers .emr-careers__card p {
  width: 100%;
  max-width: none !important;
  color: #555 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 28px !important;
}


/* =========================================
   CARD LINKS AND ARROWS
   ========================================= */

/* Link - no underline */

.emr-careers .emr-careers__card-link,
.emr-careers .emr-careers__card-link:hover {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  margin-top: auto;
  color: var(--emr-red) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-weight: 700;
  text-decoration: none !important;
}

/* Text - no underline normally */

.emr-careers .emr-careers__link-text {
  text-decoration: none !important;
}

/* Underline only the text on hover */

.emr-careers .emr-careers__card-link:hover
.emr-careers__link-text {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Arrow - never underlined */

.emr-careers .emr-careers__arrow {
  position: static !important;
  display: inline-block;
  margin: 0 !important;
  font-size: 18px;
  line-height: 1;
  text-decoration: none !important;
  transform: none;
  transition: transform 0.2s ease;
}

/* Arrow animation */

.emr-careers .emr-careers__card-link:hover
.emr-careers__arrow {
  text-decoration: none !important;
  transform: translateX(4px);
}


/* =========================================
   BOTTOM CALL TO ACTION
   ========================================= */

.emr-careers .emr-careers__footer {
  background: #f5f5f5 !important;
  text-align: center;
  padding: 65px 24px;
  border-radius: 12px;
}

.emr-careers .emr-careers__footer h2 {
  color: #222 !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.3 !important;
  font-weight: 700;
  margin: 0 0 20px !important;
}

.emr-careers .emr-careers__footer p {
  color: #555 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 0 28px !important;
}


/* =========================================
   RESPONSIVE - TABLET
   ========================================= */

@media (max-width: 991px) {

  .emr-careers .emr-why {
    padding: 30px !important;
  }

  .emr-careers .emr-careers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

}


/* =========================================
   RESPONSIVE - MOBILE
   ========================================= */

@media (max-width: 767px) {

  .emr-careers .emr-why {
    padding: 30px 20px !important;
  }

  .emr-careers .emr-careers__grid {
    grid-template-columns: 1fr !important;
  }

  .emr-careers .emr-careers__card-body {
    padding: 25px;
  }

  .emr-careers .emr-careers__opportunities {
    padding: 30px 0 60px;
  }

  .emr-careers .emr-careers__footer {
    padding: 50px 20px;
  }

}


/* =========================================
   ACCESSIBILITY
   ========================================= */

.emr-careers a:focus-visible {
  outline: 3px solid #d71920;
  outline-offset: 4px;
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {

  .emr-careers .emr-careers__card,
  .emr-careers .emr-careers__arrow {
    transition: none;
  }

  .emr-careers .emr-careers__card:hover,
  .emr-careers .emr-careers__card-link:hover
  .emr-careers__arrow {
    transform: none;
  }

}


/* =========================================
   EVERYMAN RACING - JOB DETAIL TEMPLATE
   ========================================= */

.emr-job {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.7;
}

.emr-job *,
.emr-job *::before,
.emr-job *::after {
  box-sizing: border-box;
}

/* Intro */

.emr-job__intro {
  padding: 50px 30px !important;
}

.emr-job__back {
  display: inline-flex;
  align-items: center;
  margin-bottom: 35px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.emr-job__back:hover {
  text-decoration: underline;
}

.emr-job__intro h1 {
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.2;
}

.emr-job__dash {
  width: 55px;
  height: 4px;
}

/* Main content */

.emr-job__content {
  padding: 55px 0;
}

.emr-job__section {
  margin-bottom: 40px;
}

.emr-job__section h2 {
  font-size: 27px;
  line-height: 1.3;
}

.emr-job__section p {
  max-width: none;
  line-height: 1.8;
}

.emr-job__section ul {
  padding-left: 22px;
  margin-bottom: 0;
}

.emr-job__section li {
  margin-bottom: 12px;
}

/* Sidebar */

.emr-job__sidebar {
  padding: 30px;
  border-radius: 8px;
}

.emr-job__sidebar h3 {
  font-size: 23px;
}

.emr-job__sidebar p {
  margin-bottom: 25px;
}

.emr-job__content-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    margin: 32px 0;
}

.emr-job__content-video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}


/* Application section */
.emr-job__apply {
    padding: 50px 24px;
}

.emr-job__apply .emr-job__apply-inner {
    display: block !important;
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}

/* Application cards layout */
.emr-job__apply .emr-job__application-options {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 24px;
    width: 100% !important;
    max-width: none !important;
    margin: 30px 0 0 !important;
}

/* Individual cards */
.emr-job__apply .emr-job__application-options > div {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 28px !important;
    background: #ffffff;
    border-radius: 12px;
    height: auto !important;
    min-height: 0 !important;
}

/* Card headings */
.emr-job__application-options h3 {
    margin-bottom: 12px;
}

/* Apply button */
.emr-job__application-online .btn {
    display: inline-block;
    margin-top: 12px;
}

/* QR image */
.emr-job__application-qr img {
    display: block;
    width: 150px;
    max-width: 100%;
    height: auto;
    margin-top: 16px;
}

/* Tablet and mobile */
@media (max-width: 767px) {
    .emr-job__apply {
        padding: 35px 16px;
    }

    .emr-job__apply .emr-job__application-options {
        flex-direction: column !important;
        gap: 16px;
        margin-top: 24px !important;
    }

    .emr-job__apply .emr-job__application-options > div {
        flex: 1 1 auto !important;
        width: 100% !important;
        padding: 24px !important;
    }
}