Current Openings - Jordan & Skala Engineers

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=wp-emoji-styles-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } /*# sourceURL=https://jordanskala.com/wp-content/plugins/filebird/blocks/filebird-gallery/build/style-index.css */ ul.filebird-block-filebird-gallery { margin: auto !important; padding: 0 !important; width: 100%; } ul.filebird-block-filebird-gallery.layout-grid { display: grid; grid-gap: 20px; align-items: stretch; grid-template-columns: repeat(var(--columns), 1fr); justify-items: stretch; } ul.filebird-block-filebird-gallery.layout-grid li img { border: 1px solid #ccc; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .3); height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } ul.filebird-block-filebird-gallery.layout-masonry { -moz-column-count: var(--columns); column-count: var(--columns); -moz-column-gap: var(--space); column-gap: var(--space); display: block; overflow: auto; } ul.filebird-block-filebird-gallery.layout-masonry li { margin-bottom: var(--space); } ul.filebird-block-filebird-gallery li { list-style: none; } ul.filebird-block-filebird-gallery li figure { height: 100%; margin: 0; padding: 0; position: relative; width: 100%; } ul.filebird-block-filebird-gallery li figure figcaption { background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent); bottom: 0; box-sizing: border-box; color: #fff; font-size: .8em; margin: 0; max-height: 100%; overflow: auto; padding: 3em .77em .7em; position: absolute; text-align: center; width: 100%; z-index: 2; } ul.filebird-block-filebird-gallery li figure figcaption a { color: inherit; } /*# sourceURL=global-styles-inline-css */ :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } .wp-block-button { --wp--preset--dimension--25: 25%; --wp--preset--dimension--50: 50%; --wp--preset--dimension--75: 75%; --wp--preset--dimension--100: 100%; } :where(body) { margin: 0; } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } :root :where(.wp-element-button, .wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :root :where(.wp-block-icon svg) { width: 24px; } :where(.wp-block-gallery.is-layout-flex) { gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, .5em))); } :where(.wp-block-gallery.is-layout-grid) { gap: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, .5em))); } :where(.wp-block-latest-posts.is-layout-flex) { gap: 1.25em; } :where(.wp-block-latest-posts.is-layout-grid) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-term-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-term-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } /*# sourceURL=elementor-frontend-inline-css */ .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] { display: block; } .elementor-edit-mode [data-element_type="e-form-success-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)), .elementor-edit-mode [data-element_type="e-form-error-message"]:is(.elementor-element-editable, :has(.elementor-element-editable), :has(> .elementor-empty-view)) { display: block; } .e-background-video { position: relative; overflow: hidden; } .e-background-video__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: 0; } .e-background-video__content { position: relative; z-index: 1; flex: 1 1 auto; } .elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; } .elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view.elementor-empty-view { position: relative; flex: 1 1 auto; min-height: 120px; height: auto; width: 100%; } .elementor-edit-mode .e-background-video__content.e-atomic-element:has(> .elementor-empty-view) > .elementor-empty-view > .elementor-first-add { position: absolute; inset: 0; width: 100%; height: 100%; } .e-background-video__controls { z-index: 2; } .e-background-video__play, .e-background-video__pause { appearance: none; -webkit-appearance: none; } .e-background-video.e-background-video--playing .e-background-video__play { display: none; } .e-background-video.e-background-video--paused .e-background-video__pause { display: none; } .e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__controls, .e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__play, .e-background-video:not(.e-background-video--playing):not(.e-background-video--paused) .e-background-video__pause { display: none; } .e-accordion-item-header-base { list-style: none; } .e-accordion-item-header-base::-webkit-details-marker { display: none; } .e-accordion-item-base { interpolate-size: allow-keywords; } .e-accordion-item-base::details-content { block-size: 0; overflow: hidden; transition: block-size .3s ease, content-visibility .3s ease allow-discrete; } .e-accordion-item-base[open]::details-content { block-size: auto; } .e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base { width: auto; height: 100%; max-width: 100%; } .e-accordion-item-icon-base.e-accordion-item-icon-base .e-svg-base svg { width: auto !important; } .e-accordion-item-icon-base svg { transition: transform .3s ease; } .e-accordion-item-base[open] > summary .e-accordion-item-icon-base svg { transform: rotate(180deg); } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } [data-cky-tag] { visibility: hidden; } :root { color-scheme: only light; } html, body { background-color: #fff; } /* Size Elementor background videos to "cover" from first paint so the iframe doesn't jump from 240px to full size when Elementor's JS runs (CLS fix). Targets any iframe in the container: Vimeo inserts it before Elementor adds its class. */ .elementor-background-video-container { container-type: size; } .elementor-background-video-container iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: none; width: max(100cqw, 177.778cqh) !important; height: max(100cqh, 56.25cqw) !important; } .cky-btn-accept, .cky-consent-container .cky-btn-accept { background-color: #b52025 !important; border-color: #b52025 !important; color: #fff !important; } .cky-btn-accept:hover { background-color: #9c1c20 !important; border-color: #9c1c20 !important; } .cky-btn-reject, .cky-btn-customize, .cky-btn-preferences { border-color: #b52025 !important; color: #b52025 !important; background: transparent !important; } .cky-btn-reject:hover, .cky-btn-customize:hover, .cky-btn-preferences:hover { background-color: #b52025 !important; color: #fff !important; } .cky-notice-des a, .cky-policy { color: #b52025 !important; } .cky-btn-revisit-wrapper { background-color: #b52025 !important; } /* ===== JSE Careers: PCRecruiter job board + job detail pages ===== */ :root { --jse-red: #b52025; --jse-red-dark: #961a1c; --jse-ink: #131c23; --jse-text: #333; --jse-muted: #5c5c5c; --jse-line: #e3e3e3; --jse-soft: #f5f5f5; --jse-header-clear: 139px; } /* ---------- Hero band (listing page + single job) ---------- Elementor container with CSS class "jse-careers-hero" (full width), holding: HTML widget (eyebrow), Heading / Post Title widget (h1), optional Text Editor widget (lede). */ .jse-careers-hero, .e-con.jse-careers-hero { background: #b02a2a !important; color: #fff; padding: calc(var(--jse-header-clear) + 64px) 20px 64px !important; --gap: 0px; --row-gap: 0px; gap: 0 !important; } .jse-careers-hero > .elementor-element, .jse-careers-hero__inner { width: 100%; max-width: 1120px !important; margin: 0 auto !important; } .single-job .jse-careers-hero > .elementor-element, .single-job .jse-careers-hero__inner { max-width: 860px !important; } .jse-careers-hero__eyebrow, .jse-careers-hero__eyebrow a { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255, 255, 255, .85) !important; text-decoration: none !important; margin: 0 0 16px; } .jse-careers-hero__eyebrow a:hover { color: #fff !important; } .jse-careers-hero__title, .jse-careers-hero .elementor-heading-title { font-family: "Figtree", sans-serif; font-size: 48px; font-weight: 400; line-height: 1.2; color: #fff !important; margin: 0; overflow-wrap: anywhere; } .jse-careers-hero__lede, .jse-careers-hero .elementor-widget-text-editor, .jse-careers-hero .elementor-widget-text-editor p { font-family: "Manrope", sans-serif; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .9) !important; } .jse-careers-hero__lede, .jse-careers-hero .elementor-widget-text-editor p { max-width: 640px; margin: 0; } .jse-careers-hero .elementor-widget-text-editor { margin-top: 20px !important; } @media (max-width: 1024px) { :root { --jse-header-clear: 90px; } .jse-careers-hero, .e-con.jse-careers-hero { padding-top: calc(var(--jse-header-clear) + 40px) !important; padding-bottom: 48px !important; } .jse-careers-hero__title, .jse-careers-hero .elementor-heading-title { font-size: 36px; } } @media (max-width: 900px) { .jse-careers-hero, .e-con.jse-careers-hero { padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 600px) { .jse-careers-hero__title, .jse-careers-hero .elementor-heading-title { font-size: 28px; } } /* ---------- Shared job board base ---------- */ #pcrbox, #pcrbox input, #pcrbox select, #pcrbox button, #pcrbox label { font-family: "Inter", sans-serif; } #pcrbox { color: var(--jse-text); } /* ---------- Listing page ---------- */ .page-id-2981 #pcrbox { max-width: 1120px; margin: 0 auto; padding: 64px 20px 96px; box-sizing: content-box; } .page-id-2981 .pcr-search-layout { gap: 40px; } .page-id-2981 .pcr-sidebar { flex: 0 0 240px; width: 240px; } /* Sidebar filters */ #pcrbox .pcr-sidebar summary.pcr-filter-header { font-family: "Figtree", sans-serif !important; font-size: 20px !important; font-weight: 400 !important; color: var(--jse-text) !important; padding: 0 0 12px; border-bottom: 2px solid var(--jse-red); margin-bottom: 12px; } #pcrbox .pcr-sidebar details.pcr-filter-group { margin-bottom: 32px; } #pcrbox .pcr-sidebar .list-group li.list-group-item { margin: 0 0 8px; padding: 0; border: 0; background: none; } #pcrbox .pcr-sidebar .pcr-filter-search { width: 100%; background-color: var(--jse-soft) !important; border: 0 !important; border-bottom: 1px solid var(--jse-line) !important; border-radius: 0 !important; margin-bottom: 8px; } #pcrbox .pcr-sidebar label.multi-select-label { font-size: 15px; font-weight: 500; color: var(--jse-text); } #pcrbox .pcr-sidebar input.multiselect-check-box { accent-color: var(--jse-red); margin-right: 8px; } #pcrbox .pcr-sidebar input.multiselect-check-box:checked + label { color: var(--jse-red); } #pcrbox .pcr-sidebar .pcr-view-all { color: var(--jse-red); } /* Keyword search + sort */ #pcrbox #Positions---Keyword { background-color: var(--jse-soft) !important; border: 0 !important; border-bottom: 2px solid var(--jse-line) !important; border-radius: 0 !important; box-shadow: none !important; font-size: 16px; height: 56px; transition: border-color .2s ease; } #pcrbox #Positions---Keyword:focus { border-bottom-color: var(--jse-red) !important; outline: none; } #pcrbox .pcr-main > br { display: none; } #pcrbox #jb_sortbar { display: flex; justify-content: flex-end; margin: 16px 0 20px; } #pcrbox #jb_sortbar select { width: auto; min-width: 200px; padding: 8px 12px; font-size: 14px; color: var(--jse-text); background: #fff; border: 0; border-bottom: 1px solid var(--jse-line); border-radius: 0; } /* Active filter pills */ #pcrbox .pcr-filter-pill { background: var(--jse-red); border-color: var(--jse-red); border-radius: 0; } #pcrbox .pcr-filter-pill:hover { background: var(--jse-red-dark); } /* Job cards */ #pcrbox .wpsearchresults { gap: 24px !important; } #pcrbox .pcr-job-link { position: relative; border: 1px solid var(--jse-line) !important; border-radius: 0 !important; padding: 28px !important; min-height: 210px !important; background: #fff; overflow: hidden; } #pcrbox .pcr-job-link::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--jse-red); transform: scaleY(0); transform-origin: top; transition: transform .25s ease; } #pcrbox .pcr-job-link:hover { border-color: var(--jse-red) !important; box-shadow: 0 8px 24px rgba(19, 28, 35, .08) !important; } #pcrbox .pcr-job-link:hover::before { transform: scaleY(1); } #pcrbox .pcr-card-dept { font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--jse-red); margin-bottom: 12px; } #pcrbox .pcr-card-title { font-family: "Figtree", sans-serif; font-size: 22px; font-weight: 500; line-height: 1.3; color: var(--jse-text); } #pcrbox .pcr-card-footer { padding-top: 16px; border-top: 1px solid var(--jse-line); align-items: center; } #pcrbox .pcr-card-location { font-size: 14px; font-weight: 500; color: var(--jse-muted); } #pcrbox .pcr-card-arrow { color: var(--jse-red); font-size: 20px; } /* Pagination */ #pcrbox .pcr-page-btn { border-radius: 0; } #pcrbox .pcr-page-btn.active, #pcrbox .pcr-page-btn.active:hover { background: var(--jse-red); border-color: var(--jse-red); } @media (max-width: 1024px) { .page-id-2981 #pcrbox { padding-top: 40px; } .page-id-2981 .pcr-search-layout { gap: 24px; } } @media (max-width: 767px) { .page-id-2981 .pcr-sidebar { flex: none; width: 100%; } } /* ---------- Single job page ---------- */ .single-job #pcrbox { max-width: 860px; margin: 0 auto; padding: 0 0 96px; } /* Content container in the "JSE — Job Single" template: its 2rem side margins on top of 100% width caused a horizontal scrollbar. */ .single-job .elementor-location-single > .e-con:not(.jse-careers-hero) { margin: 24px 0 0 !important; } .single-job #jobdetail { width: 100%; max-width: none; padding: 0; } /* Meta bar: Location | Date Posted | Share */ .single-job #jobmeta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 48px; margin: 0 0 40px; padding: 24px 0; border-bottom: 1px solid var(--jse-line); } .single-job #jobmeta > div { width: auto; max-width: none; flex: 0 0 auto; padding: 0; font-size: 16px; color: var(--jse-text); } .single-job #jobmeta > div > strong { display: block; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--jse-red); margin-bottom: 4px; } .single-job #jobmeta > div > br { display: none; } .single-job #jobmeta > div:last-child { margin-left: auto; } .single-job #jobmeta .social-widget { display: flex; gap: 8px; } .single-job #jobmeta .social-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid var(--jse-line); border-radius: 50%; transition: border-color .2s ease; } .single-job #jobmeta .social-icon:hover { border-color: var(--jse-red); } .single-job #jobmeta .social-icon svg { width: 16px; height: 16px; } /* Description typography */ .single-job .jdescription { width: 100%; max-width: none; padding: 0; } .single-job .jdescription, .single-job .jdescription p, .single-job .jdescription li { font-family: "Manrope", sans-serif; font-size: 17px; line-height: 1.7; color: var(--jse-text); } .single-job .jdescription p { margin: 0 0 16px; } .single-job .jdescription p:empty { display: none; } .single-job .jdescription strong { font-weight: 700; color: var(--jse-ink); } .single-job .jdescription ul { margin: 0 0 28px; padding-left: 22px; } .single-job .jdescription li { margin-bottom: 8px; } .single-job .jdescription li::marker { color: var(--jse-red); } .single-job .jdescription h2, .single-job .jdescription h3 { font-family: "Figtree", sans-serif; font-weight: 400; color: var(--jse-text); line-height: 1.25; } .single-job .jdescription h2 { font-size: 32px; margin: 56px 0 16px; padding-top: 40px; border-top: 1px solid var(--jse-line); } .single-job .jdescription h3 { font-size: 24px; margin: 36px 0 12px; } /* Apply button */ .single-job #pcrbox .btn-jobboard, .single-job #btnApply { background: var(--jse-red) !important; color: #fff !important; border: 0 !important; border-radius: 0 !important; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .5px; padding: 16px 48px !important; height: auto !important; margin-top: 24px; cursor: pointer; transition: background-color .2s ease; } .single-job #pcrbox .btn-jobboard:hover, .single-job #btnApply:hover { background: var(--jse-red-dark) !important; } @media (max-width: 900px) { .single-job #pcrbox { padding: 0 20px 72px; } .single-job #jobmeta > div:last-child { margin-left: 0; } .single-job .jdescription h2 { font-size: 26px; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } /* Global JSE fade-in */ html:not(.elementor-editor-active) .jse-auto-fade { opacity: 0; transform: translateY(15px); transition: opacity .65s ease, transform .65s ease; } html:not(.elementor-editor-active) .jse-auto-fade.jse-fade-visible { opacity: 1; transform: translateY(0); } /* Never hide carousel content (Swiper loop clones are never observed) */ html:not(.elementor-editor-active) .swiper .jse-auto-fade { opacity: 1 !important; transform: none !important; } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .jse-auto-fade { opacity: 1 !important; transform: none !important; transition: none !important; } }