/* VALiNTRY JobDiva Sync — base styling (safe to override in your theme) */ .vjds-jobs-wrap .vjds-filter { margin-bottom: 1.5em; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 1em; } .vjds-filter-field { display: flex; flex-direction: column; gap: 0.3em; } .vjds-filter-field label { font-size: 0.85em; font-weight: 600; } .vjds-filter-submit { padding: 0.5em 1.25em; cursor: pointer; } .vjds-filter-clear { font-size: 0.9em; align-self: center; } .vjds-jobs-list { list-style: none; margin: 0; padding: 0; } .vjds-job-item { border-bottom: 1px solid #e2e2e2; padding: 1em 0; } .vjds-job-title { font-weight: 600; font-size: 1.1em; text-decoration: none; } .vjds-job-meta { margin-top: 0.35em; font-size: 0.9em; color: #555; } .vjds-job-meta span { margin-right: 1em; } .vjds-no-jobs { color: #666; } /* Single job page */ .vjds-job-header { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #e2e2e2; } .vjds-job-facts { list-style: none; margin: 0 0 1em; padding: 0; } .vjds-job-facts li { margin-bottom: 0.35em; } .vjds-apply-btn { display: inline-block; padding: 0.65em 1.5em; background: #0E81B5; /* VALiNTRY Triangle Blue */ color: #ffffff; text-decoration: none !important; border-radius: 4px; font-weight: 700; } .vjds-apply-btn, .vjds-apply-btn:link, .vjds-apply-btn:visited, .vjds-apply-btn:hover, .vjds-apply-btn:focus, .vjds-apply-btn:active { color: #ffffff; text-decoration: none !important; } .vjds-apply-btn:hover, .vjds-apply-btn:focus { background: #0b6a94; /* slightly darker Triangle Blue for hover/focus state */ } .vjds-job-footer { margin-top: 2em; } /* * Hide the theme's default "By [Author] / [Date]" byline on single job * pages. WordPress always adds the "single-vjds_job" class to for * these pages, so this targets the common theme/Elementor patterns for * post-meta / post-info regardless of which one your theme uses. If your * theme's byline still shows after this, its wrapper uses a class name not * covered here — right-click the byline, "Inspect", and send the class name * shown and this can be tightened to that exact selector. */ body.single-vjds_job .entry-meta, body.single-vjds_job .entry-header .posted-on, body.single-vjds_job .entry-header .byline, body.single-vjds_job .post-meta, body.single-vjds_job .post-author, body.single-vjds_job .entry-date, body.single-vjds_job .elementor-post-info, body.single-vjds_job .elementor-post-info__item--type-author, body.single-vjds_job .elementor-post-info__item--type-date, body.single-vjds_job .elementor-post-info__item--type-comments, body.single-vjds_job .elementor-post-info__separator { display: none !important; }