ul.job_listings, .rp4wp-related-job_listing>ul { border-top: 1px solid rgba(128, 128, 128, 0.12) !important; margin: 0 !important; padding: 0 !important; } ul.job_listings li.job_listing, .rp4wp-related-job_listing>ul li.job_listing { border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; background: transparent !important; transition: background 0.15s ease !important; } ul.job_listings li.job_listing:last-child { border-bottom: none !important; } ul.job_listings li.job_listing a, .rp4wp-related-job_listing>ul li.job_listing a { color: #ececec !important; text-decoration: none !important; padding: 14px 14px 14px 20px !important; transition: background 0.15s ease !important; } ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus { background: rgba(193, 255, 180, 0.07) !important; } ul.job_listings li.job_listing a div.position h3 { color: #ececec !important; font-size: 15px !important; font-weight: 600 !important; margin: 0 0 2px !important; line-height: 1.4 !important; transition: color 0.2s ease !important; } ul.job_listings li.job_listing a:hover div.position h3 { color: #c1ffb4 !important; } ul.job_listings li.job_listing a div.position .company { color: rgba(236, 236, 236, 0.55) !important; font-size: 12px !important; } ul.job_listings li.job_listing a div.position .company strong { color: rgba(236, 236, 236, 0.75) !important; } ul.job_listings li.job_listing a div.position .company .tagline { color: rgba(236, 236, 236, 0.4) !important; } ul.job_listings li.job_listing a div.location { color: rgba(236, 236, 236, 0.5) !important; font-size: 12px !important; } ul.job_listings li.job_listing a ul.meta { color: rgba(236, 236, 236, 0.5) !important; padding: 0 !important; } ul.job_listings li.job_listing a .meta .date { font-size: 11px !important; color: rgba(236, 236, 236, 0.4) !important; } ul.job_listings li.job_listing a .meta .job-type, .job_listing .job-type, .job-manager .job-type, .job-types .job-type { display: inline-block !important; background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; border-radius: 20px !important; padding: 2px 10px !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; } .job_listing .full-time, .job-manager .full-time, .job-types .full-time { background: rgba(193, 255, 180, 0.14) !important; color: #c1ffb4 !important; } .job_listing .part-time, .job-manager .part-time, .job-types .part-time { background: rgba(240, 141, 60, 0.14) !important; color: #f08d3c !important; } .job_listing .temporary, .job-manager .temporary, .job-types .temporary { background: rgba(217, 54, 116, 0.14) !important; color: #d93674 !important; } .job_listing .freelance, .job-manager .freelance, .job-types .freelance { background: rgba(51, 153, 204, 0.14) !important; color: #39c !important; } .job_listing .internship, .job-manager .internship, .job-types .internship { background: rgba(96, 51, 204, 0.14) !important; color: #6033cc !important; } ul.job_listings li.job_listing.job_position_featured a { background: rgba(193, 255, 180, 0.05) !important; border-left: 3px solid rgba(193, 255, 180, 0.4) !important; } ul.job_listings li.job_listing.job_position_featured a:hover { background: rgba(193, 255, 180, 0.1) !important; } ul.job_listings li.job_listing.job_position_filled a { opacity: 0.4 !important; } ul.job_listings li.job_listing a img.company_logo { border-radius: 8px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; background: rgba(128, 128, 128, 0.06) !important; box-shadow: none !important; } ul.job_listings li.no_job_listings_found { background: transparent !important; border-bottom: none !important; color: rgba(236, 236, 236, 0.45) !important; padding: 32px 20px !important; text-align: center !important; font-size: 14px !important; } form.job_filters, .job_filters { background: rgba(128, 128, 128, 0.04) !important; background-color: rgba(128, 128, 128, 0.04) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; border-radius: 16px !important; padding: 24px !important; box-sizing: border-box !important; color: #ececec !important; margin-bottom: 32px !important; } .job_filters .search_jobs { display: flex !important; flex-wrap: wrap !important; gap: 16px !important; align-items: flex-end !important; background: transparent !important; padding: 0 0 20px 0 !important; margin: 0 0 20px 0 !important; border-bottom: 1px solid rgba(128, 128, 128, 0.15) !important; } .job_filters label, .job_filters .search_jobs label { display: block !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; color: rgba(236, 236, 236, 0.5) !important; margin-bottom: 6px !important; background: transparent !important; } .job_filters .search_keywords, .job_filters .search_location, .job_filters .search_categories { flex: 1 1 180px !important; } .job_filters .search_keywords input[type="text"], .job_filters .search_location input[type="text"], .job_filters input[type="text"] { width: 100% !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; font-size: 13px !important; padding: 10px 14px !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .job_filters .search_keywords input[type="text"]:focus, .job_filters .search_location input[type="text"]:focus, .job_filters input[type="text"]:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; background-color: rgba(128, 128, 128, 0.1) !important; } .job_filters .search_keywords input[type="text"]::placeholder, .job_filters .search_location input[type="text"]::placeholder, .job_filters input[type="text"]::placeholder { color: rgba(236, 236, 236, 0.3) !important; } .job_filters .search_categories select { width: 100% !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; font-size: 13px !important; padding: 10px 14px !important; box-sizing: border-box !important; appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .job_filters .search_categories select:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; } .job_filters .search_categories select option { background: #1a1a1a !important; color: #ececec !important; } .job_filters .search_remote_position { display: flex !important; align-items: center !important; gap: 8px !important; padding-top: 22px !important; background: transparent !important; } .job_filters .search_remote_position label, #remote_position_label { display: inline !important; font-size: 13px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: normal !important; color: rgba(236, 236, 236, 0.7) !important; margin-bottom: 0 !important; cursor: pointer !important; background: transparent !important; } .job_filters .search_remote_position input[type="checkbox"], .job_filters .search_remote_position input.input-checkbox { appearance: none !important; -webkit-appearance: none !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 4px !important; width: 16px !important; min-width: 16px !important; height: 16px !important; cursor: pointer !important; position: relative !important; flex-shrink: 0 !important; margin: 0 !important; transition: all 0.2s ease !important; } .job_filters .search_remote_position input[type="checkbox"]:checked, .job_filters .search_remote_position input.input-checkbox:checked { background: #c1ffb4 !important; background-color: #c1ffb4 !important; border-color: #c1ffb4 !important; } .job_filters .search_remote_position input[type="checkbox"]:checked::after, .job_filters .search_remote_position input.input-checkbox:checked::after { content: '' !important; position: absolute !important; left: 4px !important; top: 1px !important; width: 4px !important; height: 8px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .job_filters .search_submit { flex-shrink: 0 !important; } .job_filters .search_submit input[type="submit"], .job_filters input[type="submit"] { background: #c1ffb4 !important; background-color: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; padding: 10px 24px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; white-space: nowrap !important; } .job_filters .search_submit input[type="submit"]:hover, .job_filters input[type="submit"]:hover { filter: brightness(105%) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.4) !important; } .job_filters .search_submit input[type="submit"]:active, .job_filters input[type="submit"]:active { transform: translateY(0) !important; box-shadow: none !important; } .job-manager-notice, .jm-ui-notice { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 10px !important; color: #ececec !important; padding: 14px 18px !important; } .job-manager-notice.error, .jm-ui-notice.error { border-color: rgba(255, 91, 91, 0.4) !important; background: rgba(255, 91, 91, 0.08) !important; color: #ff5b5b !important; } .job-manager-form fieldset { border: 1px solid rgba(128, 128, 128, 0.12) !important; background: transparent !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 16px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .job-manager-form label { color: rgba(236, 236, 236, 0.7) !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin-bottom: 0 !important; display: block !important; } .job-manager-form fieldset .field { margin: 0 !important; } .job-manager-form input[type="text"], .job-manager-form input[type="email"], .job-manager-form input[type="url"], .job-manager-form input[type="number"], .job-manager-form input[type="password"], .job-manager-form input[type="file"], .job-manager-form textarea, .job-manager-form select { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; font-size: 13px !important; padding: 10px 14px !important; width: 100% !important; box-sizing: border-box !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .job-manager-form input[type="file"]::file-selector-button, .job-manager-form input[type="file"]::-webkit-file-upload-button { background: #ffffff !important; color: #1a1a1a !important; border: none !important; border-radius: 6px !important; font-size: 12px !important; font-weight: 600 !important; padding: 6px 12px !important; margin-right: 14px !important; cursor: pointer !important; transition: filter 0.2s ease !important; } .job-manager-form input[type="file"]:hover::file-selector-button, .job-manager-form input[type="file"]:hover::-webkit-file-upload-button { filter: brightness(105%) !important; } .job-manager-form select { appearance: none !important; -webkit-appearance: none !important; background-image: none !important; cursor: pointer !important; } .job-manager-form select option { background: #1a1a1a !important; color: #ececec !important; } .job-manager-form input[type="checkbox"], .job-manager-form input[type="radio"] { accent-color: #c1ffb4 !important; width: 18px !important; height: 18px !important; margin: 0 8px 0 0 !important; cursor: pointer !important; vertical-align: middle !important; } .job-manager-form .field input.input-checkbox { appearance: none !important; -webkit-appearance: none !important; background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 4px !important; width: 17px !important; height: 17px !important; cursor: pointer !important; vertical-align: middle !important; flex-shrink: 0 !important; margin: 0 !important; position: relative !important; transition: all 0.2s ease !important; } .job-manager-form .field input.input-checkbox:checked { background: #c1ffb4 !important; border-color: #c1ffb4 !important; } .job-manager-form .field input.input-checkbox:checked::after { content: '' !important; position: absolute !important; left: 4px !important; top: 1px !important; width: 5px !important; height: 9px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .job-manager-form .field.full-line-checkbox-field { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 10px !important; flex-wrap: wrap !important; } .job-manager-form .field.full-line-checkbox-field label { font-size: 13px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: normal !important; color: rgba(236, 236, 236, 0.8) !important; cursor: pointer !important; margin: 0 !important; flex: 1 !important; } .job-manager-form ul.job-manager-term-checklist { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } .job-manager-form ul.job-manager-term-checklist li { display: flex !important; align-items: center !important; gap: 10px !important; } .job-manager-form ul.job-manager-term-checklist input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 4px !important; width: 17px !important; height: 17px !important; cursor: pointer !important; flex-shrink: 0 !important; margin: 0 !important; position: relative !important; transition: all 0.2s ease !important; } .job-manager-form ul.job-manager-term-checklist input[type="checkbox"]:checked { background: #c1ffb4 !important; border-color: #c1ffb4 !important; } .job-manager-form ul.job-manager-term-checklist input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 4px !important; top: 1px !important; width: 5px !important; height: 9px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .job-manager-form ul.job-manager-term-checklist label { font-size: 13px !important; font-weight: 400 !important; text-transform: none !important; letter-spacing: normal !important; color: rgba(236, 236, 236, 0.75) !important; cursor: pointer !important; margin: 0 !important; } .job-manager-form [id^="wp-"][id$="-wrap"] { border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; overflow: hidden !important; background: rgba(22, 22, 22, 0) !important; } .job-manager-form [id^="wp-"][id$="-editor-tools"], .job-manager-form [id^="wp-"][id$="-media-buttons"] { background: rgba(128, 128, 128, 0.08) !important; border-bottom: 1px solid rgba(128, 128, 128, 0.2) !important; padding: 4px 8px !important; } .job-manager-form [id$="-editor-container"] .mce-container, .job-manager-form [id$="-editor-container"] .mce-toolbar, .job-manager-form [id$="-editor-container"] .mce-top-part, .job-manager-form [id$="-editor-container"] .mce-toolbar-grp, .job-manager-form [id$="-editor-container"] .mce-container-body { background-color: rgba(22, 22, 22, 0) !important; border-color: rgba(128, 128, 128, 0.15) !important; } .job-manager-form fieldset .wp-editor-container { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } .job-manager-form fieldset .wp-editor-container .mce-container, .job-manager-form fieldset .wp-editor-container .mce-toolbar, .job-manager-form fieldset .wp-editor-container .mce-top-part { background-color: transparent !important; border-color: rgba(128, 128, 128, 0.15) !important; } .job-manager-form [id$="-editor-container"] .mce-btn, .job-manager-form [id$="-editor-container"] .mce-btn button { background: transparent !important; color: rgba(236, 236, 236, 0.75) !important; border: none !important; } .job-manager-form [id$="-editor-container"] .mce-btn:hover, .job-manager-form [id$="-editor-container"] .mce-btn.mce-active { background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; } .job-manager-form [id$="-editor-container"] .mce-separator { border-color: rgba(128, 128, 128, 0.2) !important; } .job-manager-form [id^="wp-"][id$="-wrap"] textarea.wp-editor-area { background: rgba(22, 22, 22, 0.85) !important; color: #ececec !important; border: none !important; border-radius: 0 !important; padding: 12px !important; width: 100% !important; box-sizing: border-box !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.6 !important; } .job-manager-form [id^="wp-"][id$="-editor-tools"] .wp-switch-editor { background: rgba(128, 128, 128, 0.08) !important; color: rgba(236, 236, 236, 0.6) !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 4px !important; font-size: 11px !important; padding: 2px 8px !important; } .job-manager-form [id^="wp-"][id$="-editor-tools"] .wp-switch-editor.switch-tmce, .job-manager-form [id^="wp-"][id$="-editor-tools"] .switch-tmce:focus, .job-manager-form [id^="wp-"][id$="-editor-tools"] .switch-html:focus { background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; border-color: rgba(193, 255, 180, 0.3) !important; } span.select2-selection.select2-selection--single, span.select2-selection.select2-selection--multiple, .select2-container--default span.select2-selection--single, .select2-container--default span.select2-selection--multiple, .job-manager-form .select2-container--default .select2-selection--single, .job-manager-form .select2-container--default .select2-selection--multiple { background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; height: 40px !important; display: flex !important; align-items: center !important; padding: 0 14px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .job-manager-form .select2-container--default.select2-container--open .select2-selection--single, .job-manager-form .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open span.select2-selection--single { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; } .job-manager-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ececec !important; line-height: 38px !important; padding: 0 !important; } .job-manager-form .select2-container--default .select2-selection__placeholder { color: rgba(236, 236, 236, 0.35) !important; } .job-manager-form .select2-container--default .select2-selection__arrow { height: 38px !important; right: 10px !important; } .job-manager-form .select2-container--default .select2-selection__arrow b { border-color: rgba(236, 236, 236, 0.4) transparent transparent !important; } .job-manager-form .select2-container--default.select2-container--open .select2-selection__arrow b { border-color: transparent transparent rgba(193, 255, 180, 0.8) !important; } .select2-dropdown { background: rgba(18, 18, 18, 0.98) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important; overflow: hidden !important; } .select2-search--dropdown .select2-search__field { background: rgba(128, 128, 128, 0.1) !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 6px !important; color: #ececec !important; padding: 7px 12px !important; font-size: 13px !important; outline: none !important; } .select2-search--dropdown .select2-search__field:focus { border-color: rgba(193, 255, 180, 0.4) !important; } .select2-results__option { color: rgba(236, 236, 236, 0.8) !important; font-size: 13px !important; padding: 8px 14px !important; transition: background 0.12s ease !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; } .select2-container--default .select2-results__option[aria-selected="true"] { background: rgba(193, 255, 180, 0.08) !important; color: #c1ffb4 !important; font-weight: 600 !important; } .job-manager-form input:focus, .job-manager-form textarea:focus, .job-manager-form select:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; outline: none !important; } .job-manager-form input::placeholder, .job-manager-form textarea::placeholder { color: rgba(236, 236, 236, 0.3) !important; } .job-manager-form .form-row.required label::after { content: ' *' !important; color: rgba(193, 255, 180, 0.8) !important; } .job-manager-form input[type="submit"], .job-manager-form button[type="submit"] { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; padding: 10px 28px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } .job-manager-form input[type="submit"]:hover, .job-manager-form button[type="submit"]:hover { filter: brightness(105%) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.4) !important; } #job-manager-job-dashboard, .jm-dashboard { color: #ececec !important; } .jm-dashboard .jm-ui-input--search-icon, .jm-dashboard__filters input[type="search"] { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; font-size: 13px !important; padding: 9px 14px 9px 38px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease !important; } .jm-dashboard .jm-ui-input--search-icon:focus, .jm-dashboard__filters input[type="search"]:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; outline: none !important; } .jm-dashboard__actions .jm-ui-button { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-size: 13px !important; font-weight: 700 !important; padding: 9px 22px !important; cursor: pointer !important; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } .jm-dashboard__actions .jm-ui-button:hover { filter: brightness(105%) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.4) !important; } .jm-dashboard-header { color: rgba(236, 236, 236, 0.45) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; } .jm-dashboard-job { background: rgba(22, 22, 22, 0.6) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; border-radius: 10px !important; margin: 8px 0 !important; transition: border-color 0.2s ease, background 0.2s ease !important; } .jm-dashboard-job:hover { border-color: rgba(193, 255, 180, 0.2) !important; background: rgba(28, 28, 28, 0.85) !important; } .jm-dashboard-job-column a.job-title { color: #ececec !important; text-decoration: none !important; font-weight: 600 !important; transition: color 0.2s ease !important; } .jm-dashboard-job-column a.job-title:hover { color: #c1ffb4 !important; text-decoration: none !important; } .jm-dashboard-job-column-label { color: rgba(236, 236, 236, 0.4) !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; } .jm-dashboard .job-status { color: rgba(236, 236, 236, 0.6) !important; font-size: 10px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; } .jm-dashboard .job-status.publish { color: #c1ffb4 !important; } .jm-dashboard .job-status.pending, .jm-dashboard .job-status.pending_payment { color: #f08d3c !important; } .jm-dashboard .job-status.expired { color: rgba(236, 236, 236, 0.35) !important; } .jm-dashboard-action { color: rgba(236, 236, 236, 0.7) !important; font-size: 12px !important; font-weight: 500 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .jm-dashboard-action:hover { color: #c1ffb4 !important; } .jm-dashboard .job-dashboard-action-delete { color: rgba(255, 91, 91, 0.7) !important; } .jm-dashboard .job-dashboard-action-delete:hover { color: #ff5b5b !important; } .jm-dashboard .job-manager-pagination ul.page-numbers { gap: 8px !important; } .jm-dashboard .job-manager-pagination li { border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 8px !important; transition: border-color 0.2s ease, background 0.2s ease !important; } .jm-dashboard .job-manager-pagination li:hover { border-color: rgba(193, 255, 180, 0.35) !important; background: rgba(193, 255, 180, 0.07) !important; } .jm-dashboard .job-manager-pagination a { color: rgba(236, 236, 236, 0.7) !important; text-decoration: none !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 6px 12px !important; } .jm-dashboard .job-manager-pagination .current { background: rgba(193, 255, 180, 0.12) !important; border-color: rgba(193, 255, 180, 0.4) !important; color: #c1ffb4 !important; font-weight: 700 !important; } .jm-job-overlay { background: rgba(18, 18, 18, 0.97) !important; color: #ececec !important; } .jm-job-overlay-header { border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; } .jm-job-overlay-header .job_title { color: #ececec !important; font-size: 18px !important; font-weight: 700 !important; } .jm-job-overlay-footer { border-top: 1px solid rgba(128, 128, 128, 0.12) !important; } .jm-job-overlay-details-box { background: rgba(128, 128, 128, 0.06) !important; border-radius: 10px !important; } .jm-section-header { color: rgba(236, 236, 236, 0.45) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; } .jm-chart .jm-chart-y-axis__label, .jm-chart .jm-chart-x-axis { color: rgba(236, 236, 236, 0.35) !important; } .jm-chart .jm-chart-bar-tooltip { background: rgba(22, 22, 22, 0.97) !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 8px !important; color: #ececec !important; padding: 10px 14px !important; } .jm-job-stat-details .jm-stat-value { color: #c1ffb4 !important; font-weight: 700 !important; } .jm-job-stat-details .jm-stat-label { color: rgba(236, 236, 236, 0.65) !important; } a.jm-ui-button, button.jm-ui-button, .jm-ui-button { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 13px !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; text-decoration: none !important; } a.jm-ui-button:hover, button.jm-ui-button:hover, .jm-ui-button:hover { filter: brightness(105%) !important; color: #1a1a1a !important; } .jm-ui-button--outline { background: transparent !important; border: 1px solid rgba(128, 128, 128, 0.3) !important; color: rgba(236, 236, 236, 0.8) !important; box-shadow: none !important; } .jm-ui-button--outline:hover { border-color: rgba(193, 255, 180, 0.4) !important; color: #c1ffb4 !important; background: rgba(193, 255, 180, 0.06) !important; filter: none !important; } .jm-ui-button--link, .jm-dashboard-action--primary { background: transparent !important; color: rgba(236, 236, 236, 0.7) !important; box-shadow: none !important; padding: 0 !important; font-weight: 500 !important; } .jm-ui-button--link:hover { color: #c1ffb4 !important; filter: none !important; } .job-preview .preview-title { color: #ececec !important; font-size: 18px !important; font-weight: 700 !important; } .job-preview { background: rgba(22, 22, 22, 0.7) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; border-radius: 12px !important; padding: 24px !important; color: #ececec !important; } .single-job_listing .job-overview dt { color: rgba(236, 236, 236, 0.5) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; } .single-job_listing .job-overview dd { color: #ececec !important; font-size: 14px !important; } .single-job_listing .application a, .job-application a { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 13px !important; padding: 10px 24px !important; text-decoration: none !important; display: inline-block !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } .single-job_listing .application a:hover, .job-application a:hover { filter: brightness(105%) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.4) !important; } .single-job_listing .company img { border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; } .account-signin { background: rgba(22, 22, 22, 0.7) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; border-radius: 12px !important; padding: 24px !important; color: #ececec !important; max-width: 420px !important; } .account-signin h4 { color: #ececec !important; font-size: 16px !important; margin-bottom: 16px !important; } .account-signin input[type="text"], .account-signin input[type="email"], .account-signin input[type="password"] { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 10px !important; color: #ececec !important; padding: 10px 14px !important; width: 100% !important; box-sizing: border-box !important; } .account-signin input[type="text"]:focus, .account-signin input[type="email"]:focus, .account-signin input[type="password"]:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.12) !important; outline: none !important; } .account-signin input[type="submit"] { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 10px !important; font-weight: 700 !important; font-size: 13px !important; padding: 10px 24px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } .job-manager-pagination ul.page-numbers { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; list-style: none !important; padding: 0 !important; margin: 24px auto !important; justify-content: center !important; } .job-manager-pagination ul.page-numbers li { border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 8px !important; transition: border-color 0.2s ease, background 0.2s ease !important; } .job-manager-pagination ul.page-numbers a, .job-manager-pagination ul.page-numbers span { display: flex !important; align-items: center !important; justify-content: center !important; padding: 6px 14px !important; color: rgba(236, 236, 236, 0.7) !important; text-decoration: none !important; font-size: 13px !important; transition: color 0.2s ease !important; } .job-manager-pagination ul.page-numbers li:hover { border-color: rgba(193, 255, 180, 0.35) !important; background: rgba(193, 255, 180, 0.07) !important; } .job-manager-pagination ul.page-numbers .current { background: rgba(193, 255, 180, 0.12) !important; border-color: rgba(193, 255, 180, 0.4) !important; color: #c1ffb4 !important; font-weight: 700 !important; } ul.job_listings.loading { background: none !important; border-bottom: 1px solid rgba(128, 128, 128, 0.12) !important; opacity: 0.5 !important; } .widget ul.job_listings li.job_listing { border-bottom: 1px solid rgba(128, 128, 128, 0.1) !important; padding: 4px 0 !important; } .widget ul.job_listings li.job_listing a { color: #ececec !important; } .widget ul.job_listings li.job_listing .position h3 { color: #ececec !important; font-size: 13px !important; font-weight: 600 !important; transition: color 0.2s ease !important; } .widget ul.job_listings li.job_listing a:hover .position h3 { color: #c1ffb4 !important; } .widget ul.job_listings li.job_listing ul.meta li { color: rgba(236, 236, 236, 0.5) !important; font-size: 11px !important; } @media screen and (max-width: 767px) { .job_filters .search_jobs { flex-direction: column !important; gap: 10px !important; } .job_filters .search_keywords, .job_filters .search_location, .job_filters .search_categories { flex: 1 1 100% !important; } .jm-dashboard-job { border-radius: 8px !important; padding: 12px !important; } .job_filters .job_types { flex-wrap: wrap !important; gap: 6px !important; } } .job_filters ul.job_types { list-style: none !important; margin: 24px 0 24px 0 !important; padding: 0 0 24px 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; background: transparent !important; background-color: transparent !important; border-top: none !important; border-bottom: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: none !important; } .job_filters ul.job_types li { margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-right: none !important; } .job_filters ul.job_types li label { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 5px 13px !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; color: rgba(236, 236, 236, 0.65) !important; background: rgba(128, 128, 128, 0.07) !important; background-color: rgba(128, 128, 128, 0.07) !important; cursor: pointer !important; transition: all 0.2s ease !important; margin: 0 !important; user-select: none !important; -webkit-user-select: none !important; box-shadow: none !important; } .job_filters ul.job_types li label:hover { border-color: rgba(236, 236, 236, 0.35) !important; color: #ececec !important; background: rgba(128, 128, 128, 0.12) !important; background-color: rgba(128, 128, 128, 0.12) !important; } .job_filters ul.job_types li label input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: 12px !important; height: 12px !important; border-radius: 3px !important; border: 1.5px solid rgba(128, 128, 128, 0.5) !important; background: transparent !important; background-color: transparent !important; flex-shrink: 0 !important; margin: 0 !important; position: relative !important; top: 0 !important; transition: all 0.2s ease !important; cursor: pointer !important; } .job_filters ul.job_types li label input[type="checkbox"]:checked { border-color: #c1ffb4 !important; background: #c1ffb4 !important; background-color: #c1ffb4 !important; box-shadow: none !important; } .job_filters ul.job_types li label input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 3px !important; top: 1px !important; width: 3px !important; height: 6px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .job_filters ul.job_types li label:has(input:checked) { background: rgba(193, 255, 180, 0.16) !important; background-color: rgba(193, 255, 180, 0.16) !important; border-color: #c1ffb4 !important; box-shadow: 0 0 12px rgba(193, 255, 180, 0.15) !important; color: #c1ffb4 !important; } .job_filters ul.job_types li:has(input:checked) label { box-shadow: 0 0 10px rgba(193, 255, 180, 0.2) !important; } .job_filters ul.job_types li label.full-time { color: #c1ffb4 !important; border-color: rgba(193, 255, 180, 0.25) !important; background: rgba(193, 255, 180, 0.07) !important; background-color: rgba(193, 255, 180, 0.07) !important; } .job_filters ul.job_types li label.part-time { color: #f08d3c !important; border-color: rgba(240, 141, 60, 0.25) !important; background: rgba(240, 141, 60, 0.07) !important; background-color: rgba(240, 141, 60, 0.07) !important; } .job_filters ul.job_types li label.temporary { color: #d93674 !important; border-color: rgba(217, 54, 116, 0.25) !important; background: rgba(217, 54, 116, 0.07) !important; background-color: rgba(217, 54, 116, 0.07) !important; } .job_filters ul.job_types li label.freelance { color: #39c !important; border-color: rgba(51, 153, 204, 0.25) !important; background: rgba(51, 153, 204, 0.07) !important; background-color: rgba(51, 153, 204, 0.07) !important; } .job_filters ul.job_types li label.internship { color: #9b7ae0 !important; border-color: rgba(155, 122, 224, 0.25) !important; background: rgba(155, 122, 224, 0.07) !important; background-color: rgba(155, 122, 224, 0.07) !important; } .job_filters .showing_jobs { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 8px 0 0 !important; font-size: 12px !important; color: rgba(236, 236, 236, 0.45) !important; background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } .job_filters .showing_jobs span { color: rgba(236, 236, 236, 0.45) !important; } .job_filters .showing_jobs a.rss_link { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; color: rgba(240, 141, 60, 0.75) !important; text-decoration: none !important; border: 1px solid rgba(240, 141, 60, 0.25) !important; border-radius: 6px !important; padding: 2px 8px !important; transition: all 0.2s ease !important; } .job_filters .showing_jobs a.rss_link:hover { color: #f08d3c !important; border-color: rgba(240, 141, 60, 0.5) !important; background: rgba(240, 141, 60, 0.08) !important; text-decoration: none !important; } .job_filters .showing_jobs a.rss_link::before { content: '⬤' !important; font-size: 7px !important; color: #f08d3c !important; opacity: 0.8 !important; vertical-align: middle !important; }